文章分类 - HarmonyOS
摘要：随着鸿蒙系统的不断更新迭代，新版DevEco Studio的预览器会有上下白色间距问题 我们可以通过调用鸿蒙的API来修复这个问题。以下是如何手动调整界面以消除这些空白区域的方法： this.windowClass.setWindowLayoutFullScreen(true) 这段代码会在页面加载
阅读全文
摘要：在鸿蒙应用开发中，实现购物车功能并进行屏幕适配是一个常见的需求。通过侧滑删除、侧滑收藏和价格计算等功能，可以为用户提供便捷的购物体验。下面将介绍一个购物车示例的实现方法，并结合屏幕适配技术进行详细说明。 示例代码解析 以上代码实现了一个购物车功能的示例，包括商品展示、侧滑收藏、侧滑删除和价格计算等功
阅读全文
摘要：屏幕适配是一个复杂而重要的议题，它直接影响到用户体验和应用的一致性。在进行屏幕适配设计时，可以从以下几个方面进行深入分析： 1. 设备兼容性当不同类型的设备（如不同尺寸和分辨率的屏幕）使用同一款应用时，我们需要决定是为每种设备类型单独设计一套界面，还是使用一套灵活的响应式和自适应设计方案来适配所有设
阅读全文
摘要：并分享项目中使用到的库 一、使用三方库时注意事项 1. 版本兼容问题 在使用 ohpm install 库名 命令安装三方库时，可能会遇到版本不匹配的问题。尽管代码在IDE中没有提示错误，但在运行时可能会抛出异常。此时需要前往OpenHarmony三方库中心仓库查看最新的版本号，并尝试更换不同的版本
阅读全文
摘要：HarmonyOS 项目 API 使用注意事项总结 1.手动导包的重要性：* 自动导包（Alt + 回车）并不总是有效，某些包需要手动输入。例如： import fs from '@ohos.file.fs'; // 需手动输入复制 2.使用 @Kit：* 从 API 12 开始，使用 @Kit 替
阅读全文
摘要：在项目中使用的系统组件和属性总结如下： 使用的系统组件： 1.Column：纵向布局容器，用于垂直排列子组件。2.Row：横向布局容器，用于水平排列子组件。3.Stack：层叠布局容器，用于将子组件层叠显示。4.Flex：弹性布局容器，用于创建灵活的布局。5.Scroll：滚动布局容器，用于实现滚动
阅读全文
摘要：【HarmonyOS】高仿华为阅读app翻页demo src/main/ets/entryability/EntryAbility.ets import { window } from '@kit.ArkUI'; import { UIAbility } from '@kit.AbilityKit'
阅读全文
摘要：【HarmonyOS】仿照IOS中可以通过输入start=（0，0），end=（1，1）获取角度到.linearGradient，从而实现左上到右下渐变 class Point { x: number = 0 y: number = 0 } @Entry @Component struct Page
阅读全文
摘要：利用emitter封装工具类，使得父组件与子组件实现事件监听。 注意：只能用真机调试，在预览器会提示 The emitter.emit interface in the Previewer is a mocked implementation and may behave differently t
阅读全文
摘要：【HarmonyOS】封装可以同时显示多个toast的工具类 src/main/ets/common/MyPromptActionUtil.ets import { ComponentContent, PromptAction, window } from '@kit.ArkUI'; import
阅读全文
摘要：【起因】 需要实现头像剪裁的圆形遮罩。 看到一个第三方库oh-crop是方形遮罩的 https://ohpm.openharmony.cn/#/cn/detail/@xinyansoft%2Foh-crop 【经过】 查看源码，修改.onReady改为圆形遮罩 【完整示例】 import { ima
阅读全文
摘要：import { promptAction } from '@kit.ArkUI' class MyDataItem { id: number = 0 provinceid: string = "" provincename: string = "" cityid: string = "" city
阅读全文
摘要：【HarmonyOS】TextInput设置最多两位小数且整数部分不超过6位方法 【使用自定义键盘】 @Entry @Component struct Page47 { controller: TextInputController = new TextInputController(); @Sta
阅读全文
摘要：【HarmonyOS】仿前端css中的背景色渐变两层叠加 /* * 前端css中的背景色渐变两层叠加效果 * <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w
阅读全文
摘要：【HarmonyOS】记录当引入自定义组件有TextInput时，获取子组件输入框的值方法【1】使用@Link【2】使用onChange回调 【方案一】使用@Link @Component struct LoginEditCompoments { @Link inputValue :string b
阅读全文
摘要：【HarmonyOS】记录淡入淡出切换控件内图片的方法.transition(TransitionEffect.OPACITY) 注意只有用 if 时才会生效，用.visibility()只有显示的时候生效，隐藏不生效。 @Entry @Component struct Page09 { @Stat
阅读全文
摘要：【HarmonyOS】自定义TabLayout代码示例，通过 Scroll 锚点 Tab 布局，滚动条会自动滚动使选中的标签居中显示。 class MyTabItem { label: string = ""; positionX: number = -1; // 当前位置 width: numbe
阅读全文
摘要：【HarmonyOS】borderRadius百分比不生效，可以根据onAreaChange自己封装个方法计算百分比。 @Entry @Component struct Page32 { @State private _viewWidth: number = 0; private getPercen
阅读全文
摘要：HarmonyOs-demo-选择列表限定数量 // 使用 DevEco Studio 3.1.1 Release 及以上版本，API 版本为 api 9 及以上。 // 主要功能及注意事项： // 该组件展示了一个乘客选择列表。列表中的每个项目包含一个复选框和对应的乘客姓名， // 用户点击任意一
阅读全文
摘要：HarmonyOs-demo-搜索历史记录 // 注：当前代码基于宽度为720的设计稿进行适配，使用lpx单位。 // 整段代码描述的功能： // 该代码实现了一个简单的搜索功能组件，其中包括： // 1. 输入框：用户可以在此输入要搜索的内容； // 2. 搜索按钮：点击后，将当前输入内容添加到搜
阅读全文
