HarmonyOS实战开发-拼图、怎样实现获取图片,以及图片裁剪分割的功能。 ...

打印 上一主题 下一主题

主题 1002|帖子 1002|积分 3006

介绍

该示例通过@ohos.multimedia.image和@ohos.multimedia.mediaLibrary接口实现获取图片,以及图片裁剪分割的功能。
结果预览


利用说明:

  • 利用预置相机拍照后启动应用,应用首页会读取装备内的图片文件并展示获取到的第一个图片,没有图片时图片位置表现空白;
  • 点击Start开始后,时间开始倒计时,在规定时间内未完成拼图则游戏结束。在游戏中,玩家点击Restart进行游戏重置;
  • 点击开始游戏后,玩家可以根据上方的大图,点击灰格周围的图片移动,点击后图片和灰格交换位置,终极拼成完整的图片;
  • 不在游戏中时,玩家可以点击上方大图,选择自界说图片来进行拼图游戏。
工程目录

  1. VideoComponent/src/main/ets/components
  2. |---common
  3. |   |---ImagePicker.ets                     // 图片选择
  4. |---model
  5. |   |---GameRules.ts                        // 游戏规则
  6. |   |---ImageModel.ts                       // 图片操作
  7. |   |---Logger.ts                           // 日志
  8. |   |---PictureItem.ts                      // 分解的图片
  9. |---pages
  10. |   |---Index.ets                           // 首页
复制代码
具体实现



  • 游戏中图片裁剪分割的结果实现在ImageModel中
  • 获取本舆图片:首先利用getMediaLibrary获取媒体库实例,然后利用getFileAssets方法获取文件资源,末了利用getAllObject获取检索结果中的所有文件资产方便展示;
  • 裁剪图片准备:裁剪图片需要利用@ohos.multimedia.image接口,裁剪前需要申请图片编辑权限,利用requestPermissionsFromUser申请
  • 图片编辑:首先利用createImagePacker创建ImagePacker实例,然后利用fileAsset.open打开文件,调用createImageSource接口创建图片源实例方便操作图片,接下来利用getImageInfo方法获取图片大小便于分割,末了利用createPixelMap方法传入每一份的尺寸参数完成图片裁剪。
相关权限

ohos.permission.READ_MEDIA
ohos.permission.MEDIA_LOCATION
依赖

不涉及。
束缚与限定

本示例仅支持尺度系统上运行;
本示例已适配API version 9版本SDK,版本号:3.2.11.9; 3.本示例需要利用DevEco Studio 3.1 Beta2 (Build Version: 3.1.0.400, built on April 7, 2023)才可编译运行。
下载

如需单独下载本工程,实行如下命令:
  1. git init
  2. git config core.sparsecheckout true
  3. echo code/BasicFeature/Media/GamePuzzle/ > .git/info/sparse-checkout
  4. git remote add origin https://gitee.com/openharmony/applications_app_samples.git
  5. git pull origin master
复制代码
为了资助各人更深入有效的学习到鸿蒙开发知识点,小编特意给各人准备了一份全套最新版的HarmonyOS NEXT学习资源,获取完整版方式请点击→HarmonyOS讲授视频:https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
HarmonyOS讲授视频:语法ArkTS、TypeScript、ArkUI等…视频教程



鸿蒙生态应用开发白皮书V2.0PDF: 获取完整版白皮书方式请点击→https://docs.qq.com/doc/DZVVkRGRUd3pHSnFG?u=a42c4946d1514235863bb82a7b2ac128

鸿蒙 (Harmony OS)开发学习手册→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3

一、入门必看

1.应用开发导读(ArkTS)
2………

二、HarmonyOS 概念→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3

1.系统界说
2.技术架构
3.技术特性
4.系统安全
5…


三、怎样快速入门?→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3

1.根本概念
2.构建第一个ArkTS应用
3…


四、开发基础知识→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3

1.应用基础知识
2.配置文件
3.应用数据管理
4.应用安全管理
5.应用隐私保护
6.三方应用调用管控机制
7.资源分类与访问
8.学习ArkTS语言

五、基于ArkTS 开发→https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3

1.Ability开发
2.UI开发
3.公共事件与通知
4.窗口管理
5.媒体
6.安全
7.网络与链接
8.电话服务
9.数据管理
10.后台使命(Background Task)管理
11.装备管理
12.装备利用信息统计
13.DFX
14.国际化开发
15.折叠屏系列

更多了解更多鸿蒙开发的相关知识可以参考:https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

科技颠覆者

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表