10 2024 档案

摘要:概述: Popup属性可绑定在组件上显示气泡弹窗提示,设置弹窗内容、交互逻辑和显示状态。主要用于屏幕录制、信息弹出提醒等显示状态。 一、系统气泡,PopupOptions 通过配置primaryButton、secondaryButton来设置带按钮的气泡 1、文本气泡 常用于只展示带有文本的信息提 阅读全文
posted @ 2024-10-31 23:05 听着music睡 阅读(30) 评论(0) 推荐(0) 编辑
摘要:概述: Image支持多种图片格式,包括png、jpg、bmp、svg、gif和heif 可支持显示本地图片,网络图片,Resource资源、媒体库资源和base64 一、创建Image Image(src: PixelMap | ResourceStr | DrawableDescriptor) 阅读全文
posted @ 2024-10-31 00:07 听着music睡 阅读(66) 评论(0) 推荐(0) 编辑
摘要:概述: 提供状态按钮样式、勾选框样式和开关样式,一般用于两种状态之间的切换 一、创建单选框 接口形式如下: type为类型,支持三种 1、Switch 不包含子组件 Toggle({type:ToggleType.Switch,isOn:true}) 2、Checkbox 不包含子组件 Toggle 阅读全文
posted @ 2024-10-30 23:10 听着music睡 阅读(35) 评论(0) 推荐(0) 编辑
摘要:概述: 单选框组件,通常用于提供相应的用户交互选择项,同一组的Radio中只有一个可以被选中。 单选框组件不支持自定义样式 一、创建单选框 接口形式如下: value 为单选框名称,group为单选框所在组的名称,同一个组内最多只有一个单选框为选中状态 Radio(options: {value: 阅读全文
posted @ 2024-10-30 22:29 听着music睡 阅读(24) 评论(0) 推荐(0) 编辑
摘要:概述: 按钮组件,通常用于响应用户的点击操作,其类型包括胶囊按钮、圆形按钮、普通按钮。Button做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。 使用示例: 一、创建Button 1、创建不包含子组件的按钮 Button('新增') .type(ButtonType.Capsule 阅读全文
posted @ 2024-10-30 11:34 听着music睡 阅读(39) 评论(0) 推荐(0) 编辑
摘要:基本概念 锚点:通过锚点设置当前元素基于哪个元素确定位置。 对齐方式:通过对齐方式,设置当前元素是基于锚点的上中下对齐,还是基于锚点的左中右对齐。 锚点设置 锚点设置是指设置子元素相对于父元素或兄弟元素的位置依赖关系。 在水平方向上,可以设置left、middle、right的锚点。在竖直方向上,可 阅读全文
posted @ 2024-10-29 22:31 听着music睡 阅读(24) 评论(0) 推荐(0) 编辑
摘要:弹性布局(Flex)提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。 常用于页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等。 容器默认存在主轴与交叉轴,子元素默认沿主轴排列,子元素在主轴方向的尺寸称为主轴尺寸,在交叉轴方向的尺寸称为交叉轴尺寸。 1、direction 设 阅读全文
posted @ 2024-10-29 00:10 听着music睡 阅读(23) 评论(0) 推荐(0) 编辑
摘要:Tabs组件可以在一个页面内快速实现视图内容的切换。 Tabs组件的页面组成包含两个部分,分别是TabContent和TabBar。 TabContent是内容页,TabBar是导航页签栏,页面结构如下图所示,根据不同的导航类型,布局会有区别,可以分为底部导航、顶部导航、侧边导航,其导航栏分别位于底 阅读全文
posted @ 2024-10-28 22:21 听着music睡 阅读(54) 评论(0) 推荐(0) 编辑
摘要:层叠布局(Stack) 用于在屏幕上预留一块区域来显示组件中的元素,提供元素可以重叠的布局。 层叠布局通过Stack容器组件实现位置的固定定位与层叠,容器中的子元素依次入栈,后一个子元素覆盖前一个子元素,子元素可以叠加,也可以设置位置。 层叠布局具有较强的页面层叠、位置定位能力,其使用场景有广告、卡 阅读全文
posted @ 2024-10-28 21:44 听着music睡 阅读(45) 评论(0) 推荐(0) 编辑
摘要:一、自适应拉伸 在线性布局下,常用空白填充组件 Blank,在容器主轴方向自动填充空白空间,达到自适应拉伸效果 示例: 实现以下常用ui布局,左侧标题文本,右侧内容文本,中间空白区域 二、自适应缩放 是指子元素随容器尺寸的变化而按照预设的比例(权重)自动调整尺寸,适应各种不同大小的设备。在线性布局中 阅读全文
posted @ 2024-10-27 21:17 听着music睡 阅读(58) 评论(0) 推荐(0) 编辑
摘要:一、space属性 设置排列方向上子元素的间距,使各子元素在排列方向上有等间距效果。 二、alignItems属性 设置子元素在交叉轴(排列方向的垂直方向)上的对齐方式。且在各类尺寸屏幕中,表现一致。 其中,交叉轴为垂直方向时,取值为VerticalAlign类型,水平方向取值为Horizontal 阅读全文
posted @ 2024-10-27 17:19 听着music睡 阅读(37) 评论(0) 推荐(0) 编辑
摘要:规则: 参数的类型必须与参数声明的类型一致,不允许undefined、null和返回undefined、null的表达式。 在自定义构建函数内部,不允许改变参数值。如果需要改变参数值,且同步回调用点,建议使用@Link。 @Builder内UI语法遵循UI语法规则。 只有传入一个参数,且参数需要直接 阅读全文
posted @ 2024-10-27 10:52 听着music睡 阅读(20) 评论(0) 推荐(0) 编辑
摘要:若自定义的组件内部UI结构固定,且仅与使用方进行数据传递。则无需单独写一个自定义组件文件,可直接在使用方内进行定义。 即UI元素复用机制@Builder,@Builder所装饰的函数遵循build()函数语法规则,开发者可以将重复使用的UI元素抽象成一个方法,在build方法里调用。 定义一个自定义 阅读全文
posted @ 2024-10-26 20:47 听着music睡 阅读(10) 评论(0) 推荐(0) 编辑
摘要:页面和组件的定义: 自定义组件:@Component装饰的UI单元,可以组合多个系统组件实现UI的复用,可以调用组件的生命周期。 页面:即应用的UI页面。可以由一个或者多个自定义组件组成,@Entry装饰的自定义组件为页面的入口组件,即页面的根节点,一个页面有且仅能有一个@Entry。只有被@Ent 阅读全文
posted @ 2024-10-25 15:47 听着music睡 阅读(13) 评论(0) 推荐(0) 编辑
摘要:自定义组件基于struct实现, 1、struct: struct + 自定义组件名 + {...}的组合构成自定义组件,不能有继承关系。对于struct的实例化,可以省略new。 2、@Component: @Component装饰器仅能装饰struct关键字声明的数据结构。struct被@Com 阅读全文
posted @ 2024-10-25 15:26 听着music睡 阅读(13) 评论(0) 推荐(0) 编辑
摘要:一、创建组件 1、无参数组件: 组件的接口定义没有包含必选构造参数,则组件后面的“()”不需要配置任何内容 Divider() 2、有参数组件 如果组件的接口定义包含构造参数,则在组件后面的“()”配置相应参数 Image('https://xyz/test.jpg') 示例: Text组件的几种创 阅读全文
posted @ 2024-10-24 16:00 听着music睡 阅读(6) 评论(0) 推荐(0) 编辑
摘要:方法一: 打开“entry > src > main > ets ”,右键点击“pages”文件夹,选择“New > ArkTS File”,命名新的页面。可以看到文件目录结构如下: 注意:此种方法还需要手动配置页面路径: 打开“entry > src > main > resources > ba 阅读全文
posted @ 2024-10-24 11:40 听着music睡 阅读(7) 评论(0) 推荐(0) 编辑
摘要:如图,项目代码未动,突然代码报错,运行没问题不受影响 经排查,插件Vue-Official版本问题 ,问题版本v2.1.6 解决版本,安装其他版本 ,v1.8.27 阅读全文
posted @ 2024-10-08 15:26 听着music睡 阅读(207) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示