随笔分类 -  鸿蒙学习笔记

上一页 1 2 3 下一页
学习笔记（三十一）：ArkUi-@ohos.arkui.componentUtils
摘要：概述： 提供获取组件绘制区域坐标和大小的能力。 一、导入模块 import { componentUtils } from '@kit.ArkUI'; 二、根据组件id获取组件信息 componentUtils.getRectangleById getRectangleById(id: string 阅读全文
posted @ 2024-11-10 21:57 听着music睡 阅读(75) 评论(0) 推荐(0) 编辑
学习笔记（三十）：ArkUi-UIContext.getPromptAction(弹窗)
摘要：概述： 基于promptAction弹窗演进而来，支持全局自定义弹窗，不依赖UI组件，依赖UIContext， 支持在非页面文件中使用，弹窗内容支持动态修改，支持自定义弹窗圆角半径、大小和位置， 适合在与页面解耦的全局弹窗、自定义弹窗显示和退出动画等场景下使用。 注意： 需先使用UIContext中 阅读全文
posted @ 2024-11-09 08:04 听着music睡 阅读(104) 评论(0) 推荐(0) 编辑
学习笔记（二十九）：ArkUi-@ohos.promptAction (弹窗)
摘要：概述： 创建并显示文本提示框、对话框和操作菜单。 注意： 1、本模块功能依赖UI的执行上下文，不可在UI上下文不明确的地方使用 2、该模块不支持在UIAbility的文件声明处使用，即不能在UIAbility的生命周期中调用，需要在创建组件实例后使用。 一、导入模块 import { promptA 阅读全文
posted @ 2024-11-07 16:54 听着music睡 阅读(199) 评论(0) 推荐(0) 编辑
学习笔记（二十八）：ArkUi-自定义弹窗 (CustomDialog)
摘要：概述： CustomDialog是自定义弹窗，可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗 一、创建自定义弹框 1、使用@CustomDialog装饰器装饰自定义弹窗，可在此装饰器内自定义弹窗内容 // 自定义弹框内 阅读全文
posted @ 2024-11-06 22:15 听着music睡 阅读(182) 评论(0) 推荐(0) 编辑
学习笔记（二十七）：ArkUi-警告弹窗（AlertDialog）
摘要：概述： 警告弹窗，需要向用户提问或得到用户的许可。 警告弹窗用来提示重要信息，但会中断当前任务，尽量提供必要的信息和有用的操作。 避免仅使用警告弹窗提供信息，用户不喜欢被信息丰富但不可操作的警告打断。 必选内容包含：标题、可选信息文本、最多3个按钮。 可选内容包含：输入框、icon、checkBox 阅读全文
posted @ 2024-11-06 20:40 听着music睡 阅读(75) 评论(0) 推荐(0) 编辑
学习笔记（二十六）：资源分类与访问(Resources)
摘要：概述： 应用开发中使用的各类资源文件，需要放入特定子目录中存储管理。 资源目录的示例如下所示， base目录、限定词目录、rawfile目录、resfile目录称为资源目录；element、media、profile称为资源组目录。 resources | base | | element | | 阅读全文
posted @ 2024-11-06 20:01 听着music睡 阅读(13) 评论(0) 推荐(0) 编辑
学习笔记（二十五）：ArkUi-栅格布局 (GridRow/GridCol)
摘要：概述： 栅格布局是一种通用的辅助定位工具，对移动设备的界面设计有较好的借鉴作用。主要优势包括： 提供可循的规律：栅格布局可以为布局提供规律性的结构，解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的列数和行数，可以方便地对页面元素进行定位和排版。 统一的定位标注：栅格布局可以为系统提供一种统一的 阅读全文
posted @ 2024-11-05 20:37 听着music睡 阅读(41) 评论(0) 推荐(0) 编辑
学习笔记（二十四）：ArkUi-网格 (Grid/GridItem)
摘要：概述： 网格布局是由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。 网格布局具有较强的页面均分能力，子组件占比控制能力，是一种重要自适应布局，其使用场景有九宫格图片展示、日历、计算器等。 ArkUI提供了Grid容器组件和子组件GridItem，用于构建网格布局。 阅读全文
posted @ 2024-11-05 19:59 听着music睡 阅读(53) 评论(0) 推荐(0) 编辑
学习笔记（二十三）：ArkTS语言-模块
摘要：概述： 程序可划分为多组编译单元或模块。 每个模块都有其自己的作用域，即，在模块中创建的任何声明（变量、函数、类等）在该模块之外都不可见，除非它们被显式导出。 与此相对，从另一个模块导出的变量、函数、类、接口等必须首先导入到模块中。 一、导出 可以使用关键字export导出顶层的声明。 未导出的声明 阅读全文
posted @ 2024-11-05 10:47 听着music睡 阅读(31) 评论(0) 推荐(0) 编辑
学习笔记（二十二）：ArkTS语言-空安全
摘要：概述：默认情况下，ArkTS中的所有类型都是不可为空的，因此类型的值不能为空。 这类似于TypeScript的严格空值检查模式（strictNullChecks），但规则更严格 let x: number = null; // 编译时错误 let y: string = null; // 编译时错误 阅读全文
posted @ 2024-11-01 17:42 听着music睡 阅读(87) 评论(0) 推荐(0) 编辑
学习笔记（二十一）：ArkTS语言-类
摘要：一、定义一个类 // 定义一个货品类 class Product{ name:string = ""; // 货品名称 price?:number ; // 货品价格 // 构造方法，参数为货品名称 constructor(name:string) { this.name = name } getN 阅读全文
posted @ 2024-11-01 17:28 听着music睡 阅读(111) 评论(0) 推荐(0) 编辑
学习笔记（二十）：ArkTS语言-函数
摘要：一、函数声明 包含其名称、参数列表、返回类型和函数体 function getName(defaultName:string):string{ return defaultName 'Alice'?defaultName:"Tom" } 二、可选参数 格式可为name?: Type function 阅读全文
posted @ 2024-11-01 17:12 听着music睡 阅读(73) 评论(0) 推荐(0) 编辑
学习笔记（十九）：ArkTS语言基本知识
摘要：一、声明变量 let name:string = ""; name = "Alice" 如果一个变量或常量的声明包含了初始值，那么开发者就不需要显式指定其类型。ArkTS规范中列举了所有允许自动推断类型的场景。 let name = "Alice"; 二、声明常量 const name:string 阅读全文
posted @ 2024-11-01 16:52 听着music睡 阅读(74) 评论(0) 推荐(0) 编辑
学习笔记（十八）：ArkUi-文本输入 (TextInput/TextArea)
摘要：概述： TextInput、TextArea是输入框组件，通常用于响应用户的输入操作。 1、TextInput为单行输入框 TextInput({placeholder:'请输入内容',text:'默认值'}) 2、TextArea为多行输入框 TextArea({placeholder:'请输入内 阅读全文
posted @ 2024-11-01 11:07 听着music睡 阅读(139) 评论(0) 推荐(0) 编辑
学习笔记（十七）：ArkUi-气泡提示 (Popup)
摘要：概述： Popup属性可绑定在组件上显示气泡弹窗提示，设置弹窗内容、交互逻辑和显示状态。主要用于屏幕录制、信息弹出提醒等显示状态。 一、系统气泡，PopupOptions 通过配置primaryButton、secondaryButton来设置带按钮的气泡 1、文本气泡 常用于只展示带有文本的信息提 阅读全文
posted @ 2024-10-31 23:05 听着music睡 阅读(65) 评论(0) 推荐(0) 编辑
学习笔记（十六）：ArkUi-显示图片 (Image)
摘要：概述： Image支持多种图片格式，包括png、jpg、bmp、svg、gif和heif 可支持显示本地图片，网络图片,Resource资源、媒体库资源和base64 一、创建Image Image(src: PixelMap | ResourceStr | DrawableDescriptor) 阅读全文
posted @ 2024-10-31 00:07 听着music睡 阅读(127) 评论(0) 推荐(0) 编辑
学习笔记（十五）：ArkUi-切换按钮 (Toggle)
摘要：概述： 提供状态按钮样式、勾选框样式和开关样式，一般用于两种状态之间的切换 一、创建单选框 接口形式如下： type为类型，支持三种 1、Switch 不包含子组件 Toggle({type:ToggleType.Switch,isOn:true}) 2、Checkbox 不包含子组件 Toggle 阅读全文
posted @ 2024-10-30 23:10 听着music睡 阅读(57) 评论(0) 推荐(0) 编辑
学习笔记（十四）：ArkUi-单选框 (Radio)
摘要：概述： 单选框组件，通常用于提供相应的用户交互选择项，同一组的Radio中只有一个可以被选中。 单选框组件不支持自定义样式 一、创建单选框 接口形式如下： value 为单选框名称，group为单选框所在组的名称，同一个组内最多只有一个单选框为选中状态 Radio(options: {value: 阅读全文
posted @ 2024-10-30 22:29 听着music睡 阅读(61) 评论(0) 推荐(0) 编辑
学习笔记（十三）：ArkUi-按钮 (Button)
摘要：概述： 按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。 使用示例： 一、创建Button 1、创建不包含子组件的按钮 Button('新增') .type(ButtonType.Capsule 阅读全文
posted @ 2024-10-30 11:34 听着music睡 阅读(81) 评论(0) 推荐(0) 编辑
学习笔记（十二）：ArkUi-相对布局 (RelativeContainer)
摘要：基本概念 锚点：通过锚点设置当前元素基于哪个元素确定位置。 对齐方式：通过对齐方式，设置当前元素是基于锚点的上中下对齐，还是基于锚点的左中右对齐。 锚点设置 锚点设置是指设置子元素相对于父元素或兄弟元素的位置依赖关系。 在水平方向上，可以设置left、middle、right的锚点。在竖直方向上，可 阅读全文
posted @ 2024-10-29 22:31 听着music睡 阅读(48) 评论(0) 推荐(0) 编辑

上一页 1 2 3 下一页
点击右上角即可分享
微信分享提示