新聞中心
想了解更多內(nèi)容,請訪問:

成都創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來,公司以成都做網(wǎng)站、網(wǎng)站建設(shè)、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計等為主要業(yè)務(wù),適用行業(yè)近百種。服務(wù)企業(yè)客戶近1000家,涉及國內(nèi)多個省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗(yàn)。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計、宣傳推廣等服務(wù)。 通過專業(yè)的設(shè)計、獨(dú)特的風(fēng)格,為不同客戶提供各種風(fēng)格的特色服務(wù)。
和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos.
HarmonyOS APP-Picker體驗(yàn)與分享
今天主要分享Picker的組件,這個組件提供了可滑動選擇器,允許用戶在可選范圍進(jìn)行選擇。這里我們創(chuàng)建了好幾個選擇器,設(shè)置了其中的樣式和一些效果。
第一個就是一個簡單的范圍選擇,首先我們在xml中創(chuàng)建Picker對象進(jìn)行樣式布局,然后我們在來到Java中設(shè)置取值范圍,通過創(chuàng)建Picker對象并且實(shí)例化然后獲取在xml中的id值,然后在設(shè)置選擇器的取值范圍,代碼如下:
- Picker picker = (Picker) findComponentById(ResourceTable.對象id);
- picker.setMinValue(0);//設(shè)置最小取值范圍
- picker.setMaxValue(6); //設(shè)置最大取值范圍
這樣我們就完成了第一種的效果了。
這里還有一種格式化Picker的顯示
通過Picker的setFormatter(Formatter formatter)方法,用戶可以將Picker選項(xiàng)中顯示的字符串修改為特定的格式。
我們這里還可以設(shè)置輪模式,進(jìn)行循環(huán)滑動,在Java代碼中添加以下代碼即可:
- boolean isWheel = picker.isWheelModeEnabled(); // 獲取當(dāng)前是否是選擇輪模式
- picker.setWheelModeEnabled(!isWheel);
這里就可以顯示第二種的效果了,我們還可以在xml中設(shè)置樣式,使其外觀美化,可以根據(jù)自己的想法進(jìn)行顏色和字體的搭配。
代碼還有很多不完善的地方,歡迎指教,謝謝。
完整代碼地址:
https://gitee.com/jltfcloudcn/jump_to/tree/master/jltf_Picker_component
HarmonyOS APP-TabList和Tab體驗(yàn)與分享
效果呈現(xiàn)
點(diǎn)擊上面“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
想了解更多內(nèi)容,請訪問:
和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos.
本文標(biāo)題:HarmonyOSAPP組件分享(三)
網(wǎng)站地址:http://fisionsoft.com.cn/article/dpeshgp.html


咨詢
建站咨詢
