摘要：
如果你也对鸿蒙开发感兴趣，加入“Harmony自习室”吧！点击下面的名片关注公众号。 1、概述 Text是文本组件，是我们开发UI界面中最常见的组件之一，通常用于展示用户的视图，如显示文章的文字。下面将对文本组件展开介绍。 2、创建文本 Text可通过以下两种方式来创建： string字符串 Tex 阅读全文
posted @ 2024-12-15 16:51
鸿蒙自习室
阅读(387)
评论(0)
推荐(0)
摘要：
1、概述 Swiper组件提供滑动轮播显示的能力。Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。通常，在一些应用首页显示推荐的内容时，需要用到轮播显示的能力。 2、布局与约束 Swiper作为一个容器组件，在自身尺寸属性未被设置时，会自动根据子组件的大小设置自身 阅读全文
posted @ 2024-12-13 23:46
鸿蒙自习室
阅读(206)
评论(0)
推荐(0)
摘要：
1、概述 网格布局是由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。网格布局具有较强的页面均分能力，子组件占比控制能力，是一种重要自适应布局，其使用场景有九宫格图片展示、日历、计算器等。 ArkUI提供了Grid容器组件和子组件GridItem，用于构建网格布局。 阅读全文
posted @ 2024-12-13 23:45
鸿蒙自习室
阅读(362)
评论(0)
推荐(0)
摘要：
1、概述 列表是一种复杂的容器，当列表项达到一定数量，内容超过屏幕大小时，可以自动提供滚动功能。它适合用于呈现同类数据类型或数据类型集，例如图片和文本。在列表中显示数据集合是许多应用程序中的常见要求（如通讯录、音乐列表、购物清单等）。 使用列表可以轻松高效地显示结构化、可滚动的信息。通过在List组 阅读全文
posted @ 2024-12-13 23:41
鸿蒙自习室
阅读(651)
评论(0)
推荐(0)
摘要：
1、概述 栅格布局是一种通用的辅助定位工具，对移动设备的界面设计有较好的借鉴作用。主要优势包括： 提供可循的规律：栅格布局可以为布局提供规律性的结构，解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的列数和行数，可以方便地对页面元素进行定位和排版。 统一的定位标注：栅格布局可以为系统提供一种统一 阅读全文
posted @ 2024-12-13 23:24
鸿蒙自习室
阅读(421)
评论(0)
推荐(1)
摘要：
1、相对布局 👉🏻 1.1、概述 RelativeContainer为采用相对布局的容器，支持容器内部的子元素设置相对位置关系。子元素支持指定兄弟元素作为锚点，也支持指定父容器作为锚点，基于锚点做相对位置布局。下图是一个RelativeContainer的概念图，图中的虚线表示位置的依赖关系。 阅读全文
posted @ 2024-12-13 23:13
鸿蒙自习室
阅读(165)
评论(0)
推荐(0)
摘要：
1、概述 叠布局（StackLayout）用于在屏幕上预留一块区域来显示组件中的元素，提供元素可以重叠的布局。层叠布局通过Stack容器组件实现位置的固定定位与层叠，容器中的子元素（子组件）依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。 层叠布局具有较强的页面层叠、位置定位 阅读全文
posted @ 2024-12-08 23:15
鸿蒙自习室
阅读(260)
评论(0)
推荐(0)
摘要：
1、概述 弹性布局（Flex）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。容器默认存在主轴与交叉轴，子元素默认沿主轴排列，子元素在主轴方向的尺寸称为主轴尺寸，在交叉轴方向的尺寸称为交叉轴尺寸。弹性布局在开发场景中用例特别多，比如页面头部导航栏的均匀分布、页面框架的搭建、多行数据的 阅读全文
posted @ 2024-12-08 23:13
鸿蒙自习室
阅读(293)
评论(0)
推荐(0)
摘要：
1、概述 布局指用特定的组件或者属性来管理用户页面所放置UI组件的大小和位置。组件按照布局的要求依次排列，构成应用的页面。 在声明式UI中，所有的页面都是由自定义组件构成，开发者可以根据自己的需求，选择合适的布局进行页面开发。 一个页面开发中，最优先的就是确定UI的布局结构，布局的结构通常是分层级的 阅读全文
posted @ 2024-12-08 23:11
鸿蒙自习室
阅读(320)
评论(0)
推荐(0)
摘要：
1、前言 接下里我们将开启“鸿蒙UI布局系列”的学习，第一站：学习线性布局（Row/Column）+ 弹性布局（Flex） 在展开学习前，先上一个实战demo——开发一个个人中心页面，示意图如下： 其中需要关注的重点知识有： 如何实现图标按钮左对齐； 如何实现一个渐变色的圆形头像站位图； “关于我们 阅读全文
posted @ 2024-12-08 21:02
鸿蒙自习室
阅读(344)
评论(0)
推荐(0)
浙公网安备 33010602011771号