【HarmonyOS】borderRadius百分比不生效，可以根据onAreaChange自己封装个方法计算百分比。@Entry @Component struct Page32 { @State private _viewWidth: number = 0; private getPercentOfWidth(percent: number): number { return
HarmonyOs-demo-选择列表限定数量// 使用 DevEco Studio 3.1.1 Release 及以上版本，API 版本为 api 9 及以上。 // 主要功能及注意事项： // 该组件展示了一个乘客选择列表。列表中的每个项目包含一个复选框和对应的乘客姓名， // 用户点击任意一项即可切换其选中状态。组件通过限制最多只能选择5名乘客， // 并在超过限制时通过promptActi
HarmonyOs-demo-搜索历史记录// 注：当前代码基于宽度为720的设计稿进行适配，使用lpx单位。 // 整段代码描述的功能： // 该代码实现了一个简单的搜索功能组件，其中包括： // 1. 输入框：用户可以在此输入要搜索的内容； // 2. 搜索按钮：点击后，将当前输入内容添加到搜索历史记录的首位，若有重复则移除重复项，并保持历史记录不超过10条； // 3. 搜索历史标题和清空记
HarmonyOs-demo-抖动动画实现方案import curves from "@ohos.curves" // 主要功能及注意事项（此代码的sdk为 api 9) /** * 1. 手机号输入框： * - 提供一个用于输入手机号码的文本框。 * - 输入类型限制为电话号码，仅接受数字输入。 * - 最大允许输入长度为13位，符合中国手机号码标准。 * - 显示占
构建一个简易九宫格拼图游戏应用程序，利用picker从相册选择图片、使用fs拷贝路径、使用PixelMap切分图片import picker from '@ohos.file.picker'; import fs from '@ohos.file.fs'; import image from '@ohos.multimedia.image'; import { common } from '@ki
Web组件交互同步与异步获取数据的方式示例【html测试文件】src/main/resources/rawfile/Page04.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script> let isEnvSupp
【harmonyOS】如果有些图片url用Image组件加载不显示，可以request下载后利用PixelMap加载。需要网络权限：src/main/module.json5 "requestPermissions": [ { "name": "ohos.permission.INTERNET" },src/main/ets/pages/Page010
【HarmonyOS】学习笔记 比较animation动画三种rotate旋转方式的不同import { curves } from '@kit.ArkUI' @Entry @Component struct Page030 { @State rotateValue_1: number = 0 @State rotateValue_2: number = 0 build() {
【HarmonyOS】使用Flex布局和onAreaChange事件计算并记录多行文本位置的实现方案class PosItem { x: number y: number constructor(x: number, y: number) { this.x = x this.y = y } } @Entry @Component struct Page021 {
【HarmonyOS】当list设置横向布局时，list高度默认撑满没有达到预期的高度自适应，可以通过onAreaChange动态修改高度。【修改前】@Entry @Component struct Page148 { build() { Column() { List() { ForEach(['北京', '杭州', '上海'], (item: strin
【HarmonyOS】TaskPool方法不会阻塞UI，如果做上传图片的功能加载Loading记得使用TaskPool，Promise、Async/Await都会阻塞UI【引言】 源于一个论坛帖子：https://developer.huawei.com/consumer/cn/forum/topic/0209156179937828001?fid=0109140870620153026
【HarmonyOS】利用TextPicker实现日期选择框只有【年】或者【年月】或【月日】@Entry @Component struct Page39 { @State generateYearMonth: TextCascadePickerRangeContent [] = [] @State generateMonthDay: TextCascadePickerRangeConte
【HarmonyOS】SaveButton组件把图片显示到相册中的方法demo，支持组件截图、url网络图片、base64格式图片。注意事项：1、不支持自定义SaveButton样式。2、下载按钮被遮挡一部分，也无法保存到相册。import photoAccessHelper from '@ohos.file.photoAccessHelper'; import fs from '@ohos.fi
【HarmonyOS】给组件添加下划线或者画虚线边框可以使用.borderStyle和.borderWidth【效果】【示例】@Entry @Component struct Page51 { build() { Column() { Text('虚线边框测试') .width(200) .height(150) .borde
【HarmonyOS】web组件的h5页面调用鸿蒙app图库和拍照示例 1、添加权限：entry/src/main/module.json52、测试文件：src/main/resources/rawfile/page107.html<!DOCTYPE html> <html lang="en"> <head> <meta charset=
【HarmonyOS】实现一个自定义带圆点的进度条效果。【起因】方案就是做一个圆角组件，然后利用rotate旋转，至于动画效果，我查了一下文档，只要设置enableSmoothEffect:false，就可以关闭动画，然后自己开个定时器，判断实际进度与动画进度的差值每隔10毫秒执行一次就行了。上面的gif图比较卡是因为录屏转gif掉帧了哈，实际代码执行很流畅。【代码】@Entry @Compone
【HarmonyOS】实现Text组件中文本两端对齐方案@Entry @Component struct Page29 { @State str_1 :string = '文本内容' @State str_2 :string = '文本内容文本内容abcd1234也对也不对，八荣八耻。' build() { Column() { Text('单行效果')
【HarmonyOS】实现分页滚动文本组件：为何选择 Scroll + Text 而非 textOverflowimport { promptAction } from '@kit.ArkUI' @Entry @Component struct Page37 { @State lineHeight: number = 0 // 单行文本的高度 @State pageHeight: num
【HarmonyOS】普通组件与web组件长截屏方案：原则是利用Scroll内的组件可以使用componentSnapshot完整的截屏【普通组件长截屏】import { componentSnapshot, promptAction } from '@kit.ArkUI' import { common } from '@kit.AbilityKit' import { photoAccessH
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
