自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 问答 (2)
  • 收藏
  • 关注

原创 【HarmonyOS 学习】HTTP数据请求

在进行返回值处理时可以使用let result: ResponseData = JSON.parse(data.result as string)进行结果数据映射,ResponseData可根据返回的数据结构进行自定义。其中在自定义数据结构时,因为一般调用的api返回的数据结构都是统一的,所以client也可以使用js语法,定义接口类,使用泛型创建model。使用@kit.NetworkKit的http.HttpRequest中request()方法进行api的请求调用。在组件中调用api并显示。

2025-01-14 16:12:03 1067

原创 【HarmonyOS 学习】使用Navigation组件实现路由操作

Navigation路由相关的操作都是基于页面栈NavPathStack提供的方法进行,每个Navigation都需要创建并传入一个NavPathStack对象,用于管理页面。主要涉及页面跳转、页面返回、页面替换、页面删除、参数获取、路由拦截等功能。step4 在src/main/module.json5中添加route_map.json,使其生效。step2.创建ContentPage.ets(页面功能还未完成) 作为跳转页面。效果图:点击登录button,实现页面跳转。点击登录代码会发现跳转不过去。

2025-01-08 16:01:30 609

原创 【HarmonyOS 学习】布局-列表,轮播,选项卡

提供滑动轮播显示的能力。Swiper本身是一个容器组件,当设置了多个子组件后,可以对这些子组件进行轮播显示。通常,在一些应用首页显示推荐的内容时,需要用到轮播显示的能力。tabs组件可以在一个页面内快速实现视图内容的切换,一方面提升查找信息的效率,另一方面精简用户单次获取到的信息量。列表作为一种容器,会自动按其滚动方向排列子组件,向列表中添加组件或从列表中移除组件会重新排列子组件。Tabs分为首页和内容,首页中为轮播组件,循环展示图片,内容为一个简单list的商品展示页。布局可分为:顶部,底部,侧边导航。

2025-01-03 14:00:46 782

原创 【HarmonyOS 学习】布局-相对,栅格

支持以兄弟组件为锚点,也支持以父容器为锚点两种方式对齐方式:通过对齐方式,设置当前元素是基于锚点的上中下对齐,还是基于锚点的左中右对齐。以父容器为锚点时: __container__代表父容器的ID子组件锚点可以任意选择,但需注意不要相互依赖。使用alignRules:top,left,right,bottom水平定位使用HorizontalAlign:Start,Center,End垂直定位使用VerticalAlign:Top,Center,Bottom可以使用offset进行组件偏移。

2024-12-10 16:31:35 871

原创 【HarmonyOS 学习】布局-弹性

FlexDirection.ColumnReverse:主轴为垂直方向,子元素从终点端沿着FlexDirection. Column相反的方向开始排布。FlexDirection.RowReverse:主轴为水平方向,子元素从终点端沿着FlexDirection. Row相反的方向开始排布。其中注意flex中元素的宽度设置,使用NoWrap时,即使元素超过总宽度,也不会换行,只是按比例显示在一行中,Wrap时只有元素宽度超过总宽度,换行才会生效。如果子元素的宽度总和大于父元素的宽度,则子元素会被压缩宽度。

2024-12-06 16:33:05 1916

原创 【HarmonyOS 学习】布局-线性,层叠

FlexAlign.SpaceEvenly: 垂直方向均匀分配元素,相邻元素之间的距离、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。FlexAlign.SpaceEvenly: 水平方向均匀分配元素,相邻元素之间的距离、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。FlexAlign.Start: 元素在水平方向首端对齐,第一个元素与行首对齐,同时后续的元素与前一个对齐。FlexAlign.Start:元素在垂直方向首端对齐,第一个元素与行首对齐,同时后续的元素与前一个对齐。

2024-12-05 15:51:56 802

原创 【HarmonyOS 学习】LazyForEach:数据懒加载

当item变化时,想更新子组件,如果使用LazyForEach的刷新机制,需要将原来的子组件全部销毁再重新构建,在子组件结构较为复杂的情况下,靠改变键值去刷新渲染性能较低。同时包含多个LazyForEach也是不推荐的。2. ObjectLink属性装饰的成员变量仅能监听到其子属性的变化,再深入嵌套的属性便无法观测到了,就会导致直接赋值,UI并没发生变化的问题,因此我们只能改变它的子属性去通知对应组件重新渲染。5.键值生成器必须针对每个数据生成唯一的值,如果键值相同,将导致键值相同的UI组件渲染出现问题。

2024-12-04 10:47:53 2073 1

原创 [HarmonyOS 学习]ForEach:循环渲染

最后遍历数据项"three"时生成键值"3",不存在相同键值,创建内容为"three"的新组件并渲染。

2024-12-02 15:54:09 1694

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除