viewpage显示服务器图片,照片查看器——ViewPager实现的图片展示控件

1.使用场景

需要使用到照片查看功能的时候

2.效果

fd50b7d98a7d?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

缩放动画.gif

fd50b7d98a7d?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

完整过程和平移动画.gif

3.思路

fd50b7d98a7d?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

PhotoPagerView的思路.png

实现思路其实很简单,利用已知的ViewPager和PhotoView 组合成新的控件,迎合日常的开发需求。

GitHub地址:https://github.com/mCyp/PhotoPagerView

4.代码

关于代码这一块的话并不打算介绍了,因为这是一个初级库,代码简单,整合出来只是为了项目的需要,想要代码的话可以直接查看源码。

5.使用

传入的参数说明:先传入bitmaps再配置当前的需要使用的属性。

List bitmaps = ...;

PhotoPageView pageView = new PhotoPageView.Builder(MainActivity.this)

.addBitmaps(bitmaps) // 传入Bitmaps

.showDelete(true) // 是否可以删除

.setDeleteListener(new PhotoPageView.DeleteListener() {

@Override

public void ondelete(int position) {

// 删除指定位置之后的回调

Toast.makeText(MainActivity.this,"删除的位置是:"+position,Toast.LENGTH_SHORT).show();

}

})

.showAnimation(true) // 是否显示动画

.setAnimationType(PhotoPageView.ANIMATION_TRANSLATION) // 动画的类型

.setStartPosition(0) // 设置起始的位置

.create();

pageView.show();

动画类型:

ANIMATION_SCALE_ALPHA 缩放透明度动画

ANIMATION_TRANSLATION 平移动画

6.注意

因为使用到了Bitmap,所以得注意一下OOM的问题,库里面的FileUtils工具类提供了解决办法,详见代码:位置,你也可以使用该方法通过提供一个地址,解析出你需要的List,

代码:

/**

get bitmaps

*/

public static List getAlbumByPath(String path, String Extension, Activity activity) {

List bitmaps = new LinkedList<>(); //结果 List

File[] files = new File(path).listFiles();

if (files == null)

return null;

InputStream inputStream = null;

try {

for (File f : files) {

if (f.isFile()) {

if (f.getPath().substring(f.getPath().length() - Extension.length()).equals(Extension)) {

BitmapFactory.Options options = new BitmapFactory.Options();

options.inJustDecodeBounds = true;

options.inPreferredConfig = Bitmap.Config.RGB_565;

inputStream = new FileInputStream(f);

BitmapFactory.decodeStream(inputStream, null, options);

options.inSampleSize = calculateInSampleSize(options,activity.getWindow().getDecorView().getWidth(),activity.getWindow().getDecorView().getHeight());

options.inJustDecodeBounds = false;

inputStream = new FileInputStream(f);

Bitmap bitmap = BitmapFactory.decodeStream(inputStream, null, options);

if (bitmap != null) {

bitmaps.add(bitmap);

}

}

}

}

} catch (FileNotFoundException e) {

e.printStackTrace();

} finally {

if (inputStream != null) {

try {

inputStream.close();

} catch (IOException e) {

e.printStackTrace();

}

}

}

return bitmaps;

}

/*

to prevent oom

*/

public static int calculateInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {

final int height = options.outHeight;

final int width = options.outWidth;

int inSampleSize = 1;

if (height > reqHeight || width > reqWidth) {

final int halfHeight = height / 2;

final int halfWidth = width / 2;

while ((halfHeight / inSampleSize) >= reqHeight

&& (halfWidth / inSampleSize) >= reqWidth) {

inSampleSize *= 2;

}

}

return inSampleSize;

}

总结

大概内容就是这样了,有问题可以提出。地址:PhotoPagerView

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值