什么是DatePicker
DatePicker是一種日期滾輪式選擇器.常見效果如下：
1.基本用法
效果圖
代碼
<DatePicker
ohos:height="match_content"
ohos:width="match_parent"/>
2.設(shè)置背景
效果圖
代碼
<DatePicker
ohos:height="match_content"
ohos:width="match_parent"
ohos:background_element="#d3d7d4"/>
3.設(shè)置文字字體大小和顏色
效果圖
代碼
<DatePicker
ohos:height="match_content"
ohos:width="match_parent"
ohos:normal_text_color="#000000"
ohos:normal_text_size="18fp"
ohos:selected_text_color="#007DFF"
ohos:selected_text_size="18fp"/>
4.設(shè)置分割條顏色
效果圖
代碼
<DatePicker
ohos:height="match_content"
ohos:width="match_parent"
ohos:normal_text_color="#000000"
ohos:normal_text_size="18fp"
ohos:selected_text_color="#007DFF"
ohos:selected_text_size="18fp"/>
基礎(chǔ)樣例完整源代碼
https://gitee.com/hspbc/harmonyos_demos/tree/master/datePickerDemo
常用屬性說明
| 屬性名 | 用途 |
|---|---|
| ohos:width | 設(shè)置控件寬度,可設(shè)置為:match_parent(和父控件一樣),match_content(按照內(nèi)容自動(dòng)伸縮),設(shè)置固定值(如200vp) |
| ohos:height | 設(shè)置控件高度,可設(shè)置為:match_parent(和父控件一樣),match_content(按照內(nèi)容自動(dòng)伸縮),設(shè)置固定值(如200vp) |
| ohos:layout_alignment | 在父控件內(nèi)對齊方式,可選值：left：居左；start：居左；center：居中；right：居右；end：居右；top：居上；bottom：居下；horizontal_center：水平居中；vertical_center：垂直居中 |
| ohos:background_element | 設(shè)置背景,可以是色值(如#FF0000)或圖片等 |
| ohos:visibility | 可選值: visible(顯示), invisible(隱藏,但是仍占據(jù)UI空間),hide(隱藏,且不占UI空間) |
| ohos:normal_text_color | 設(shè)置非選中文字顏色，樣例：ohos:normal_text_color="#000000" |
| ohos:normal_text_size | 設(shè)置非選中文字大小，樣例：ohos:normal_text_size="30fp" |
| ohos:selected_text_color | 設(shè)置選中文字顏色，樣例：ohos:selected_text_color="#000000" |
| ohos:selected_text_size | 設(shè)置選中文字大小，樣例：ohos:selected_text_size="30fp" |
| ohos:top_line_element | 設(shè)置上分割線顏色，樣例：ohos:top_line_element="#000000" |
| ohos:bottom_line_element | 設(shè)置下分割線顏色，樣例：ohos:bottom_line_element="#000000" |
| ohos:wheel_mode_enabled | 列表是否循環(huán)，可選值：true：循環(huán)；false：不循環(huán)，樣例：ohos:wheel_mode_enabled="false" |
| ohos:shader_color | 設(shè)置陰影顏色，樣例：ohos:shader_color="#ECF5FF" |
| ohos:operated_text_color | 設(shè)置當(dāng)前被滾動(dòng)的控件的選中文字顏色，樣例：ohos:operated_text_color="#ECF5FF" |
更多屬性及實(shí)際效果,可以在開發(fā)工具里自行體驗(yàn).
關(guān)于我
廈門大學(xué)計(jì)算機(jī)專業(yè) | 前華為工程師
分享編程技術(shù)，沒啥深度，但看得懂，適合初學(xué)者。
Java | 安卓 | 前端 | 小程序 | 鴻蒙
公眾號：花生皮編程
