logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【鸿蒙基于API 13实战开发】—— ArkUI 组件动画

ArkUI为组件提供了通用的属性动画和转场动画能力的同时,还为一些组件提供了默认的动画效果。例如, List 的滑动动效、 Button 的点击动效,是组件自带的默认动画效果。在组件默认动画效果的基础上,开发者还可以通过属性动画和转场动画对容器组件内的子组件动效进行定制。部分组件支持通过 属性动画 和 转场动画 自定义组件子Item的动效,实现定制化动画效果。例如, Scroll 组件中可对各个子

文章图片
#harmonyos#ArkUI#动画
【鸿蒙基于API 13实战开发】—— ArkUI 组件(按钮 (Button))

设置边框弧度。使用通用属性来自定义按钮样式。例如通过borderRadius属性设置按钮的边框弧度。设置文本样式。通过添加文本样式设置按钮文本的展示样式。设置背景颜色。添加backgroundColor属性设置按钮的背景颜色。创建功能型按钮。为删除操作创建一个按钮。

文章图片
#harmonyos#ArkUI#移动开发
【鸿蒙基于API 13实战开发】—— ArkUI 组件:模态弹窗 (ModelDialog)

模态(Modal)是UI组件或视图的一种状态。其在消失之前,用户只能对处于模态的组件或视图进行响应,不能操作其他非模态的组件或视图,干扰性比较强。ArkUI中可通过使用 AlertDialog 、 CustomDialog 、 ActionSheet 、 Popup 、 Menu 、 ContextMenu 等组件实现模态类弹窗能力。名称使用场景通常用来展示用户当前需要或必须关注的信息或操作。如用

文章图片
#harmonyos#移动开发#ArkUI
【鸿蒙基于API 13实战开发】—— 事件分发机制

ArkUI触控事件,根据输入源不同,主要划分为touch类与mouse类。touch类的输入源包含:finger、penmouse类的输入源包含:mouse、touchpad、joysticktouchmouse触摸事件触摸事件点击事件鼠标事件拖拽事件点击事件手势事件拖拽事件手势事件无论是touch类事件还是mouse类事件,在ArkUI框架上均由触摸测试发起,触摸测试直接决定了ArkUI事件响应

文章图片
#harmonyos#ArkUI
【鸿蒙基于API 13实战开发】—— ArkUI 组件:属性动画

属性接口(以下简称属性)包含尺寸属性、布局属性、位置属性等多种类型,用于控制组件的行为。针对当前界面上的组件,其部分属性(如位置属性)的变化会引起UI的变化。添加动画可以让属性值从起点逐渐变化到终点,从而产生连续的动画效果。根据变化时是否能够添加动画,可以将属性分为可动画属性和不可动画属性。判断一种属性是否适合作为可动画属性主要有两个标准:属性变化能够引起UI的变化。例如, enabled 属性用

文章图片
#harmonyos#ui#ArkUI +1
【鸿蒙基于API 13实战开发】—— ArkUI 组件(显示图片 (Image))

Image组件首次加载网络图片时,需要请求网络资源,非首次加载时,默认从缓存中直接读取图片,更多图片缓存设置请参考 setImageCacheCount 、 setImageRawDataCacheSize 、 setImageFileCacheSize。但是特定情况下,图片刷新时会出现闪烁,这时可以使用syncLoad属性,使图片同步加载,从而避免出现闪烁。该接口通过图片数据源获取图片,支持本地

文章图片
#harmonyos#移动开发#ArkUI
【鸿蒙基于API 13实战开发】—— ArkUI 组件:导航转场动画

3.在List内的组件添加onClick方法,并在其中使用路由栈NavPathStack的pushPathByName方法,使组件可以在点击之后从当前页面跳转到输入参数name在路由表内对应的页面。3.在子页面内的组件添加onClick,并在其中使用路由栈NavPathStack的pushPathByName方法,使组件可以在点击之后从当前页面跳转到输入参数name在路由表内对应的页面。1.使用N

文章图片
#harmonyos#ArkUI
【鸿蒙基于API 13实战开发】—— ArkUI 组件:动画

ArkUI中提供多种动画接口(属性动画、转场动画等),用于驱动属性值按照设定的动画参数,从起始值逐渐变化到终点值。决定动画流畅度的一个重要指标就是帧率FPS(Frame Per Second),即每秒的动画帧数,帧率越高则动画就会越流畅。以线性动画曲线为例,在动画时长内,属性值将从起点值匀速变化到终点值。动画接口驱动属性值按照动画参数决定的规律,从原来的状态连续过渡到新的状态,进而在UI上产生的连

文章图片
#harmonyos#移动开发#ArkUI +1
【鸿蒙基于API 13实战开发】—— ArkUI 组件:气泡提示 (Popup)

开发者可以使用CustomPopupOptions的builder创建自定义气泡,@Builder中可以放自定义的内容。除此之外,还可以通过popupColor等参数控制气泡样式。@Entry@Component// popup构造器定义弹框内容build() {Column() {})builder: this.popupBuilder, // 气泡的内容placement:Placement.

文章图片
#harmonyos#移动开发#ArkUI
【鸿蒙基于API 13实战开发】—— ArkUI 组件:共享元素转场 (一镜到底)

在半模态转场的同时设置一全模态转场(bindContentCover)页面无转场出现,该页面仅有需要做共享元素转场的组件,通过属性动画,展示组件从初始界面至半模态页面的一镜到底动效,并在动画结束时关闭页面,并将该组件迁移至半模态页面。在初始界面挂载半模态转场和全模态转场两个页面,半模态页按需布局,全模态页面仅放置一镜到底动效需要的组件,抓取布局信息,使其初始位置为初始界面图片的位置。如下例所示,在

文章图片
#harmonyos#移动开发#ArkUI
    共 45 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择