HarmonyOSAPP组件分享(三)

想了解更多内容，请访问：
成都创新互联公司自2013年创立以来，公司以成都做网站、网站建设、系统开发、网络推广、文化传媒、企业宣传、平面广告设计等为主要业务，适用行业近百种。服务企业客户近1000家，涉及国内多个省份客户。拥有多年网站建设开发经验。为企业提供专业的网站建设、创意设计、宣传推广等服务。通过专业的设计、独特的风格，为不同客户提供各种风格的特色服务。
和华为官方合作共建的鸿蒙技术社区
https://harmonyos.

HarmonyOS APP-Picker体验与分享

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

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

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

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

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

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

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

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

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

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

完整代码地址：

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

HarmonyOS APP-TabList和Tab体验与分享

效果呈现

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

布局中的代码

 
 
 
 
  
  
  
     
  
  
    
  
  
  
    xmlns:ohos="http://schemas.huawei.com/res/ohos"   
  
  
      ohos:height="match_parent"   
  
  
      ohos:width="match_parent"   
  
  
      ohos:background_element="#444444"   
  
  
      ohos:orientation="vertical">   
  
  
     
  
  
        
  
  
  
        ohos:id="$+id:jltftab_list"   
  
  
          ohos:weight="1"   
  
  
          ohos:top_margin="10vp"   
  
  
          ohos:tab_margin="24vp"   
  
  
          ohos:tab_length="140vp"   
  
  
          ohos:text_size="20fp"   
  
  
          ohos:height="36vp"   
  
  
          ohos:width="match_parent"   
  
  
          ohos:layout_alignment="center"   
  
  
          ohos:orientation="horizontal"   
  
  
          ohos:text_alignment="center"   
  
  
          ohos:normal_text_color="#999999"   
  
  
          ohos:selected_text_color="#FFFFFF"   
  
  
          ohos:selected_tab_indicator_color="#FFFFFF"   
  
  
          ohos:selected_tab_indicator_height="2vp"/>   
  
  
     
  
  
        
  
  
  
        ohos:id="$+id:tab_jltfcontent"   
  
  
          ohos:height="match_parent"   
  
  
          ohos:width="match_parent"   
  
  
          ohos:padding="10vp"   
  
  
          ohos:weight="9">

完整代码地址：

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

想了解更多内容，请访问：

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

https://harmonyos.

本文名称：HarmonyOSAPP组件分享(三)
URL分享：http://www.hantingmc.com/qtweb/news8/519258.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容