鸿蒙开源组件——sketch全面图片加载器

jacksky

发布于 2021-8-10 15:02

浏览

1收藏

sketch

项目介绍

项目名称：Sketch
所属系列：openharmony的第三方组件适配移植
功能：一款强大且全面的图片加载器，除了图片加载的必备功能外，还支持 GIF，手势缩放、分块显示超大图片、自动纠正图片方向、显示视频缩略图等功能
项目移植状态：主功能完成
调用差异：无
开发版本：sdk6，DevEco Studio2.2 beta1
基线版本：Release 2.7.1

安装教程

1.在项目根目录下的build.gradle文件中，

allprojects {
   repositories {
       maven {
           url 'https://s01.oss.sonatype.org/content/repositories/snapshots/'
       }
   }
}1.
2.
3.
4.
5.
6.
7.

2.在app模块的build.gradle文件中，

dependencies {
   implementation('com.gitee.chinasoft_ohos:sketch:0.0.1-SNAPSHOT')
   implementation('com.gitee.chinasoft_ohos:sketch-gif:0.0.1-SNAPSHOT')
   ......  
}1.
2.
3.
4.
5.

在sdk6，DevEco Studio2.2 beta1下项目可直接运行如无法运行，删除项目.gradle,.idea,build,gradle,build.gradle文件，并依据自己的版本创建新项目，将新项目的对应文件复制到根目录下

使用说明

使用 SketchImageView 显示图片

SketchImageView sketchImageView = (SketchImageView) findViewById(R.id.image_main);
sketchImageView.displayImage("http://t.cn/RShdS1f");1.
2.

支持的特性

多种 URI 支持. 支持 http://、https://、resources/rawfile/、dataability:、 drawable://、data:image/ 等 URI，通过 [UriModel] 还可以扩展支持的 URI
支持 gif 图片. 可以方便的显示 gif 图片
支持三级缓存. 通过 LruMemoryCache、LruDiskCache 复用图片，加快显示时间；通过 LruBitmapPool 复用 Bitmap，减少因 GC 而造成的卡顿
支持纠正图片方向. 可纠正方向不正的图片，并且分块显示超大图功能也支持，仅限 JPEG 格式的图片
支持 Base64 图片. 支持解析 Base64 格式的图片
支持各种列表. 在各种列表ListContainer中循环使用不错位，并且不占用 setTag() 方法
自动防止加载过大 Bitmap 可通过 maxSize 来控制加载到内存的图片的尺寸，默认为 ImageView的 layout_width 和 layout_height 或屏幕的宽高
只加载或只下载. 除了 display() 方法可以显示图片之外，你还可以通过 load() 方法只加载图片到内存中或通过 download() 方法只下载图片到本地
移动数据下暂停下载. 内置了移动数据下暂停下载图片的功能，你只需开启即可
自动选择合适的 PixelFormat. 根据图片的 MimeType 自动选择合适的 PixelFormat，减少内存浪费，例如对于 JPEG 格式的图片就会使用 PixelFormat.ARGB_8888 解码
强大且灵活的自定义. 可自定义 URI 支持、HTTP、下载、缓存、解码、处理、显示、占位图等各个环节

支持的 URI

Type	Scheme
File in network	http://, https://
RawFile Resource	resources/rawfile/
Drawable Resource	drawable://
Photo Resource	dataability:
Base64	data:image/, data:/img/

详情请参考 [URI 类型及使用指南][uri]

支持的图片类型

jpeg
png
gif
bmp
webp

更多类型 URI 的使用请参考 [URI 类型及使用指南][uri]

更多 SketchImageView 使用方法请参考 [SketchImageView 使用指南][sketch_image_view]

文档

基础功能：

[URI 类型及使用指南][uri]
[SketchImageView 使用指南][sketch_image_view]
[使用 Options 配置图片][options]
[使用 ShapeSize 在绘制时改变图片的尺寸][shape_size]
[使用 ImageShaper 在绘制时改变图片的形状][image_shaper]
[使用 ImageProcessor 在解码后改变图片][image_processor]
[使用 ImageDisplayer 以动画的方式显示图片][image_displayer]
[使用 MaxSize 读取合适尺寸的缩略图，节省内存][max_size]
[使用 Resize 精确修改图片的尺寸][resize]
[使用 StateImage 设置占位图片和状态图片][state_image]
[监听开始、成功、失败以及下载进度][listener]

提升用户体验：

[使用 thumbnailMode 属性显示更清晰的缩略图][thumbnail_mode]
[使用 cacheProcessedImageInDisk 属性缓存需要复杂处理的图片，提升显示速度][cache_processed_image_in_disk]
[使用 MemoryCacheStateImage 先显示已缓存的较模糊的图片，然后再显示清晰的图片][memory_cache_state_image]
[移动数据或有流量限制的 WIFI 下暂停下载图片，节省流量][pause_download]
[列表滑动时暂停加载图片，提升列表滑动流畅度][pause_load]

[UriModel 详解及扩展 URI][uri_model]
[统一修改 Options][options_filter]
[显示视频缩略图][display_video_thumbnail]
[管理多个 Options][options_manage]
[只加载或下载图片][load_and_download]
[自动纠正图片方向][correct_image_orientation]
[复用 Bitmap 降低 GC 频率，减少卡顿][bitmap_pool]
[在内存中缓存 Bitmap 提升显示速度][memory_cache]
[在磁盘上缓存图片原文件，避免重复下载][disk_cache]
[发送 HTTP 请求][http_stack]
[取消请求][cancel_request]
[延迟并统一配置 Sketch][initializer]
[配置混淆（Proguard）][proguard_config]

测试信息

CodeCheck代码测试无异常
CloudTest代码测试无异常
病毒安全检测通过
当前版本demo功能与原组件基本无差异

版本迭代

0.0.1-SNAPSHOT

版权和许可信息

  Copyright (C) 2019 Peng fei Pan <panpfpanpf@outlook.me>

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.