- 博客(14)
- 收藏
- 关注
RSS订阅原创 鸿蒙应用开发-ArkUI之沉浸式体验
典型应用全屏窗口UI元素包括状态栏、应用界面和底部导航条，其中状态栏和导航条，通常在沉浸式布局下称为避让区；避让区之外的区域称为安全区。开发应用沉浸式效果主要指通过调整状态栏、应用界面和导航条的显示效果来减少状态栏导航条等系统界面的突兀感，从而使用户获得最佳的UI体验。窗口全屏布局方案：调整布局系统为全屏布局，界面元素延伸到状态栏和导航条区域实现沉浸式效果。当不隐藏避让区时，可通过接口查询状态栏和导航条区域进行可交互元素避让处理，并设置状态栏或导航条的颜色等属性与界面元素匹配。
2025-01-17 16:54:31
402
原创 鸿蒙应用开发-ArkUI入门选项卡
Tabs组件的页面组成包含两个部分，分别是TabContent和TabBar。TabContent是内容页，TabBar是导航页签栏，页面结构如下图所示，根据不同的导航类型，布局会有区别，可以分为底部导航、顶部导航、侧边导航，其导航栏分别位于底部、顶部和侧边。TabContent组件不支持设置通用高度属性，其高度由Tabs父组件高度与TabBar组件高度决定。TabContent组件不支持设置通用宽度属性，其宽度默认撑满Tabs父组件。话不多说写代码看注解查效果！
2025-01-17 10:55:34
253
原创 鸿蒙应用开发-ArkUI入门创建轮播
Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。话不多说写代码看注解查效果！组件提供滑动轮播显示的能力。
2025-01-16 23:39:26
234
原创 鸿蒙应用开发-ArkUI入门创建网格
当Grid组件设置了rowsTemplate或columnsTemplate时，Grid的layoutDirection、maxCount、minCount、cellLength属性不生效，属性说明可参考。行、列数量与占比同时设置：Grid只展示固定行列数的元素，其余元素不展示，且Grid不可滚动。，用于构建网格布局。Grid用于设置网格布局相关参数，GridItem定义子组件相关特征。Grid组件支持使用。Grid的子组件必须是GridItem组件。话不多说写代码看注解查效果！
2025-01-16 23:10:46
207
原创 鸿蒙应用开发-ArkUI入门创建LIST-1
Grid和WaterFlow也可以实现单列、多列布局，如果布局每列等宽，且不需要跨行跨列布局，相比Grid和WaterFlow，则更推荐使用List。List的子组件必须是ListItemGroup或ListItem，ListItem和ListItemGroup必须配合List来使用。在List组件中，ForEach除了可以用来循环渲染ListItem，也可以用来循环渲染ListItemGroup。话不多说写代码看注解查效果！提供了组件的循环渲染能力。
2025-01-16 22:12:44
238
原创 鸿蒙应用开发-ArkUI入门媒体查询
媒体查询常用于下面两种场景：针对设备和应用的属性信息（比如显示区域、深浅色、分辨率），设计出相匹配的布局。当屏幕发生动态改变时（比如分屏、横竖屏切换），同步更新应用的页面布局。
2025-01-16 13:39:22
311
原创 鸿蒙应用开发-ArkUI入门相对布局
为了明确定义锚点，必须为RelativeContainer及其子元素设置ID，用于指定锚点信息。不设置id的组件能显示，但是不能被其他子组件作为锚点，相对布局容器会为其拼接id，此id的规律无法被应用感知。同方向上两个以上位置设置锚点，但锚点位置逆序时此子组件大小为0，即不绘制。RelativeContainer为采用相对布局的容器，支持容器内部的子元素设置相对位置关系。子元素支持指定兄弟元素作为锚点，也支持指定父容器作为锚点，基于锚点做相对位置布局。话不多少上代码看注解看效果图！
2025-01-15 19:39:49
235
原创 鸿蒙应用开发-ArkUI入门弹性布局
弹性布局分为单行布局和多行布局。上例中，Flex容器中alignItems设置交叉轴子元素的对齐方式为居中，子元素自身设置了alignSelf属性的情况，覆盖父组件的alignItems值，表现为alignSelf的定义。通过设置参数direction，可以决定主轴的方向，从而控制子元素的排列方向。）容器默认存在主轴与交叉轴，子元素默认沿主轴排列，子元素在主轴方向的尺寸称为主轴尺寸，在交叉轴方向的尺寸称为交叉轴尺寸。在弹性布局父组件尺寸过小时，通过子元素的以下属性设置其在父容器的占比，达到自适应布局。
2025-01-14 23:44:36
1560
原创 鸿蒙应用开发-ArkUI入门层叠布局
容器组件实现位置的固定定位与层叠，容器中的子元素依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。的zIndex属性改变。zIndex值越大，显示层级越高，即zIndex值大的组件会覆盖在zIndex值小的组件上方。Stack容器中兄弟组件显示层级关系可以通过。实现位置的相对移动。
2025-01-14 22:37:36
235
原创 鸿蒙应用开发-ArkUI入门线性布局
线性布局（LinearLayout）是开发中最常用的布局，通过线性容器和构建。基本概念布局容器：具有布局能力的容器组件，可以承载其他元素作为其子元素，布局容器会对其子元素进行尺寸计算和布局排列。布局子元素：布局容器内部的元素。主轴：线性布局容器在布局方向上的轴线，子元素默认沿主轴排列。Row容器主轴为水平方向，Column容器主轴为垂直方向。交叉轴：垂直于主轴方向的轴线。Row容器交叉轴为垂直方向，Column容器交叉轴为水平方向。间距：布局子元素的间距。
2025-01-14 00:29:21
375
原创 OpenHarmony之HDC配置问题
hdc（OpenHarmony Device Connector）是 OpenHarmony 为开发人员提供的用于调试的命令行工具，通过该工具可以在Windows/Linux/MacOS等系统上与开发机或者模拟器进行交互。
2024-03-22 22:12:31
1354
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人