文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】Ability 中使用纯代码绘制布局及 UI 组件

文章目录一、Ability 与 Slice 简介二、Ability 中使用纯代码绘制布局及 UI 组件三、Ability 中使用纯代码绘制布局及 UI 组件代码示例四、GitHub 地址一、Ability 与 Slice 简介与 Android 相似组件类比 :Ability 功能与 Android 中的 Activity 类似 , 相当于界面窗口 ;AbilitySlice 功能与 Andro....

【鸿蒙 HarmonyOS】Ability 中使用纯代码绘制布局及 UI 组件
文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】UI 布局 ( 帧布局 StackLayout )

文章目录一、帧布局 StackLayout一、帧布局 StackLayout帧布局 StackLayout 可以只设置一个宽度高度属性 , 不设置其它属性 ;帧布局的特性是可以多层叠加 , 后面的组件会叠加在前面的组件上面 ;帧布局 StackLayout 示例 :下面的帧布局 , 写在后面的组件在上层 , 写在前面的组件在最底层 ;text1 组件在最底层 , text2 组件在中间层 , t....

【鸿蒙 HarmonyOS】UI 布局 ( 帧布局 StackLayout )
文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】UI 布局 ( 网格布局 TableLayout )

文章目录一、网格布局 TableLayout一、网格布局 TableLayout网格布局 需要设置整个布局中有多少行 , 多少列 , 每个单元格都可以设置一个组件 , 这个组件可以是单个 , 也可以是父组件嵌套多个子组件 ;网格布局设置行列个数 : 在 TableLayout 跟标签中设置行列数 ;① 设置行数 : ohos:row_count=“2” ;② 设置列数 : ohos:column....

【鸿蒙 HarmonyOS】UI 布局 ( 网格布局 TableLayout )
文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】UI 布局 ( 相对布局 DependentLayout )

文章目录一、相对布局 DependentLayout 常用属性二、相对布局 DependentLayout 示例一、相对布局 DependentLayout 常用属性相对布局 DependentLayout 常用属性 :在某组件下方 : ohos:below=""在某组件上方 : ohos:above=""在某组件左侧 : ohos:left_of=""在某组件右侧 : ohos:right_o....

【鸿蒙 HarmonyOS】UI 布局 ( 相对布局 DependentLayout )
文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】UI 布局 ( 线性布局 DirectionalLayout )

文章目录一、线性布局 DirectionalLayout二、垂直线性布局 DirectionalLayout三、水平线性布局 DirectionalLayout一、线性布局 DirectionalLayout线性布局 DirectionalLayout , 指的是其中的组件都是按照一个方向 , 从左到右 , 或 从上到下 , 线性排列的 ;线性布局需要设置一个方向 , 使用 ohos:orien....

【鸿蒙 HarmonyOS】UI 布局 ( 线性布局 DirectionalLayout )
文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】UI 组件 ( 列表 ListContainer 组件 )(二)

设置列表数据 : 调用 ListContainer 对象的 setItemProvider( ) 方法为列表设置数据源 ;     // 获取布局文件中的 ListContainer 列表 ListContainer listContainer = (ListContainer) findComponentById(ResourceTable.Id_listC...

【鸿蒙 HarmonyOS】UI 组件 ( 列表 ListContainer 组件 )(二)
文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】UI 组件 ( 拖动条 Slider 组件 )

文章目录一、布局中设置拖动条 Slider 组件二、代码中控制拖动条 Slider 组件一、布局中设置拖动条 Slider 组件注意该 Slider 组件与 进度条 Progressbar 组件的区别 , Progressbar 不能拖动 , 只有显示功能 ;布局中设置的 Slider 拖动条 :<?xml version="1.0" encoding="utf-8"?> <D....

【鸿蒙 HarmonyOS】UI 组件 ( 拖动条 Slider 组件 )
文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】UI 组件 ( 文本输入框 TextField 组件 )

文章目录一、布局中设置 TextField 组件二、代码中获取并设置 TextField 组件一、布局中设置 TextField 组件TextField 组件是文本输入框 , 允许用户在界面中输入指定的文字信息 ;布局文件中配置 TextField 组件 :<?xml version="1.0" encoding="utf-8"?> <DirectionalLayout ...

【鸿蒙 HarmonyOS】UI 组件 ( 文本输入框 TextField 组件 )
文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )(二)

三、完整代码示例布局文件 :<?xml version="1.0" encoding="utf-8"?> <DirectionalLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:height="match_parent" ohos:width="match_parent" o...

【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )(二)
文章 2022-01-28 来自:开发者社区

【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )(一)

文章目录一、布局中设置 ProgressBar、RoundProgressBar 进度条二、代码中设置 ProgressBar、RoundProgressBar 进度条三、完整代码示例四、GitHub 地址一、布局中设置 ProgressBar、RoundProgressBar 进度条ProgressBar 进度条组件分为两种 , ① 圆形进度条 RoundProgressBar , ② 直线型....

【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )(一)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注