鸿蒙自带组件效果大全

图形变换-视效与模糊-通用属性-ArkTS组件-ArkUI(方舟UI框架)-应用框架 - 华为HarmonyOS开发者

注意:找到需求效果之后先对一下版本

视距

图像效果

图片裁剪

颜色渐变

前景属性设置

外描边设置:

视效设置:

组件内容模糊

运动模糊

点击回弹效果

组件内容填充模式

焦点控制

拖拽控制

悬浮态效果

鼠标光标

多态样式

弹窗控制POP控制

Tips控制

菜单控制

文本通用

全屏模态转场

半模态转场

动态属性设置 modifier

基础手势:TapGesture 双击 LongPressGesture 长按最短时间 PanGesture 上下左右 滑动 PinchGesture 捏合

RotationGesture旋转 SwipeGesture 滑动较快阙值

手势控制-

手势拦截增强

1-嵌套滚动 当内部组件滑动至顶部或底部时,外部组件能够接替滑动

行列与堆叠

Flex

RelativeContainer

arclist

arcswiper

waterflow

refresh 系统自带的刷新

导航与切换

indicator

Navdestination

.preferredOrientation(window.Orientation.LANDSCAPE) // 横屏方向

  1. .enableStatusBar(false) // 隐藏状态栏
  2. .enableNavigationIndicator(false) // 隐藏导航条
  3. .backgroundColor('#ffecb8b8')
  4. .ignoreLayoutSafeArea(LayoutSafeAreaType.SYSTEM, LayoutSafeAreaEdge.TOP, LayoutSafeAreaEdge.BOTTOM)

Stepper

tabs

Button

toggle

checkbox

checkboxgroup

calendarpicker

DatePicker

TextPicker

timepicker

radio

rating

select

slider

segmentButtonV2

text

textarea

textinput

RichEditor

富文本

search 同上input类型

Span

SymbolSpan

Symbolglyph

RichText

属性字符串

image

imageanimator 不可见自动停播

badge

counter

advanced.Counter

DataPanel

Gauge

loadingprogress

marquee

PatternLock

progress

QRcode

TextClock

TextTimer

Circle

Ellipse

XComponent

菜单 menu

ContextMenu

属性动画

显示动画

关键帧动画

路径动画

粒子动画

filter

相关推荐
程序猿追18 小时前
kotlin-retry 接入鸿蒙后,怎样确认它真的会停止重试
开发语言·kotlin·harmonyos
懿路向前1 天前
HarmonyOS 粒子特效实战:emitter.size 是双刃剑:粒子精确定位 [0,0] 与条带随机出生(HarmonyOS)
华为·harmonyos
马剑威(威哥爱编程)1 天前
【共创稿事节】HarmonyOS 7 Agent 开发实战 04:云端 RAG 搭企业私有知识库问答
人工智能·华为·harmonyos
贾伟康1 天前
【晨迹相机|20】HarmonyOS ArkTS AppGallery 发布复查实战:核对包名、版本、设备、素材和离线声明
harmonyos·arkts·appgallery·发布审核·上架复查
特立独行的猫a1 天前
用仓颉写桌面应用:从 npx 建工程到串口实时示波器
开源·harmonyos·tauri·仓颉·cj-tarui
m0_685535081 天前
光学设计自学
华为·光学·光学设计·光学工程·镜头设计
懿路向前1 天前
HarmonyOS 粒子特效实战:马赛克切块提速 17.6×~38×:desiredRegion 重复读盘与一次解码管线(HarmonyOS)
华为·harmonyos
垆边人似月.1 天前
华为题:LRU 缓存
缓存·华为
天府云创1 天前
Agentic开发时代到来——鸿蒙PC三大原生开发工具公测
华为·操作系统·harmonyos·鸿蒙系统·cli·deveco·agentic
程序猿追1 天前
Fleks 鸿蒙适配:从八个小球看实体和组件的变化
华为·harmonyos