摘要：
Tabs组件可以在一个页面内快速实现视图内容的切换。 Tabs组件的页面组成包含两个部分，分别是TabContent和TabBar。 TabContent是内容页，TabBar是导航页签栏，页面结构如下图所示，根据不同的导航类型，布局会有区别，可以分为底部导航、顶部导航、侧边导航，其导航栏分别位于底 阅读全文
摘要：
层叠布局（Stack） 用于在屏幕上预留一块区域来显示组件中的元素，提供元素可以重叠的布局。 层叠布局通过Stack容器组件实现位置的固定定位与层叠，容器中的子元素依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。 层叠布局具有较强的页面层叠、位置定位能力，其使用场景有广告、卡 阅读全文
摘要：
一、自适应拉伸 在线性布局下，常用空白填充组件 Blank，在容器主轴方向自动填充空白空间，达到自适应拉伸效果 示例： 实现以下常用ui布局，左侧标题文本，右侧内容文本，中间空白区域 二、自适应缩放 是指子元素随容器尺寸的变化而按照预设的比例（权重）自动调整尺寸，适应各种不同大小的设备。在线性布局中 阅读全文
摘要：
一、space属性 设置排列方向上子元素的间距，使各子元素在排列方向上有等间距效果。 二、alignItems属性 设置子元素在交叉轴（排列方向的垂直方向）上的对齐方式。且在各类尺寸屏幕中，表现一致。 其中，交叉轴为垂直方向时，取值为VerticalAlign类型，水平方向取值为Horizontal 阅读全文
摘要：
规则： 参数的类型必须与参数声明的类型一致，不允许undefined、null和返回undefined、null的表达式。 在自定义构建函数内部，不允许改变参数值。如果需要改变参数值，且同步回调用点，建议使用@Link。 @Builder内UI语法遵循UI语法规则。 只有传入一个参数，且参数需要直接 阅读全文
摘要：
若自定义的组件内部UI结构固定，且仅与使用方进行数据传递。则无需单独写一个自定义组件文件，可直接在使用方内进行定义。 即UI元素复用机制@Builder，@Builder所装饰的函数遵循build()函数语法规则，开发者可以将重复使用的UI元素抽象成一个方法，在build方法里调用。 定义一个自定义 阅读全文
摘要：
页面和组件的定义： 自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。 页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Ent 阅读全文
摘要：
自定义组件基于struct实现， 1、struct: struct + 自定义组件名 + {...}的组合构成自定义组件，不能有继承关系。对于struct的实例化，可以省略new。 2、@Component： @Component装饰器仅能装饰struct关键字声明的数据结构。struct被@Com 阅读全文
摘要：
一、创建组件 1、无参数组件： 组件的接口定义没有包含必选构造参数，则组件后面的“()”不需要配置任何内容 Divider() 2、有参数组件 如果组件的接口定义包含构造参数，则在组件后面的“()”配置相应参数 Image('https://xyz/test.jpg') 示例： Text组件的几种创 阅读全文
摘要：
方法一： 打开“entry > src > main > ets ”，右键点击“pages”文件夹，选择“New > ArkTS File”，命名新的页面。可以看到文件目录结构如下： 注意：此种方法还需要手动配置页面路径： 打开“entry > src > main > resources > ba 阅读全文