ImagePagerActivity简单的仿微信图片浏览

2024-02-29 07:38
文章标签 简单 图片 浏览 仿微信 imagepageractivity

本文主要是介绍ImagePagerActivity简单的仿微信图片浏览，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

自定义一个Activity,封装了ViewPager和LinearLayout，实现简单的图片浏览器，和上个自定义的九宫图控件一样，使用非常简单，只需要传入图片的url数组就可以了。当然图片加载使用的Glide，需要导入一个Glide。

dependencies {compile 'com.github.bumptech.glide:glide:3.7.0'
}

直接把Activity源码贴出，很简单的逻辑。 

public class ImagePagerActivity extends Activity {public static final String INTENT_IMGURLS = "imgurls";public static final String INTENT_POSITION = "position";public static final String INTENT_IMAGESIZE = "imagesize";private List<View> guideViewList = new ArrayList<View>();private LinearLayout guideGroup;public ImageSize imageSize;private int startPos;private ArrayList<String> imgUrls;public static void startImagePagerActivity(Context context, List<String> imgUrls, int position, ImageSizeimageSize) {Intent intent = new Intent(context, ImagePagerActivity.class);intent.putStringArrayListExtra(INTENT_IMGURLS, new ArrayList<String>(imgUrls));intent.putExtra(INTENT_POSITION, position);intent.putExtra(INTENT_IMAGESIZE, imageSize);context.startActivity(intent);}@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_imagepager);ViewPager viewPager = (ViewPager) findViewById(R.id.pager);guideGroup = (LinearLayout) findViewById(R.id.guideGroup);getIntentData();ImageAdapter mAdapter = new ImageAdapter(this);mAdapter.setDatas(imgUrls);mAdapter.setImageSize(imageSize);viewPager.setAdapter(mAdapter);viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}@Overridepublic void onPageSelected(int position) {for (int i = 0; i < guideViewList.size(); i++) {guideViewList.get(i).setSelected(i == position ? true : false);}}@Overridepublic void onPageScrollStateChanged(int state) {}});viewPager.setCurrentItem(startPos);addGuideView(guideGroup, startPos, imgUrls);}private void getIntentData() {startPos = getIntent().getIntExtra(INTENT_POSITION, 0);imgUrls = getIntent().getStringArrayListExtra(INTENT_IMGURLS);imageSize = (ImageSize) getIntent().getSerializableExtra(INTENT_IMAGESIZE);}private void addGuideView(LinearLayout guideGroup, int startPos, ArrayList<String> imgUrls) {if (imgUrls != null && imgUrls.size() > 0) {guideViewList.clear();for (int i = 0; i < imgUrls.size(); i++) {View view = new View(this);view.setBackgroundResource(R.drawable.selector_guide_bg);view.setSelected(i == startPos ? true : false);LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(getResources().getDimensionPixelSize(R.dimen.gudieview_width), getResources().getDimensionPixelSize(R.dimen.gudieview_heigh));layoutParams.setMargins(10, 0, 0, 0);guideGroup.addView(view, layoutParams);guideViewList.add(view);}}}@Overridepublic boolean dispatchTouchEvent(MotionEvent ev) {try {return super.dispatchTouchEvent(ev);} catch (Exception e) {e.printStackTrace();}return false;}private static class ImageAdapter extends PagerAdapter {private List<String> datas = new ArrayList<String>();private LayoutInflater inflater;private Context context;private ImageSize imageSize;private ImageView smallImageView = null;public void setDatas(List<String> datas) {if (datas != null)this.datas = datas;}public void setImageSize(ImageSize imageSize) {this.imageSize = imageSize;}public ImageAdapter(Context context) {this.context = context;this.inflater = LayoutInflater.from(context);}@Overridepublic int getCount() {if (datas == null)return 0;return datas.size();}@Overridepublic Object instantiateItem(ViewGroup container, final int position) {View view = inflater.inflate(R.layout.item_pager_image, container, false);if (view != null) {final ImageView imageView = (ImageView) view.findViewById(R.id.image);if (imageSize != null) {//预览imageViewsmallImageView = new ImageView(context);FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(imageSize.getWidth(),imageSize.getHeight());layoutParams.gravity = Gravity.CENTER;smallImageView.setLayoutParams(layoutParams);smallImageView.setScaleType(ImageView.ScaleType.CENTER_CROP);((FrameLayout) view).addView(smallImageView);}//loadingfinal ProgressBar loading = new ProgressBar(context);FrameLayout.LayoutParams loadingLayoutParams = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);loadingLayoutParams.gravity = Gravity.CENTER;loading.setLayoutParams(loadingLayoutParams);((FrameLayout) view).addView(loading);final String imgurl = datas.get(position);Glide.with(context).load(imgurl).diskCacheStrategy(DiskCacheStrategy.ALL)//缓存多个尺寸.thumbnail(0.1f)//先显示缩略图  缩略图为原图的1/10.error(R.drawable.ic_launcher).into(new GlideDrawableImageViewTarget(imageView) {@Overridepublic void onLoadStarted(Drawable placeholder) {super.onLoadStarted(placeholder);/* if(smallImageView!=null){smallImageView.setVisibility(View.VISIBLE);Glide.with(context).load(imgurl).into(smallImageView);}*/loading.setVisibility(View.VISIBLE);}@Overridepublic void onLoadFailed(Exception e, Drawable errorDrawable) {super.onLoadFailed(e, errorDrawable);/*if(smallImageView!=null){smallImageView.setVisibility(View.GONE);}*/loading.setVisibility(View.GONE);}@Overridepublic void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable>animation) {super.onResourceReady(resource, animation);loading.setVisibility(View.GONE);/*if(smallImageView!=null){smallImageView.setVisibility(View.GONE);}*/}});container.addView(view, 0);}return view;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {container.removeView((View) object);}@Overridepublic boolean isViewFromObject(View view, Object object) {return view.equals(object);}@Overridepublic void restoreState(Parcelable state, ClassLoader loader) {}@Overridepublic Parcelable saveState() {return null;}}@Overrideprotected void onDestroy() {guideViewList.clear();super.onDestroy();}public static class ImageSize implements Serializable {private int width;private int height;public ImageSize(int width, int height) {this.width = width;this.height = height;}public int getHeight() {return height;}public void setHeight(int height) {this.height = height;}public int getWidth() {return width;}public void setWidth(int width) {this.width = width;}}
}
同样也只做使用示例，详细逻辑可以自己理一理，不难。先有数据源， 

 List<String>tableImgs= new ArrayList<>();tableImgs.add("http://p3.so.qhmsg.com/bdr/_240_/t01530591c4a0e6c033.jpg");tableImgs.add("http://p2.so.qhmsg.com/bdr/_240_/t01ab43c649e752002c.jpg");tableImgs.add("http://p2.so.qhmsg.com/bdr/_240_/t01dce1c2b41d8e272c.jpg");tableImgs.add("http://p1.so.qhmsg.com/bdr/_240_/t01974c03c076598946.jpg");tableImgs.add("http://p0.so.qhmsg.com/bdr/_240_/t0123c14f8d0d2be925.jpg");tableImgs.add("http://p1.so.qhmsg.com/bdr/_240_/t01938dc3846fae8de1.jpg");

启动Activity

 ImagePagerActivity.startImagePagerActivity(MyPatientDetailActivity.this, tableImgs, position, newImagePagerActivity.ImageSize(view.getMeasuredWidth(), view.getMeasuredHeight()));
这里的position是你跳转过去显示的数据源第几张图

如果想要设置点击事件可以到ImagePagerActivity中去添加，这里就不单独提出来了。
具体使用参照：https://github.com/SingleShu/ImageActivityWX



这篇关于ImagePagerActivity简单的仿微信图片浏览的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/758022。

相关文章

Python实现AVIF图片与其他图片格式间的批量转换

Python实现AVIF图片与其他图片格式间的批量转换

《Python实现AVIF图片与其他图片格式间的批量转换》这篇文章主要为大家详细介绍了如何使用Pillow库实现AVIF与其他格式的相互转换,即将AVIF转换为常见的格式,比如JPG或PNG,需要的小... 目录环境配置1.将单个 AVIF 图片转换为 JPG 和 PNG2.批量转换目录下所有 AVIF 图
阅读更多...
详解如何通过Python批量转换图片为PDF

详解如何通过Python批量转换图片为PDF

《详解如何通过Python批量转换图片为PDF》：本文主要介绍如何基于Python+Tkinter开发的图片批量转PDF工具,可以支持批量添加图片,拖拽等操作,感兴趣的小伙伴可以参考一下... 目录1. 概述2. 功能亮点2.1 主要功能2.2 界面设计3. 使用指南3.1 运行环境3.2 使用步骤4. 核
阅读更多...
Java图片压缩三种高效压缩方案详细解析

Java图片压缩三种高效压缩方案详细解析

《Java图片压缩三种高效压缩方案详细解析》图片压缩通常涉及减少图片的尺寸缩放、调整图片的质量(针对JPEG、PNG等)、使用特定的算法来减少图片的数据量等,：本文主要介绍Java图片压缩三种高效... 目录一、基于OpenCV的智能尺寸压缩技术亮点：适用场景：二、JPEG质量参数压缩关键技术：压缩效果对比
阅读更多...
使用Python开发一个简单的本地图片服务器

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经
阅读更多...
Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整
阅读更多...
使用C#代码在PDF文档中添加、删除和替换图片

使用C#代码在PDF文档中添加、删除和替换图片

《使用C#代码在PDF文档中添加、删除和替换图片》在当今数字化文档处理场景中,动态操作PDF文档中的图像已成为企业级应用开发的核心需求之一,本文将介绍如何在.NET平台使用C#代码在PDF文档中添加、... 目录引言用C#添加图片到PDF文档用C#删除PDF文档中的图片用C#替换PDF文档中的图片引言在当
阅读更多...
详解C#如何提取PDF文档中的图片

详解C#如何提取PDF文档中的图片

《详解C#如何提取PDF文档中的图片》提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使用,下面我们就来看看如何使用C#通过代码从PDF文档中提取图片吧... 当 PDF 文件中包含有价值的图片，如艺术画作、设计素材、报告图表等，提取图片可以将这些图像资源进行单独保存，方便后续在不同的项目中使
阅读更多...
Java实现文件图片的预览和下载功能

Java实现文件图片的预览和下载功能

《Java实现文件图片的预览和下载功能》这篇文章主要为大家详细介绍了如何使用Java实现文件图片的预览和下载功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... Java实现文件（图片）的预览和下载 @ApiOperation("访问文件") @GetMapping("
阅读更多...
Mysql表的简单操作(基本技能)

Mysql表的简单操作(基本技能)

《Mysql表的简单操作(基本技能)》在数据库中,表的操作主要包括表的创建、查看、修改、删除等,了解如何操作这些表是数据库管理和开发的基本技能,本文给大家介绍Mysql表的简单操作,感兴趣的朋友一起看... 目录3.1 创建表 3.2 查看表结构3.3 修改表3.4 实践案例：修改表在数据库中，表的操作主要
阅读更多...
springboot简单集成Security配置的教程

springboot简单集成Security配置的教程

《springboot简单集成Security配置的教程》：本文主要介绍springboot简单集成Security配置的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录集成Security安全框架引入依赖编写配置类WebSecurityConfig（自定义资源权限规则
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2