草庐IT

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之TextPicker组件

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之TextPicker组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、TextPicker组件TextClock组件通过文本将当前系统时间显示在设备上。支持不同时区的时间显示,最高精度到秒级。子组件无。接口TextPicker(options?:{range:string[]|Resource,selected?:number,value?:string})根据range指定的选择范围创建文本选择器。构造参数参数名参数类型必填参数描述rangestring[]

【HarmonyOS4.0】第十一篇-ArkUI布局容器组件(三)

五、格栅布局容器GridContainer纵向排布栅格布局容器,仅在栅格布局场景中使用。该组件不再维护,推荐使用新组件GridCol、GridRow。5.1.栅格容器GridRow栅格容器组件,仅可以和栅格子组件(GridCol)在栅格布局场景中使用。5.1.1.接口GridRow(option?:{columns?:number|GridRowColumnOption,gutter?:Length|GutterOption,breakpoints?:BreakPoints,direction?:GridRowDirection})栅格容器有columns、gutter、direction、b

【HarmonyOS应用开发】ArkUI 开发框架-基础篇-第二部分(八)

八、Column&Row组件的使用概述一个丰富的页面需要很多组件组成,那么,我们如何才能让这些组件有条不紊地在页面上布局呢?这就需要借助容器组件来实现。容器组件是一种比较特殊的组件,它可以包含其他的组件,而且按照一定的规律布局,帮助开发者生成精美的页面。容器组件除了放置基础组件外,也可以放置容器组件,通过多层布局的嵌套,可以布局出更丰富的页面。ArkTS为我们提供了丰富的容器组件来布局页面,本文将以构建登录页面为例,介绍Column和Row组件的属性与使用。1、组件介绍1.1、布局容器概念线性布局容器表示按照垂直方向或者水平方向排列子组件的容器,ArkTS提供了Column和Row容器来实现线

鸿蒙ArkUI开发-应用添加弹窗

在我们日常使用应用的时候,可能会进行一些敏感的操作,比如删除联系人,这时候我们给应用添加弹窗来提示用户是否需要执行该操作,如下图所示:弹窗是一种模态窗口,通常用来展示用户当前需要的或用户必须关注的信息或操作。在弹出框消失之前,用户无法操作其他界面内容。ArkUI为我们提供了丰富的弹窗功能,弹窗按照功能可以分为以下两类:确认类:例如警告弹窗AlertDialog。选择类:包括文本选择弹窗TextPickerDialog、日期滑动选择弹窗DatePickerDialog、时间滑动选择弹窗TimePickerDialog等。您可以根据业务场景,选择不同类型的弹窗。部分弹窗效果图如下:此外,如果上述弹

鸿蒙HarmonyOS实战-ArkUI事件(组合手势)

一、组合手势应用程序的手势操作是指在移动设备上使用手指或手势进行与应用程序交互的方式。手势操作可以包括点击、滑动、双击、捏合等动作,用于实现不同的功能和操作。HarmonyOS中常见的手势操作及其功能:手势操作功能描述滑动手势在屏幕上快速滑动手指,可实现页面切换、滚动查看内容等功能点击手势轻触屏幕一次,可实现按钮点击、应用打开等功能双击手势连续快速点击屏幕两次,可实现放大图片、双击打开应用等功能长按手势在屏幕上长时间按住手指,可弹出上下文菜单或进行拖拽、复制等操作捏合手势使用两个手指在屏幕上同时向内或向外移动,可实现缩放、放大和缩小等功能旋转手势使用两个手指在屏幕上同时顺时针或逆时针旋转,可实

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之CheckboxGroup组件

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之CheckboxGroup组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、CheckboxGroup组件提供多选框组件,通常用于某选项的打开或关闭。子组件无。接口CheckboxGroup(options?:{group?:string})创建多选框群组,可以控制群组内的Checkbox全选或者不全选,group值相同的Checkbox和CheckboxGroup为同一群组。参数参数名参数类型必填参数描述groupstring否群组名称。说明:多个相同群组名

鸿蒙(ArkUI)开发:实现二级联动

场景介绍列表的二级联动(CascadingList)是指根据一个列表(一级列表)的选择结果,来更新另一个列表(二级列表)的选项。这种联动可以使用户根据实际需求,快速定位到想要的选项,提高交互体验。例如,短视频中拍摄风格的选择、照片编辑时的场景的选择,本文即为大家介绍如何开发二级联动。效果呈现本例最终效果如下:运行环境本例基于以下环境开发,开发者也可以基于其他适配的版本进行开发:IDE:DevEcoStudio3.1Beta2SDK:Ohos_sdk_public3.2.11.9(APIVersion9Release)实现思路数字标题(titles)以及下方的数字列表(contents)分组展示

鸿蒙HarmonyOS实战-ArkUI动画(弹簧曲线动画)

 前言弹簧曲线动画是一种模拟弹簧运动的动画效果,通过改变弹簧的拉伸或压缩来表现不同的运动状态。以下是制作弹簧曲线动画的步骤:创建一个弹簧的模型,可以使用圆形或者曲线来代表弹簧的形状。将弹簧固定在一个点上,这个点可以是屏幕中心或其他位置。定义一个目标位置,弹簧将会朝向这个位置进行拉伸或压缩。使用动画技术,逐步改变弹簧的形状,使其逐渐接近目标位置。在动画过程中,可以考虑添加一些物理效果,如惯性、摩擦力等,以增加动画的真实感。循环播放动画,以实现不断的弹簧运动效果。通过调整弹簧的属性和动画参数,可以制作出不同类型的弹簧曲线动画,如摆动、震动、弹跳等效果。可以使用编程语言或动画软件来实现弹簧曲线动画。

HarmonyOS4.0开发应用(三)【ArkUI组件使用】

ArkUI组件使用这里会详细演示以下组件使用:ImageTextTextInputButtonSliderColumn&&RowList自定义组件以及相关函数使用Image可以是网络图片、可以是本地图片、也可以是像素图Image("https://ts1.cn.mm.bing.net/th?id=OIP-C.cYA-_PINA-ND9OeBaolDTwHaHa&w=250&h=250&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2").width(200).interpolation(ImageInterpolation.High)加载网络图片真机上需要申请网络访问权限:在m

【愚公系列】2023年12月 HarmonyOS教学课程 028-ArkUI组件(Shape)

🏆作者简介,愚公搬代码🏆《头衔》:华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,51CTO博客专家等。🏆《近期荣誉》:2023年华为云十佳博主,2022年CSDN博客之星TOP2,2022年华为云十佳博主等。🏆《博客内容》:.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。🏆🎉欢迎👍点赞✍评论⭐收藏文章目录🚀一、Shape🔎1.创建绘制组件🦋