新聞中心
想了解更多內容,請訪問:

成都創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來,公司以成都做網站、網站建設、系統(tǒng)開發(fā)、網絡推廣、文化傳媒、企業(yè)宣傳、平面廣告設計等為主要業(yè)務,適用行業(yè)近百種。服務企業(yè)客戶近1000家,涉及國內多個省份客戶。擁有多年網站建設開發(fā)經驗。為企業(yè)提供專業(yè)的網站建設、創(chuàng)意設計、宣傳推廣等服務。 通過專業(yè)的設計、獨特的風格,為不同客戶提供各種風格的特色服務。
和華為官方合作共建的鴻蒙技術社區(qū)
https://harmonyos.
HarmonyOS APP-Picker體驗與分享
今天主要分享Picker的組件,這個組件提供了可滑動選擇器,允許用戶在可選范圍進行選擇。這里我們創(chuàng)建了好幾個選擇器,設置了其中的樣式和一些效果。
第一個就是一個簡單的范圍選擇,首先我們在xml中創(chuàng)建Picker對象進行樣式布局,然后我們在來到Java中設置取值范圍,通過創(chuàng)建Picker對象并且實例化然后獲取在xml中的id值,然后在設置選擇器的取值范圍,代碼如下:
- Picker picker = (Picker) findComponentById(ResourceTable.對象id);
- picker.setMinValue(0);//設置最小取值范圍
- picker.setMaxValue(6); //設置最大取值范圍
這樣我們就完成了第一種的效果了。
這里還有一種格式化Picker的顯示
通過Picker的setFormatter(Formatter formatter)方法,用戶可以將Picker選項中顯示的字符串修改為特定的格式。
我們這里還可以設置輪模式,進行循環(huán)滑動,在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
想了解更多內容,請訪問:
和華為官方合作共建的鴻蒙技術社區(qū)
https://harmonyos.
分享文章:HarmonyOSAPP組件分享(三)
鏈接URL:http://m.5511xx.com/article/dpeshgp.html


咨詢
建站咨詢
