随笔分类 -  HarmonyOS

鸿蒙开发
摘要:网络请求需要添加网络访问权限: 在module.json5文件中添加。 "requestPermissions": [ { "name": "ohos.permission.INTERNET" } ] 开发步骤: 1. import 需要的http模块。 import http from '@oho 阅读全文
posted @ 2024-01-05 10:18 创客未来 阅读(45) 评论(0) 推荐(0) 编辑
摘要:1、if/else产生组件内转场动画 if/else语句可以控制组件的插入和删除。如下代码即可以通过Button的点击事件,控制if的条件是否满足,来控制if下的Image组件是否显示。 /** * author:创客未来 * copyright:com.ckFuture.hrb * transit 阅读全文
posted @ 2024-01-03 09:41 创客未来 阅读(11) 评论(0) 推荐(0) 编辑
摘要:1.位置改变 ArkUI中,产生动画的方式是改变属性值且指定动画参数。动画参数包含了如动画的时长、变化规律(即曲线)等参数,当属性值发生变化后,按照动画参数,从原来的状态过渡到新的状态,即形成一个动画。 AnimateParam对象说明 名称 类型 描述 duration number 动画持续时间 阅读全文
posted @ 2023-12-26 11:12 创客未来 阅读(48) 评论(0) 推荐(0) 编辑
摘要:@Entry @Component struct ColumExample { build() { Column({space:10}) { Column() { Column().width('50%').height(30).backgroundColor(Color.Blue) Column( 阅读全文
posted @ 2023-12-22 10:46 创客未来 阅读(53) 评论(0) 推荐(0) 编辑
摘要:Button 按钮组件,可快速创建不同样式的按钮。 方法1:Button(options?:{type?:ButtonType,stateEffect?:boolean}) 方法2:Button(label?:ResourceStr,options?:{type?:ButtonType,stateE 阅读全文
posted @ 2023-12-20 10:53 创客未来 阅读(60) 评论(0) 推荐(0) 编辑
摘要:位置设置 设置组件对齐方式、布局方向和显示位置。 align:设置元素内容在元素绘制区域内的对齐方式。 direction:设置元素水平方向的布局。 position:基于父容器的定位 markAnchor:相对于自身的定位,x正数代表左移,负数代表右移;y正数代表上移,负数代表下移。 offset 阅读全文
posted @ 2023-12-20 09:56 创客未来 阅读(41) 评论(0) 推荐(0) 编辑
摘要:按键事件指组件与键盘、遥控器等按键设备交互时触发的事件(仅适用于所有可获焦组件,例如:Button) //绑定该方法的组件获焦后,按键动作触发该回调 onKeyEvent(event:(event?:keyEvent)=>void) 案例代码: /** * author:创客未来 * copyrig 阅读全文
posted @ 2023-12-19 11:06 创客未来 阅读(14) 评论(0) 推荐(0) 编辑
摘要://手指触摸动作触发回调 onTouch(event:(event?:TouchEvent)=>void) 案例代码: /** * author:创客未来 * copyright:com.ckFuture.hrb * 触摸事件 */ @Entry @Component struct Touch { 阅读全文
posted @ 2023-12-19 10:30 创客未来 阅读(5) 评论(0) 推荐(0) 编辑
摘要:组件是构建页面的核心,每个组件通过对数据和方法的简单封装,实现独立的可视、可交互功能单元。组件之间相互独立,随取随用,也可以在需求相同的地方重复使用。 @Entry @Component struct Click { @State text: string = '' build() { Column 阅读全文
posted @ 2023-12-18 10:25 创客未来 阅读(32) 评论(0) 推荐(0) 编辑
摘要:数据传递 页面跳转,使用路由传递。 // page1跳转传递参数 router.pushUrl({ url:'pages/ParamRouter2', params:{ name:'HarmonyOS4.0', age:20 } }) //page2接收参数 let param_name = rou 阅读全文
posted @ 2023-12-18 09:35 创客未来 阅读(16) 评论(0) 推荐(0) 编辑
摘要:页面生命周期,即被@Entry装饰的组件生命周期,提供以下生命周期接口: onPageShow:页面每次显示时触发。 onPageHide:页面每次隐藏时触发一次。 onBackPress:当用户点击返回按钮时触发。(是手机下方的返回按钮,不是页面的路由返回) 建立两个page页面用于演示: pag 阅读全文
posted @ 2023-12-15 11:13 创客未来 阅读(104) 评论(0) 推荐(0) 编辑
摘要:if/else 条件渲染 1.支持if、else和else if 语句。 2.if、else if 后跟随的条件语句可以使用状态变量。 3.允许在容器组件内使用,通过条件渲染语句构建不同的子组件。 4.当if、else if 后跟随的状态判断中使用的状态变量值变化时,条件渲染语句会进行更新 5.条件 阅读全文
posted @ 2023-12-15 10:08 创客未来 阅读(29) 评论(0) 推荐(0) 编辑
摘要:@Watch应用对状态变量的监听。如果开发者需要关注某个状态变量的值是否改变,可以使用@Watch为状态变量这种回调函数。 @Watch用于监听状态变量的变化,当状态变量变化时,@Watch的回调方法将被调用。@Watch在ArkUI框架内部判断数值有无更新使用的是严格相等( ),遵循严格相等规范。 阅读全文
posted @ 2023-12-14 09:45 创客未来 阅读(177) 评论(0) 推荐(0) 编辑
摘要:祖宗组件向后代组件传递数据并实现数据的双向绑定,即:祖宗组件的数据改变则后代组件的数据也跟着变化,后代组件数据变化则祖宗组件的数据也跟着变化。 这里需要在祖宗中使用@Provide装饰器,后代组件需要使用@Consume装饰器 以下代码说明了两点注意: 1.祖宗组件使用@Provide,孙组件使用@ 阅读全文
posted @ 2023-12-14 08:30 创客未来 阅读(30) 评论(0) 推荐(0) 编辑
摘要:@State:@State装饰器的变量拥有其所属组件的状态,可以作为其子组件单向和双向同步的数据源。当其数值改变时,会引起相关组件的渲染刷新。 @Prop:@Prop装饰的变量可以和父组件建立单向同步关系,@Prop装饰的变量二hi可变的,但修改不会同步回父组件。 @Link:@Link装饰的变量和 阅读全文
posted @ 2023-12-12 09:50 创客未来 阅读(153) 评论(0) 推荐(0) 编辑
摘要:@Styles和Extend仅仅应用于静态页面的样式复用,stateStyles可以依据组件的内部状态的不同,快速设置不同样式。 @stateStyles是属性方法,可以根据UI内部状态来设置样式,类似于css伪类,但语法不同,ArkUI提供以下四种状态: focused:获焦态 normal:正常 阅读全文
posted @ 2023-12-11 13:38 创客未来 阅读(52) 评论(0) 推荐(0) 编辑
摘要:1.创建自定义组件 在ArkUI中,UI显示的内容均为组件,由框架直接提供的称为系统组件,由开发者定义的称为自定义组件。在进行UI界面开发时,通常不是简单的将系统组件进行组合使用,而是需要考虑代码可复用性、业务逻辑与UI分离,后续版本演进等因素。因此,将UI和部分业务逻辑封装成自定义组件是不可或缺的 阅读全文
posted @ 2023-12-04 15:27 创客未来 阅读(459) 评论(0) 推荐(0) 编辑
摘要:1. 变量 ets 是 ts 语法发扩展 1.1 组件外部声明变量 /** * author:创客未来 * copyright:com.ckFuture.hrb */ //ets 是 ts 语法的扩展 //声明变量并赋值 :初始化 let pome: string='我是字符串' //声明变量,未赋 阅读全文
posted @ 2023-11-29 10:26 创客未来 阅读(308) 评论(0) 推荐(0) 编辑
摘要:1.认识结构 带@符号:在鸿蒙开发中叫做“装饰器”,具有某种功能。 struct:自定义组件。 @state:内容改变了,重新渲染编辑器。 内置组件:官方提供的组件,拿来就可以用。 属性方法:对组件进行样式处理的。 事件方法:用来处理业务逻辑的。 2.跳转 2.1 创建新页面 2.2 创建First 阅读全文
posted @ 2023-11-28 13:52 创客未来 阅读(142) 评论(0) 推荐(0) 编辑
摘要:1.DevEco Studio 基本使用 1.1 Create Project 2.真机运行 项目签名 点击登录,然后USB连接手机,这里手机需要开启开发者模式。如下图: 连接成功后,默认选择连接的是华为手机,点击绿色三角运行即可。 3.DevEco Studio基础设置 3.1 工具每次打开都是上 阅读全文
posted @ 2023-11-28 10:51 创客未来 阅读(33) 评论(0) 推荐(0) 编辑

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