applications_app_samples/SampleReadTemplate.md

132 lines
8.8 KiB
Markdown
Raw Permalink Normal View History

# 文件管理(标题以特性命名)
### 介绍
需要介绍本sample的主要实现原理如使用了什么API、有什么关键性的配置和实现等等附上链接后面需要加上应用的使用说明示例如下
本示例主要展示了文件管理相关的功能,使用[@ohos.filemanagement.userFileManager](https://docs.openharmony.cn/pages/v4.1/zh-cn/application-dev/reference/apis-core-file-kit/js-apis-userFileManager-sys.md) 、[@ohos.file.fileAccess](https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/reference/apis-core-file-kit/js-apis-fileAccess-sys.md) 、[@ohos.fileio](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-core-file-kit/js-apis-fileio.md) 、[@ohos.file.fs](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-core-file-kit/js-apis-file-fs.md)、[@ohos.app.ability.contextConstant](https://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/reference/apis-ability-kit/js-apis-app-ability-contextConstant.md)
等接口,实现了增添文件、删除文件、查找指定类型文件文件和预览图片的功能;
### 效果预览
屏幕截屏或者视频文件不超过4个每张截屏图片不能太大推荐占1/4页左右每张图片附上图片标题示例效果如下所示
|主页|悬浮模式|列表|悬浮模式|
|--------------------------------|--------------------------------|--------------------------------|--------------------------------|
|![image](code/BasicFeature/FileManagement/FileManager/screenshots/main.png)|![image](code/BasicFeature/FileManagement/FileManager/screenshots/image_file_list.png)|![image](code/BasicFeature/FileManagement/FileManager/screenshots/image_preview.png)|![image](code/BasicFeature/FileManagement/FileManager/screenshots/document_list.png)|
使用说明
依次介绍sample具有什么功能怎样使用这些功能以及使用后会达到什么效果示例如下
1. 在主界面,可以点击图片、视频、文档、音频等按钮进入对应目录的文件列表浏览界面;
2. 在文件列表浏览界面,点击“+”按钮,可以添加文件;
3. 在文件列表浏览界面,长按列表项会出现删除图片,点击删除图标可以删除文件;
4. 在图片文件列表界面,点击图片可以进入图片预览界面。
### 工程目录
给出项目中关键的目录结构并描述它们的作用,示例如下:
```
entry/src/main/ets/
|---Application
|---filemanager
| |---data
| | |---FileDataSource.ets // 懒加载数据格式
| |---pages
| | |---audio
| | | |---AudioFileList.ets // 音频列表页面
| | |---common
| | | |---FileList.ets // 同类型文件列表展示页面,接收文件类型,展示特定类型的文件列表
| | |---document
| | | |---DocumentFileList.ets // 文档列表页面
| | |---image
| | | |---ImageFileList.ets // 图片列表页面
| | | |---ImagePreview.ets // 图片预览页面
| | |---video
| | | |---VideoFileList.ets // 视频列表页面
| | |---FileManagerHome.ets // 首页主体内容
|---MainAbility
|---pages
| |---index.ets // 首页
Library/src/main/ets/
|---filemanager
| |---components
| | |---ThumbnailImage.ets // 缩略图组件
| |---fileio
| | |---FileIoManager.ts // 文件管理,待开发
| |---medialibrary
| | |---MediaLibraryManager.ts // 主要封装了mediaLibrary库相关的接口实现相关功能对文件的增、删、查和图片预览功能
| |---userfilemanager
| | |---UserFileManager.ts // 封装userFileManager库相关的接口
| |---FileManager.ts // 文件管理接口,统一封装了各模块对外提供的功能接口
|---mock // 本地数据
|---utils // 日志工具
```
### 具体实现
* 增添文件、删除文件、查找指定类型文件文件和预览图片的功能接口封装在MediaLibraryManager源码参考[MediaLibraryManager.ts](Library/src/main/ets/filemanager/medialibrary/MediaLibraryManager.ts)
* 使用userFileManager.getUserFileMgr来获取userFileManager对象;
* 读取每个文件的数据使用userFileManager.getPhotoAssets读取满足条件的文图片视频以及音频集合FetchResult然后调用FetchResult.getFirstObject();
* 创建模拟文件如果是视频或图片文件使用createPhotoAsset()创建如果是音频文件使用createAudioAsset()创建如果是文档文件则使用fileAccess中的createFile()创建;
* 删除指定路径的文件使用userFileManager中的delete();
* 获取预览图使用image.createImageSource()创建指定的文件资源ImageSource然后调用ImageSource.createPixelMap(),接口参考:[@ohos.multimedia.image](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-image-kit/js-apis-image.md) 。
* 在Library模块中通过封装FileManager向外提供功能接口如MediaLibraryManager.getPixelMapByFileAsset(),源码参考:[FileManager.ts](Library/src/main/ets/filemanager/FileManager.ts)
* 如效果预览中的**图片列表**,读取指定类型的文件:在[FileList.ets](entry/src/main/ets/filemanager/pages/common/FileList.ets)
中调用FileManager.getFileAssets()
* 创建模拟文件:在[FileList.ets](entry/src/main/ets/filemanager/pages/common/FileList.ets)
中调用FileManager.createTxtFileAsset()
* 删除指定路径的文件:在[FileList.ets](entry/src/main/ets/filemanager/pages/common/FileList.ets)
中调用FileManager.deleteFileAsset()
* 获取缩略图:在[ThumbnailImage.ets](Library/src/main/ets/filemanager/components/ThumbnailImage.ets) 中调用FileManager.getThumbnail()
* 如效果预览中的**图片预览**,获取预览图:在[ImagePreview.ets](entry/src/main/ets/filemanager/pages/image/ImagePreview.ets) 中调用FileManager.getPixelMapByFileAsset()。
### 相关权限
附上使用到权限和链接,示例如下:
[ohos.permission.WRITE_IMAGEVIDEO](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-system-apps.md#ohospermissionwrite_imagevideo)
[ohos.permission.READ_IMAGEVIDEO](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-system-apps.md#ohospermissionread_imagevideo)
[ohos.permission.READ_AUDIO](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-system-apps.md#ohospermissionread_audio)
[ohos.permission.WRITE_AUDIO](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-system-apps.md#ohospermissionwrite_audio)
[ohos.permission.READ_WRITE_DOWNLOAD_DIRECTORY](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-system-apps.md#ohospermissionread_write_download_directory)
[ohos.permission.GET_BUNDLE_INFO_PRIVILEGED](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-system-apps.md#ohospermissionget_bundle_info_privileged)
[ohos.permission.FILE_ACCESS_MANAGER](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-system-apps.md#ohospermissionfile_access_manager)
[ohos.permission.STORAGE_MANAGER](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/permissions-for-system-apps.md#ohospermissionstorage_manager)
### 依赖
如果涉及依赖其他Sample需要进行说明并且附上链接
### 约束与限制
描述一些设备、SDK版本、IDE版本、接口限制、签名等约束和限制示例如下
1. 本示例仅支持标准系统上运行支持设备RK3568;
2. 本示例为Stage模型仅支持API11版本SDKSDK版本号(API Version 11 Beta),镜像版本号(4.1Beta)
3. 本示例需要使用DevEco Studio 版本号(4.0Release)版本才可编译运行。
4. 本示例涉及系统接口,需要配置系统应用签名,可以参考[特殊权限配置方法](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/hapsigntool-overview.md) 把配置文件中的“app-feature”字段信息改为“hos_system_app”。
### 下载
给出单独下载本工程的命令,在代码中替换工程目录并以/结尾,如下面示例中的 **FileManager/FileManager**,示例如下:
如需单独下载本工程,执行如下命令:
```
git init
git config core.sparsecheckout true
echo FileManager/FileManager/ > .git/info/sparse-checkout
git remote add origin https://gitee.com/openharmony/applications_app_samples.git
git pull origin master
```