构建一个简易九宫格拼图游戏应用程序，利用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-2024 51CTO.COM 版权所有 京ICP证060544号
