零基础学鸿蒙编程-UI控件_DatePicker
什么是DatePicker
DatePicker是一种日期滚轮式选择器.常见效果如下:
1.基本用法
效果图
代码
<DatePickerohos:height="match_content"ohos:width="match_parent"/>
2.设置背景
效果图
代码
<DatePickerohos:height="match_content"ohos:width="match_parent"ohos:background_element="#d3d7d4"/>
3.设置文字字体大小和颜色
效果图
代码
<DatePickerohos: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.设置分割条颜色
效果图
代码
<DatePickerohos: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"/>
基础样例完整源代码
https://gitee.com/hspbc/harmonyos_demos/tree/master/datePickerDemo
常用属性说明
属性名 | 用途 |
---|---|
ohos:width | 设置控件宽度,可设置为:match_parent(和父控件一样),match_content(按照内容自动伸缩),设置固定值(如200vp) |
ohos:height | 设置控件高度,可设置为:match_parent(和父控件一样),match_content(按照内容自动伸缩),设置固定值(如200vp) |
ohos:layout_alignment | 在父控件内对齐方式,可选值:left:居左;start:居左;center:居中;right:居右;end:居右;top:居上;bottom:居下;horizontal_center:水平居中;vertical_center:垂直居中 |
ohos:background_element | 设置背景,可以是色值(如#FF0000)或图片等 |
ohos:visibility | 可选值: visible(显示), invisible(隐藏,但是仍占据UI空间),hide(隐藏,且不占UI空间) |
ohos:normal_text_color | 设置非选中文字颜色,样例:ohos:normal_text_color="#000000" |
ohos:normal_text_size | 设置非选中文字大小,样例:ohos:normal_text_size=“30fp” |
ohos:selected_text_color | 设置选中文字颜色,样例:ohos:selected_text_color="#000000" |
ohos:selected_text_size | 设置选中文字大小,样例:ohos:selected_text_size=“30fp” |
ohos:top_line_element | 设置上分割线颜色,样例:ohos:top_line_element="#000000" |
ohos:bottom_line_element | 设置下分割线颜色,样例:ohos:bottom_line_element="#000000" |
ohos:wheel_mode_enabled | 列表是否循环,可选值:true:循环;false:不循环,样例:ohos:wheel_mode_enabled=“false” |
ohos:shader_color | 设置阴影颜色,样例:ohos:shader_color="#ECF5FF" |
ohos:operated_text_color | 设置当前被滚动的控件的选中文字颜色,样例:ohos:operated_text_color="#ECF5FF" |
更多属性及实际效果,可以在开发工具里自行体验.
零基础系列
《零基础学安卓编程》
《零基础学Java编程》
《零基础学鸿蒙编程》
关于我
厦门大学计算机专业 | 前华为工程师
专注《零基础学编程系列》,包含:Java | 安卓 | 前端 | Flutter | iOS | 小程序 | 鸿蒙
全网可关注:花生皮编程
零基础学鸿蒙编程-UI控件_DatePicker相关推荐
- 零基础学Android之常用控件
常用控件 上次我们讲了布局:线性布局.表格布局.帧布局和相对布局,这个布局,它是在整个移动端设计内容的一个框架的方式,以什么方式来设计界面.最终在界面里面,放置的是控件,所谓控件,就是程序员可以控制的 ...
- 视频教程-零基础学C#编程—C#从小白到大咖-C#
零基础学C#编程-C#从小白到大咖 专注编程领域,拥有多年开发经验 王小科 ¥99.00 立即订阅 扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 APP订阅课程,领取优惠,最少立减5 ...
- python语言程序设计难不难_零基础学Python编程开发难度大吗?从哪学起?
转行零基础学Python编程开发难度大吗?从哪学起? 近期很多小伙伴问我,如果自己转行学习Python,完全0基础能否学会呢?Python的难度到底有多大? 今天,小编就来为大家详细解读一下这个问题. ...
- 【组队学习】【34期】零基础学python编程思维
零基础学python编程思维 航路开辟者:邓林权 领航员:沈一 航海士:覃嘉俊.马子阳.左凯文 基本信息 开源内容:https://linklearner.com/datawhale-homepage ...
- 0基础学python看什么书-零基础学python编程需要看什么书?
原标题:零基础学python编程需要看什么书? 随着互联网迅速发展,python也呈现出水涨船高的态势.近年来,python在编程语言中一直名列前茅.编程初学者纷纷选择Python作为第一语言.Pyt ...
- 零基础学Java编程一定要上Java培训机构吗
在当下各个行业的发展之中,IT行业发展的速度蹭蹭往上涨,从事IT行业的朋友薪资也是比其他行业要乐观的多,甚至可以说是遥遥领先.当下很多朋友对Java开发技术相当的感兴趣,大家又说Java开发比较难学, ...
- 零基础学python图文版-零基础学Minecraft编程(图文版)中文pdf_Python教程
资源名称:零基础学Minecraft编程(图文版) 中文pdf 概述 1 Minecraft 是什么 1 虚拟世界 2 Minecraft 是如何诞生的 2 Minecraft 编程是什么 2 这本书 ...
- 零基础学python图文版-零基础学Minecraft编程(图文版) 中文pdf完整版[41MB]
零基础学Minecraft编程(图文版)是非常有趣的Minecraft编程入门学习书.在Minecraft游戏中,你可以学习许多Python编程技能,在 PC.Mac或树莓派上与游戏进行互动,更可将M ...
- 我的世界python入门教程_零基础学Minecraft编程(图文版)中文pdf_Python教程
资源名称:零基础学Minecraft编程(图文版) 中文pdf 概述 1 Minecraft 是什么 1 虚拟世界 2 Minecraft 是如何诞生的 2 Minecraft 编程是什么 2 这本书 ...
最新文章
- 解决Chrome中UEditor插入图片的选择框加载过慢问题
- 你知道什么是Jest吗?
- SQL基础--完整性约束
- Software--Architecture--Design
- Chapter 7 Windows下pycaffe的使用之draw_net.py
- .sync 修饰符的理解
- 将读写锁放到共享内存中,实现进程之间对数据的读写访问控制
- 选择排序、插入排序、冒泡排序、希尔排序算法的总结 - 复杂度、实现和稳定性
- ES6中的扩展运算符
- 不学无数——适配器模式
- javascript widget ui mvc
- CSS字体样式设置、CSS文本样式设置
- 修心修行“十一字”真言
- 计算机系统内部存储器的存储单元,内部存储器练习
- mybatis plus 出现 Invalid bound statement (not found)
- unity3d FPS 枪的后座力
- 马云:不要买房了,未来房子如葱!10年后最便宜的是房子车子,而最贵的是…...
- java计算机毕业设计医院病历管理系统源程序+mysql+系统+lw文档+远程调试
- qt 3d迷宫游戏_玩迷宫也能解锁孩子空间思维,各年龄必备迷宫书单推荐(附游戏资源下载)...
- python 谷歌翻译 字数限制_Python谷歌翻译(防封版)