社区编辑申请
注册/登录
HarmonyOSAPP组件分享(三)
开发 OpenHarmony
文章由鸿蒙社区产出,想要了解更多内容请前往:51CTO和华为官方战略合作共建的鸿蒙技术社区https://harmonyos.51cto.com

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

 HarmonyOS APP-Picker体验与分享

今天主要分享Picker的组件,这个组件提供了可滑动选择器,允许用户在可选范围进行选择。这里我们创建了好几个选择器,设置了其中的样式和一些效果。

第一个就是一个简单的范围选择,首先我们在xml中创建Picker对象进行样式布局,然后我们在来到Java中设置取值范围,通过创建Picker对象并且实例化然后获取在xml中的id值,然后在设置选择器的取值范围,代码如下: 

  1. Picker picker = (Picker) findComponentById(ResourceTable.对象id); 
  2.  
  3. picker.setMinValue(0);//设置最小取值范围 
  4.  
  5. picker.setMaxValue(6); //设置最大取值范围 

这样我们就完成了第一种的效果了。

这里还有一种格式化Picker的显示

通过Picker的setFormatter(Formatter formatter)方法,用户可以将Picker选项中显示的字符串修改为特定的格式。

我们这里还可以设置轮模式,进行循环滑动,在Java代码中添加以下代码即可: 

  1. boolean isWheel = picker.isWheelModeEnabled(); // 获取当前是否是选择轮模式 
  2.  
  3. picker.setWheelModeEnabled(!isWheel); 

这里就可以显示第二种的效果了,我们还可以在xml中设置样式,使其外观美化,可以根据自己的想法进行颜色和字体的搭配。

代码还有很多不完善的地方,欢迎指教,谢谢。

完整代码地址:

https://gitee.com/jltfcloudcn/jump_to/tree/master/jltf_Picker_component

HarmonyOS APP-TabList和Tab体验与分享

效果呈现

点击上面“jltfvideo”可以换页面

布局中的代码

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <DirectionalLayout 
  3.     xmlns:ohos="http://schemas.huawei.com/res/ohos" 
  4.     ohos:height="match_parent" 
  5.     ohos:width="match_parent" 
  6.     ohos:background_element="#444444" 
  7.     ohos:orientation="vertical"
  8.  
  9.     <TabList 
  10.         ohos:id="$+id:jltftab_list" 
  11.         ohos:weight="1" 
  12.         ohos:top_margin="10vp" 
  13.         ohos:tab_margin="24vp" 
  14.         ohos:tab_length="140vp" 
  15.         ohos:text_size="20fp" 
  16.         ohos:height="36vp" 
  17.         ohos:width="match_parent" 
  18.         ohos:layout_alignment="center" 
  19.         ohos:orientation="horizontal" 
  20.         ohos:text_alignment="center" 
  21.         ohos:normal_text_color="#999999" 
  22.         ohos:selected_text_color="#FFFFFF" 
  23.         ohos:selected_tab_indicator_color="#FFFFFF" 
  24.         ohos:selected_tab_indicator_height="2vp"/> 
  25.  
  26.     <ScrollView 
  27.         ohos:id="$+id:tab_jltfcontent" 
  28.         ohos:height="match_parent" 
  29.         ohos:width="match_parent" 
  30.         ohos:padding="10vp" 
  31.         ohos:weight="9"
  32.  
  33.     </ScrollView> 
  34. </DirectionalLayout> 

 完整代码地址:

https://gitee.com/jltfcloudcn/jump_to/tree/master/jltf_TabList_and_Tab_component

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

 

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2021-03-18 09:36:02

鸿蒙HarmonyOS应用

2022-05-17 10:33:58

设备开发鸿蒙操作系统

2020-11-05 10:05:25

App

2022-02-10 15:14:50

2021-12-24 15:46:23

2021-11-22 10:00:33

2022-06-09 14:08:34

多设备协同鸿蒙

2021-03-26 09:35:35

鸿蒙HarmonyOS应用开发

2021-03-30 09:45:07

2021-03-31 15:49:34

鸿蒙HarmonyOS应用

2021-03-17 09:35:09

鸿蒙HarmonyOS应用开发

2021-10-14 15:14:36

2022-04-06 14:55:45

Harmony同步机制鸿蒙

2021-01-12 12:04:40

鸿蒙HarmonyOS应用开发

2021-08-05 09:49:44

2021-06-28 14:48:03

2021-07-27 11:39:40

2021-01-21 13:21:18

鸿蒙HarmonyOSPhotoview组件

2021-06-22 09:44:56

2021-10-12 10:50:31

同话题下的热门内容

功能测试vs.非功能测试:能否非此即彼地进行选择?Rust难懂?一文解读其“所有权”和“借用”概念JMS VS Kafka:苹果与橘子之战!Java 服务 Docker 容器化优秀实践超全!Python图形界面框架PyQt5使用指南!太强了!Python 开发桌面小工具,让代码替我们干重复的工作!Kafka在美团数据平台的实践程序员不得不知道的 API 接口常识

编辑推荐

2017年9月编程语言排行榜:Java、C与C++三巨头还能统治排行榜多久?2017年最受欢迎的5个前端框架比较2017年11月编程语言排行榜:脚本语言怎么了?2017年3月编程语言排行榜:Swift首次进入前十最近租房有点烦!技术人如何用Python找到称心如意的“小窝”?
我收藏的内容
点赞
收藏

51CTO技术栈公众号