鸿蒙自带组件效果大全

图形变换-视效与模糊-通用属性-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

相关推荐
云端漫步19872 小时前
HarmonyOS 互动卡片(Live Form)入门指南:双态架构与场景动效全景解析
华为·架构·harmonyos
OH_TPC9 小时前
HarmonyOS APP开发---“绿管家“智能植物监测App,需要用到这个库
华为·harmonyos·鸿蒙
云端漫步198713 小时前
HarmonyOS 互动卡片实战:快递卡片与睡眠卡片完整开发流程
华为·harmonyos
智塑未来14 小时前
鸿蒙6.1隐私安心加倍:加密分享、星盾防诈、应用锁三重保护,守护到位
华为·harmonyos
byte轻骑兵15 小时前
2026手机远程办公:向日葵、TeamViewer、ToDesk鸿蒙适配+传文件+AI审计功能对比
智能手机·harmonyos·todesk·teamviewer·手机远程办公
贾伟康15 小时前
【知律|06】HarmonyOS ArkTS 法律分类实战:让民法、劳动、消费等入口可维护
harmonyos·arkts·arkui·分类设计·多设备
梦想不只是梦与想1 天前
鸿蒙 测试工具:DevEco Testing(一)
测试工具·harmonyos·testing
大锅盖11 天前
Web 工单要调用相机,第一步不是打开取景框,而是建立能力门禁
前端·数码相机·harmonyos
贾伟康1 天前
【华夏二十四节气|07】HarmonyOS 6.0.2(22) ArkTS 节气搜索实战:多字段匹配与四态闭环
移动开发·harmonyos·arkts·arkui·本地搜索
大龄秃头程序员2 天前
Flutter 项目鸿蒙适配实战:从环境搭建到多环境打包全指南
harmonyos