
ArtUI
文章平均质量分 68
长沙火山
2015年做个有梦想、肯努力的青年。
展开
-
18.ArkUI Video的介绍和使用
支持本地和网络视频播放提供播放控制、全屏、音量调节等功能支持自定义控制栏可监听播放状态和进度变化支持视频封面和加载状态显示@Entry@Componentbuild() {Column() {Video({}).controls(false) // 禁用默认控制栏})// 自定义控制栏Column() {// 进度条Row() {Slider({min: 0,})})// 控制按钮'暂停' : '播放')})Button('静音')})原创 2025-04-25 17:20:07 · 122 阅读 · 0 评论 -
17.ArkUI Slider的介绍和使用
Entry@Componentbuild() {Column() {Text('屏幕亮度调节')Row() {.width(30)Slider({min: 0,max: 100,step: 1,})})})}).width(30)Text(`${this@Entry@ComponentColumn() {Text('屏幕亮度调节') . fontSize(20) . fontWeight(FontWeight . Bold) . margin({%`)原创 2025-04-25 17:19:19 · 141 阅读 · 0 评论 -
16.ArkUI Toggle的介绍和使用
提供开关样式的二元选择支持多种样式(勾选框、开关按钮等)可自定义选中和未选中状态支持状态变化事件监听.selectedColor('#FF0000') // 选中状态颜色.switchPointColor('#FFFFFF') // 开关按钮颜色.width(60)@BuilderText(isOn?build() {原创 2025-04-25 17:18:24 · 61 阅读 · 0 评论 -
15.ArkUI Checkbox的介绍和使用
Checkbox().size({ width: 30, height: 30 }) // 设置尺寸.shape(CheckBoxShape.Circle) // 圆形样式.selectedIcon($r('app.media.custom_check')) // 自定义选中图标.unselectedIcon($r('app.media.custom_uncheck')) // 自定义未选中图标。原创 2025-04-25 17:17:36 · 200 阅读 · 0 评论 -
14.ArkUI Radio的介绍和使用
Entry@Component{ value: 'red', label: '红色' },{ value: 'green', label: '绿色' },{ value: 'blue', label: '蓝色' }build() {Column() {Text('选择你喜欢的颜色:')Row() {})size: 20,})})Divider()Text('当前选择: ' + this.selectedColor)原创 2025-04-25 17:14:18 · 85 阅读 · 0 评论 -
13.ArkUI Navigation的介绍和使用
Entry@Componentbuild() {Column() {Text('页面内容').title('自定义标题').subTitle('副标题').toolBar({items: [// 分享操作},})原创 2025-04-25 17:13:22 · 112 阅读 · 0 评论 -
12.ArkUI Scroll的介绍和使用
Scroll 是 ArkUI 中的滚动容器组件,当子组件内容超过容器大小时,可以提供滚动查看功能。Scroll 支持垂直和水平滚动,是构建长列表、可滚动内容区域的核心组件。原创 2025-04-25 17:12:27 · 85 阅读 · 0 评论 -
11.ArkUI Tabs的介绍和使用
支持顶部/底部标签栏布局提供多种标签样式和排列方式支持滑动切换内容页可自定义标签指示器支持嵌套其他组件@Entry@Componentprivate tabs = ['推荐', '热门', '最新']build() {Column() {// 自定义标签栏Row() {Column() {Text(tab)Divider().width(20)})})// 内容区}).barWidth(0) // 隐藏默认标签栏})@Builder。原创 2025-04-25 17:11:33 · 138 阅读 · 0 评论 -
10.ArkUI Grid的介绍和使用
支持固定列数和自适应布局提供灵活的间距和排列控制支持滚动显示大量项目可以实现复杂的网格布局效果。原创 2025-04-25 17:10:03 · 179 阅读 · 0 评论 -
9.ArkUI List的介绍和使用
支持垂直/水平滚动高性能渲染(仅渲染可视区域内的项)支持多种布局方式内置多种滑动操作和交互效果。原创 2025-04-25 17:09:21 · 97 阅读 · 0 评论 -
8.ArkUI Stack的介绍和使用
Stack 是 ArkUI 中的层叠布局容器组件,它允许子组件按照添加顺序在 Z 轴方向(垂直于屏幕方向)上堆叠显示。Stack 类似于其他UI框架中的 FrameLayout 或 RelativeLayout,适用于需要重叠显示的UI场景。原创 2025-04-25 17:08:18 · 162 阅读 · 0 评论 -
7. ArkUI Flex的介绍和使用
Flex 是 ArkUI 中的弹性布局容器组件,它结合了 Column 和 Row 的特性,可以通过 direction 属性自由切换主轴方向,实现更灵活的布局。Flex 基于 CSS Flexbox 模型,提供了强大的布局能力。原创 2025-04-25 17:07:25 · 165 阅读 · 0 评论 -
6.ArkUI Row的介绍和使用
Row 是 ArkUI 中的基础布局容器组件,用于水平(横向)排列子组件。它与 Column 组件相对应,是构建用户界面最常用的布局方式之一,类似于其他UI框架中的水平线性布局。原创 2025-04-25 08:30:19 · 78 阅读 · 0 评论 -
5.ArkUI Column的介绍和使用
TextInput 是 ArkUI 中用于文本输入的核心组件,支持单行、多行输入及多种输入格式控制。原创 2025-04-25 08:28:42 · 250 阅读 · 0 评论 -
4.ArkUI TextInput的介绍和使用
TextInput 是 ArkUI 中用于文本输入的核心组件,支持单行、多行输入及多种输入格式控制。原创 2025-04-24 13:18:43 · 309 阅读 · 0 评论 -
3.ArkUI Image的介绍和使用
支持本地图片和网络图片提供多种图片缩放和裁剪模式支持图片加载状态处理可以实现图片动画效果。原创 2025-04-24 13:17:45 · 274 阅读 · 0 评论 -
2.ArkUI Video的介绍和使用
支持多种按钮样式(胶囊、圆形、文本等)提供丰富的交互状态(按下、禁用、聚焦等)可自定义图标和文本组合支持点击、长按等多种手势事件。原创 2025-04-24 13:16:43 · 102 阅读 · 0 评论 -
1.ArkUI Text的介绍和使用
支持普通文本、富文本和国际化文本提供丰富的文本样式控制支持文本溢出处理可以实现文本点击事件。原创 2025-04-24 13:15:41 · 470 阅读 · 0 评论 -
ArkUI常用的组件
ArkUI 作为 HarmonyOS 的应用开发框架,提供了丰富的组件用于构建用户界面。原创 2025-04-24 13:14:13 · 644 阅读 · 0 评论