鸿蒙开发之图片选择器

最新推荐文章于 2025-04-10 19:48:37 发布

Lu_Ca

最新推荐文章于 2025-04-10 19:48:37 发布

阅读量1.4k

点赞数 26

文章标签： harmonyos 鸿蒙

本文链接：https://blog.csdn.net/Lu_Ca/article/details/135223854

版权

一、使用

系统的图片选择器真的非常友好，这个绝对要赞一下。

pickPhotos() {
//初始化一个photopicker
let photoPicker = new picker.PhotoViewPicker()
   
//maxSelectNumber最多选择多少张（默认值为50，最大值为500）
//MIMEType 选择文件的类型
photoPicker.select({maxSelectNumber:9,MIMEType:picker.PhotoViewMIMETypes.IMAGE_TYPE}).then(val => {
      //通过val.photoUris就可以拿到图片的Uri数组了
      //val.photoUris
      
    }).catch(err => {
      Prompt.showToast({message:'获取图片失败'})
    })

  }

二、实现图片删除

长按图片，给图片添加一个抖动的动画。这里借助了z轴旋转动画实现。

import picker from '@ohos.file.picker'
import Prompt from '@system.prompt'

/*
 * 开发中动画实现上遇到一个问题不能停止动画的问题
 * 一开始想的是直接操作旋转的角度和z轴的值，但是发现有些gridItem不生效还会动
 * 群友提供了一个思路：
 * 在动画finish回调中不断的重置旋转的角度和z轴的值达到开启关闭动画
 * */