09 2024 档案

摘要:在鸿蒙应用开发中,实现购物车功能并进行屏幕适配是一个常见的需求。通过侧滑删除、侧滑收藏和价格计算等功能,可以为用户提供便捷的购物体验。下面将介绍一个购物车示例的实现方法,并结合屏幕适配技术进行详细说明。 示例代码解析 以上代码实现了一个购物车功能的示例,包括商品展示、侧滑收藏、侧滑删除和价格计算等功 阅读全文
posted @ 2024-09-30 14:22 zhongcx 阅读(95) 评论(0) 推荐(0) 编辑
摘要:屏幕适配是一个复杂而重要的议题,它直接影响到用户体验和应用的一致性。在进行屏幕适配设计时,可以从以下几个方面进行深入分析: 1. 设备兼容性当不同类型的设备(如不同尺寸和分辨率的屏幕)使用同一款应用时,我们需要决定是为每种设备类型单独设计一套界面,还是使用一套灵活的响应式和自适应设计方案来适配所有设 阅读全文
posted @ 2024-09-30 14:00 zhongcx 阅读(116) 评论(0) 推荐(0) 编辑
摘要:并分享项目中使用到的库 一、使用三方库时注意事项 1. 版本兼容问题 在使用 ohpm install 库名 命令安装三方库时,可能会遇到版本不匹配的问题。尽管代码在IDE中没有提示错误,但在运行时可能会抛出异常。此时需要前往OpenHarmony三方库中心仓库查看最新的版本号,并尝试更换不同的版本 阅读全文
posted @ 2024-09-29 19:07 zhongcx 阅读(77) 评论(0) 推荐(0) 编辑
摘要:HarmonyOS 项目 API 使用注意事项总结 1.手动导包的重要性:* 自动导包(Alt + 回车)并不总是有效,某些包需要手动输入。例如: import fs from '@ohos.file.fs'; // 需手动输入复制 2.使用 @Kit:* 从 API 12 开始,使用 @Kit 替 阅读全文
posted @ 2024-09-29 19:06 zhongcx 阅读(103) 评论(0) 推荐(0) 编辑
摘要:在项目中使用的系统组件和属性总结如下: 使用的系统组件: 1.Column:纵向布局容器,用于垂直排列子组件。2.Row:横向布局容器,用于水平排列子组件。3.Stack:层叠布局容器,用于将子组件层叠显示。4.Flex:弹性布局容器,用于创建灵活的布局。5.Scroll:滚动布局容器,用于实现滚动 阅读全文
posted @ 2024-09-29 19:05 zhongcx 阅读(53) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】高仿华为阅读app翻页demo src/main/ets/entryability/EntryAbility.ets import { window } from '@kit.ArkUI'; import { UIAbility } from '@kit.AbilityKit' 阅读全文
posted @ 2024-09-26 14:20 zhongcx 阅读(22) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】仿照IOS中可以通过输入start=(0,0),end=(1,1)获取角度到.linearGradient,从而实现左上到右下渐变 class Point { x: number = 0 y: number = 0 } @Entry @Component struct Page 阅读全文
posted @ 2024-09-26 14:19 zhongcx 阅读(18) 评论(0) 推荐(0) 编辑
摘要:利用emitter封装工具类,使得父组件与子组件实现事件监听。 注意:只能用真机调试,在预览器会提示 The emitter.emit interface in the Previewer is a mocked implementation and may behave differently t 阅读全文
posted @ 2024-09-26 14:18 zhongcx 阅读(35) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】封装可以同时显示多个toast的工具类 src/main/ets/common/MyPromptActionUtil.ets import { ComponentContent, PromptAction, window } from '@kit.ArkUI'; import 阅读全文
posted @ 2024-09-26 14:17 zhongcx 阅读(24) 评论(0) 推荐(0) 编辑
摘要:【起因】 需要实现头像剪裁的圆形遮罩。 看到一个第三方库oh-crop是方形遮罩的 https://ohpm.openharmony.cn/#/cn/detail/@xinyansoft%2Foh-crop 【经过】 查看源码,修改.onReady改为圆形遮罩 【完整示例】 import { ima 阅读全文
posted @ 2024-09-26 14:16 zhongcx 阅读(22) 评论(0) 推荐(0) 编辑
摘要:import { promptAction } from '@kit.ArkUI' class MyDataItem { id: number = 0 provinceid: string = "" provincename: string = "" cityid: string = "" city 阅读全文
posted @ 2024-09-26 14:15 zhongcx 阅读(24) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】TextInput设置最多两位小数且整数部分不超过6位方法 【使用自定义键盘】 @Entry @Component struct Page47 { controller: TextInputController = new TextInputController(); @Sta 阅读全文
posted @ 2024-09-26 14:15 zhongcx 阅读(21) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】仿前端css中的背景色渐变两层叠加 /* * 前端css中的背景色渐变两层叠加效果 * <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w 阅读全文
posted @ 2024-09-26 14:13 zhongcx 阅读(21) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】记录当引入自定义组件有TextInput时,获取子组件输入框的值方法【1】使用@Link【2】使用onChange回调 【方案一】使用@Link @Component struct LoginEditCompoments { @Link inputValue :string b 阅读全文
posted @ 2024-09-26 14:12 zhongcx 阅读(64) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】记录淡入淡出切换控件内图片的方法.transition(TransitionEffect.OPACITY) 注意只有用 if 时才会生效,用.visibility()只有显示的时候生效,隐藏不生效。 @Entry @Component struct Page09 { @Stat 阅读全文
posted @ 2024-09-26 14:11 zhongcx 阅读(69) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】自定义TabLayout代码示例,通过 Scroll 锚点 Tab 布局,滚动条会自动滚动使选中的标签居中显示。 class MyTabItem { label: string = ""; positionX: number = -1; // 当前位置 width: numbe 阅读全文
posted @ 2024-09-26 14:10 zhongcx 阅读(17) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】borderRadius百分比不生效,可以根据onAreaChange自己封装个方法计算百分比。 @Entry @Component struct Page32 { @State private _viewWidth: number = 0; private getPercen 阅读全文
posted @ 2024-09-26 14:09 zhongcx 阅读(22) 评论(0) 推荐(0) 编辑
摘要:HarmonyOs-demo-选择列表限定数量 // 使用 DevEco Studio 3.1.1 Release 及以上版本,API 版本为 api 9 及以上。 // 主要功能及注意事项: // 该组件展示了一个乘客选择列表。列表中的每个项目包含一个复选框和对应的乘客姓名, // 用户点击任意一 阅读全文
posted @ 2024-09-26 14:09 zhongcx 阅读(29) 评论(0) 推荐(0) 编辑
摘要:HarmonyOs-demo-搜索历史记录 // 注:当前代码基于宽度为720的设计稿进行适配,使用lpx单位。 // 整段代码描述的功能: // 该代码实现了一个简单的搜索功能组件,其中包括: // 1. 输入框:用户可以在此输入要搜索的内容; // 2. 搜索按钮:点击后,将当前输入内容添加到搜 阅读全文
posted @ 2024-09-26 14:08 zhongcx 阅读(29) 评论(0) 推荐(0) 编辑
摘要:HarmonyOs-demo-抖动动画实现方案 import curves from "@ohos.curves" /** * 1. 手机号输入框: * - 提供一个用于输入手机号码的文本框。 * - 输入类型限制为电话号码,仅接受数字输入。 * - 最大允许输入长度为13位,符合中国手机号码标准。 阅读全文
posted @ 2024-09-26 14:08 zhongcx 阅读(39) 评论(0) 推荐(0) 编辑
摘要:构建一个简易九宫格拼图游戏应用程序,利用picker从相册选择图片、使用fs拷贝路径、使用PixelMap切分图片 import picker from '@ohos.file.picker'; import fs from '@ohos.file.fs'; import image from '@ 阅读全文
posted @ 2024-09-26 14:06 zhongcx 阅读(55) 评论(0) 推荐(0) 编辑
摘要:Web组件交互同步与异步获取数据的方式示例 【html测试文件】src/main/resources/rawfile/Page04.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script> let isE 阅读全文
posted @ 2024-09-26 14:05 zhongcx 阅读(24) 评论(0) 推荐(0) 编辑
摘要:【harmonyOS】如果有些图片url用Image组件加载不显示,可以request下载后利用PixelMap加载。 需要网络权限:src/main/module.json5 "requestPermissions": [ { "name": "ohos.permission.INTERNET" 阅读全文
posted @ 2024-09-26 14:04 zhongcx 阅读(26) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】学习笔记 比较animation动画三种rotate旋转方式的不同 import { curves } from '@kit.ArkUI' @Entry @Component struct Page030 { @State rotateValue_1: number = 0 @ 阅读全文
posted @ 2024-09-26 14:04 zhongcx 阅读(25) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】使用Flex布局和onAreaChange事件计算并记录多行文本位置的实现方案 class PosItem { x: number y: number constructor(x: number, y: number) { this.x = x this.y = y } } @ 阅读全文
posted @ 2024-09-26 14:02 zhongcx 阅读(22) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】当list设置横向布局时,list高度默认撑满没有达到预期的高度自适应,可以通过onAreaChange动态修改高度。 【修改前】 @Entry @Component struct Page148 { build() { Column() { List() { ForEach( 阅读全文
posted @ 2024-09-26 14:01 zhongcx 阅读(25) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】TaskPool方法不会阻塞UI,如果做上传图片的功能加载Loading记得使用TaskPool,Promise、Async/Await都会阻塞UI 【引言】 源于一个论坛帖子:https://developer.huawei.com/consumer/cn/forum/top 阅读全文
posted @ 2024-09-26 14:00 zhongcx 阅读(21) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】利用TextPicker实现日期选择框只有【年】或者【年月】或【月日】 @Entry @Component struct Page39 { @State generateYearMonth: TextCascadePickerRangeContent [] = [] @Stat 阅读全文
posted @ 2024-09-26 13:58 zhongcx 阅读(20) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】SaveButton组件把图片显示到相册中的方法demo,支持组件截图、url网络图片、base64格式图片。 注意事项:1、不支持自定义SaveButton样式。2、下载按钮被遮挡一部分,也无法保存到相册。 import photoAccessHelper from '@oh 阅读全文
posted @ 2024-09-26 13:57 zhongcx 阅读(38) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】给组件添加下划线或者画虚线边框可以使用.borderStyle和.borderWidth 【效果】 【示例】 @Entry @Component struct Page51 { build() { Column() { Text('虚线边框测试') .width(200) .h 阅读全文
posted @ 2024-09-26 13:55 zhongcx 阅读(38) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】web组件的h5页面调用鸿蒙app图库和拍照示例 ​1、添加权限:entry/src/main/module.json5 2、测试文件:src/main/resources/rawfile/page107.html <!DOCTYPE html> <html lang="en" 阅读全文
posted @ 2024-09-26 13:53 zhongcx 阅读(38) 评论(0) 推荐(0) 编辑
摘要:实现一个自定义带圆点的进度条效果。 【起因】 论坛里有人问进度条如何带圆点,参考: https://developer.huawei.com/consumer/cn/forum/topic/0208157230875079489?fid=0101587866109860105&pid=0301157 阅读全文
posted @ 2024-09-26 13:52 zhongcx 阅读(37) 评论(0) 推荐(0) 编辑
摘要:实现Text组件中文本两端对齐方案 @Entry @Component struct Page29 { @State str_1 :string = '文本内容' @State str_2 :string = '文本内容文本内容abcd1234也对也不对,八荣八耻。' build() { Colum 阅读全文
posted @ 2024-09-26 13:49 zhongcx 阅读(31) 评论(0) 推荐(0) 编辑
摘要:实现分页滚动文本组件:为何选择 Scroll + Text 而非 textOverflow import { promptAction } from '@kit.ArkUI' @Entry @Component struct Page37 { @State lineHeight: number = 阅读全文
posted @ 2024-09-26 13:44 zhongcx 阅读(52) 评论(0) 推荐(0) 编辑
摘要:【HarmonyOS】普通组件与web组件长截屏方案:原则是利用Scroll内的组件可以使用componentSnapshot完整的截屏 【普通组件长截屏】 import { componentSnapshot, promptAction } from '@kit.ArkUI' import { c 阅读全文
posted @ 2024-09-26 13:42 zhongcx 阅读(83) 评论(0) 推荐(0) 编辑

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