HarmonyOS鸿蒙Next APP开发--picker不同展示效果练习

HarmonyOS鸿蒙Next APP开发–picker不同展示效果练习一、技术相关

使用语言: Js；使用组件：picker；工具：deveco studio。

二、效果如下

图片7.png

图片8.png

图片9.png

图片10.png

三、部分代码如下

HML

图片11.png

CSS

图片12.png

图片13.png

三、问题讨论

CSS样式中定义文本信息时，需要重复写很多代码，有没有方法可以写一次代码就可以把所有选择器里的文本信息给设定？
现在是只能够点击文本才能跳出选择器，有没有什么方法可以设定一个区域内点击就可以跳出选择器？

完整代码地址：

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

更多关于HarmonyOS鸿蒙Next APP开发--picker不同展示效果练习的实战教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 1楼

改成dialog塞一个picker-view这样就可以点击一个区域弹出选择器了。

更多关于HarmonyOS鸿蒙Next APP开发--picker不同展示效果练习的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 2楼

组件的综合使用，有很多创造空间的。

songsunli 3楼

跟着学吧，每天都是进步

vueper 4楼

这个系列已经很庞大了，可以整个集锦啥的，一键保存

yuanlaile 5楼

嘀，收藏卡。楼主加油继续分享！

zlyuanteng 6楼

不错的干货分享，好好学习天天写码

h691938207 7楼

在HarmonyOS鸿蒙Next中，Picker组件支持多种展示效果，开发者可以通过设置不同的属性和样式来实现。例如，可以通过Picker的type属性选择日期、时间或普通选择器。还可以通过textAlign、textColor等属性自定义文本样式，或使用itemHeight调整每项高度。此外，结合onValueChange事件，可以动态响应选择变化。通过这些灵活配置，开发者能够创建符合应用需求的多样化选择器界面。