摘要：
概述： Image支持多种图片格式，包括png、jpg、bmp、svg、gif和heif 可支持显示本地图片，网络图片,Resource资源、媒体库资源和base64 一、创建Image Image(src: PixelMap | ResourceStr | DrawableDescriptor) 阅读全文
摘要：
概述： 提供状态按钮样式、勾选框样式和开关样式，一般用于两种状态之间的切换 一、创建单选框 接口形式如下： type为类型，支持三种 1、Switch 不包含子组件 Toggle({type:ToggleType.Switch,isOn:true}) 2、Checkbox 不包含子组件 Toggle 阅读全文
摘要：
概述： 单选框组件，通常用于提供相应的用户交互选择项，同一组的Radio中只有一个可以被选中。 单选框组件不支持自定义样式 一、创建单选框 接口形式如下： value 为单选框名称，group为单选框所在组的名称，同一个组内最多只有一个单选框为选中状态 Radio(options: {value: 阅读全文
摘要：
概述： 按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。 使用示例： 一、创建Button 1、创建不包含子组件的按钮 Button('新增') .type(ButtonType.Capsule 阅读全文
摘要：
基本概念 锚点：通过锚点设置当前元素基于哪个元素确定位置。 对齐方式：通过对齐方式，设置当前元素是基于锚点的上中下对齐，还是基于锚点的左中右对齐。 锚点设置 锚点设置是指设置子元素相对于父元素或兄弟元素的位置依赖关系。 在水平方向上，可以设置left、middle、right的锚点。在竖直方向上，可 阅读全文
摘要：
弹性布局（Flex）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。 常用于页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等。 容器默认存在主轴与交叉轴，子元素默认沿主轴排列，子元素在主轴方向的尺寸称为主轴尺寸，在交叉轴方向的尺寸称为交叉轴尺寸。 1、direction 设 阅读全文
摘要：
Tabs组件可以在一个页面内快速实现视图内容的切换。 Tabs组件的页面组成包含两个部分，分别是TabContent和TabBar。 TabContent是内容页，TabBar是导航页签栏，页面结构如下图所示，根据不同的导航类型，布局会有区别，可以分为底部导航、顶部导航、侧边导航，其导航栏分别位于底 阅读全文
摘要：
层叠布局（Stack） 用于在屏幕上预留一块区域来显示组件中的元素，提供元素可以重叠的布局。 层叠布局通过Stack容器组件实现位置的固定定位与层叠，容器中的子元素依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。 层叠布局具有较强的页面层叠、位置定位能力，其使用场景有广告、卡 阅读全文
摘要：
一、自适应拉伸 在线性布局下，常用空白填充组件 Blank，在容器主轴方向自动填充空白空间，达到自适应拉伸效果 示例： 实现以下常用ui布局，左侧标题文本，右侧内容文本，中间空白区域 二、自适应缩放 是指子元素随容器尺寸的变化而按照预设的比例（权重）自动调整尺寸，适应各种不同大小的设备。在线性布局中 阅读全文
摘要：
一、space属性 设置排列方向上子元素的间距，使各子元素在排列方向上有等间距效果。 二、alignItems属性 设置子元素在交叉轴（排列方向的垂直方向）上的对齐方式。且在各类尺寸屏幕中，表现一致。 其中，交叉轴为垂直方向时，取值为VerticalAlign类型，水平方向取值为Horizontal 阅读全文