shudaoshan

摘要： 🚀一、Button Button（按钮）是一种常见的用户界面控件，通常用于触发操作或提交数据。Button 拥有文本标签和一个可点击的区域，用户点击该区域即可触发相应的操作或事件。 Button 的主要功能有： 触发操作：用户点击 Button 可以触发相应的操作，例如提交表单、搜索、切换页面等。 阅读全文

摘要： 🚀一、Swiper 🔎1.概述 Swiper可以实现手机、平板等移动端设备上的图片轮播效果，支持无缝轮播、自动播放、响应式布局等功能。Swiper轮播图具有使用简单、样式可定制、功能丰富、兼容性好等优点，是很多网站和移动应用中常用的轮播图插件。 🔎2.布局与约束 Swiper是一个容器组件，如 阅读全文

摘要： 🚀一、Grid/GridItem 🔎1.概述 网格布局是一种新型的布局方式，它按照网格来划分页面，通过列和行来定义网格，使得页面的布局更加灵活、简洁、易于维护。网格布局能够将页面分成多个单元格，可以在这些单元格中布置各种元素，例如文本、图片、媒体等，从而实现页面的排版。网格布局支持自适应布局，能 阅读全文

摘要： 🚀一、List 🔎1.概述 列表是一种非常有用且功能强大的容器，它常用于呈现同类型或多类型数据集合，例如图片、文本、音乐、通讯录、购物清单等。列表对于显示大量内容而不耗费过多空间和内存是非常有帮助的，因为当列表项数量超过屏幕大小时，可以自动提供滚动功能。这使得列表成为构建结构化、可滚动信息的理想 阅读全文

摘要： 🚀一、mediaquery 🔎1.概述 媒体查询（mediaquery）它允许根据设备的不同特性（如屏幕大小、屏幕方向、分辨率、颜色深度等）来动态地调整网页的样式和布局。 通过媒体查询，可以为不同的设备定义不同的样式规则，以适应不同的屏幕大小和分辨率。这样就可以实现响应式设计，使页面在不同设备上 阅读全文

摘要： 🚀一、GridRow/GridCol 🔎1.概述 栅格布局是一种通用的辅助定位工具，可以帮助开发人员解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的列数和行数，栅格布局提供了可循的规律性结构，方便开发人员对页面元素进行定位和排版。 此外，栅格布局还提供了一种统一的定位标注，帮助保证不同设备 阅读全文

摘要： 🚀一、RelativeContainer 🔎1.概述 ArkUI组件中的RelativeContainer是一个相对定位的容器，可以用来将子组件按照相对位置布局。 在RelativeContainer中，每个子组件都可以设置相对于父容器或其他组件的位置和大小。可以通过设置相对位置、偏移量、宽度和 阅读全文

摘要： 🚀一、Flex 🔎1.概述 Flex布局它可以让容器中的子元素具有弹性伸缩性。Flex布局是一种二维布局模型，它可以在任意方向上对元素进行排列，并且可以动态地调整元素的大小和位置，以适应不同的屏幕尺寸和设备。通过使用Flex布局，我们可以实现响应式布局效果，以适应不同的屏幕尺寸和设备。Flex布 阅读全文

摘要： 🚀一、Stack 🔎1.概述 HarmonyOS中的层叠布局Stack是一种可以将多个组件按照一定顺序叠放的布局。Stack布局中的组件可以是任意类型的组件，且每个组件都可以设置在哪个位置叠放。在叠放时，后添加的组件会自动覆盖前面添加的组件。 Stack布局布局中的每个子组件都可以设置偏移量、旋 阅读全文

摘要： 🚀前言 HarmonyOS的布局组件是一组用于构建用户界面布局的组件，包括线性布局、相对布局、网格布局等。这些组件帮助开发者以简单和灵活的方式管理和组织应用程序中的视图，并支持多种不同的设备屏幕尺寸和方向。使用HarmonyOS的布局组件可以提高应用程序的可读性和可维护性，并帮助快速构建适应不同设 阅读全文