标签：Java License Component HarmonyOS UI ResourceTable SlidingDrawer todo Id
参考资料
SlidingDrawer
api讲解
-
如何集成
修改entry的bulid.gradle,代码如下
implementation 'io.openharmony.tpc.thirdlib:SlidingDrawer:1.0.2'
需要在xml布局添加如下代码片段
</hollowsoft.slidingdrawer.SlidingDrawer>
java 代码需要添加如下代码
SlidingDrawer drawer = new SlidingDrawer(this); drawer.setOrientation(Component.VERTICAL);//todo 设置方向 drawer.setHandle(new Component(this));//todo 这个必须设置
-
抽屉布局打开
drawer.animateOpen();
-
抽屉布局关闭
drawer.animateClose();
代码运行
-
绘画xml布局
在xml布局中绘画一个导航布局和抽屉列表布局，具体参考xml布局注释，代码如下
<?xml version="1.0" encoding="utf-8"?> <DirectionalLayout ohos:id="$+id:main" xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:height="match_parent" ohos:width="match_parent" ohos:orientation="vertical"> <!-- 头部当行栏--> <DirectionalLayout ohos:background_element="blue" ohos:height="80vp" ohos:width="match_parent" ohos:orientation="horizontal"> <!-- 菜单栏--> <Text ohos:left_margin="10vp" ohos:id="$+id:hos" ohos:width="80vp" ohos:height="match_parent" ohos:text_color="#ed6262" ohos:text_size="20vp" ohos:text="菜单"/> <!--标题栏--> <Text ohos:width="0vp" ohos:weight="1" ohos:height="match_parent" ohos:text_alignment="center" ohos:text_size="20vp" ohos:text_color="#ffffff" ohos:text="界面标题"/> <Text ohos:right_margin="10vp" ohos:width="80vp" ohos:height="match_parent" ohos:text_color="#ed6262" ohos:text_size="20vp"/> </DirectionalLayout> <!--抽屉布局--> <hollowsoft.slidingdrawer.SlidingDrawer ohos:id="$+id:slide" ohos:background_element="#20000000" xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:height="500vp" ohos:width="match_parent" ohos:orientation="horizontal"> <DirectionalLayout ohos:width="500vp" ohos:alignment="top" ohos:height="match_parent" ohos:orientation="vertical"> <!-- 菜单一--> <Text ohos:id="$+id:text_menu_one" ohos:height="80vp" ohos:background_element="#ffffff" ohos:width="match_parent" ohos:text_size="20vp" ohos:text="菜单一"/> <!-- 菜单二--> <Text ohos:id="$+id:text_menu_two" ohos:top_margin="1vp" ohos:height="80vp" ohos:background_element="#ffffff" ohos:width="match_parent" ohos:text_size="20vp" ohos:text="菜单二"/> <!-- 菜单三--> <Text ohos:id="$+id:text_menu_there" ohos:top_margin="1vp" ohos:height="80vp" ohos:background_element="#ffffff" ohos:width="match_parent" ohos:text_size="20vp" ohos:text="菜单三"/> </DirectionalLayout> </hollowsoft.slidingdrawer.SlidingDrawer> </DirectionalLayout>
-
实现java 代码
给“菜单”实现点击事件，控制抽屉布局的打开，然后在实现菜单列表的点击事件，具体代码如下
/**
* Copyright (C) 2021 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* <p>
* http://www.apache.org/licenses/LICENSE-2.0
* <p>
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package com.newdemo.myapplication.slice;
import com.newdemo.myapplication.ResourceTable;
import hollowsoft.slidingdrawer.SlidingDrawer;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.*;
import ohos.agp.window.dialog.ToastDialog;
/**
* MainAbilitySlice class
*/
public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {
private SlidingDrawer drawer1;
private Text LeftText;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
LeftText=findComponentById(ResourceTable.Id_hos);//todo 菜单按钮
drawer1 =findComponentById(ResourceTable.Id_slide);//todo 抽屉布局
drawer1.setHandle(new Component(this));//todo 这个必须设置
//todo 实现点击菜单的事件
LeftText.setClickedListener(new Component.ClickedListener() {
@Override
public void onClick(Component component) {
drawer1.animateOpen();
}
});
//todo 给菜单列表实现点击事件
findComponentById(ResourceTable.Id_text_menu_one).setClickedListener(this);
findComponentById(ResourceTable.Id_text_menu_two).setClickedListener(this);
findComponentById(ResourceTable.Id_text_menu_there).setClickedListener(this);
}
/**
* 重写点击事件的按钮事件，并给出提示，关闭抽屉布局
* @param component
*/
@Override
public void onClick(Component component) {
String myText="";
switch (component.getId()){
case ResourceTable.Id_text_menu_one:
myText="菜单一";
break;
case ResourceTable.Id_text_menu_two:
myText="菜单二";
break;
case ResourceTable.Id_text_menu_there:
myText="菜单三";
break;
}
//todo 提示
new ToastDialog(getContext())
.setText(myText)
.show();
//todo 关闭 抽屉列表
if(drawer1.isOpened()){
drawer1.animateClose();
}
}
}运行效果
欲了解更多更全技术文章，欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh
标签：Java,License,Component,HarmonyOS,UI,ResourceTable,SlidingDrawer,todo,Id 来源： https://www.cnblogs.com/developer-huawei/p/16534237.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。