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编写一个简单的聊天机器人

利用Python编写一个简单的聊天机器人

《利用Python编写一个简单的聊天机器人》这篇文章主要为大家详细介绍了如何利用Python编写一个简单的聊天机器人,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 使用 python 编写一个简单的聊天机器人可以从最基础的逻辑开始，然后逐步加入更复杂的功能。这里我们将先实现一个简单的
阅读更多...
C#中图片如何自适应pictureBox大小

C#中图片如何自适应pictureBox大小

《C#中图片如何自适应pictureBox大小》文章描述了如何在C#中实现图片自适应pictureBox大小,并展示修改前后的效果,修改步骤包括两步,作者分享了个人经验,希望对大家有所帮助... 目录C#图片自适应pictureBox大小编程修改步骤总结C#图片自适应pictureBox大小上图中“z轴
阅读更多...
使用Python将长图片分割为若干张小图片

使用Python将长图片分割为若干张小图片

《使用Python将长图片分割为若干张小图片》这篇文章主要为大家详细介绍了如何使用Python将长图片分割为若干张小图片,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. python需求的任务2. Python代码的实现3. 代码修改的位置4. 运行结果1. Python需求
阅读更多...
使用IntelliJ IDEA创建简单的Java Web项目完整步骤

使用IntelliJ IDEA创建简单的Java Web项目完整步骤

《使用IntelliJIDEA创建简单的JavaWeb项目完整步骤》：本文主要介绍如何使用IntelliJIDEA创建一个简单的JavaWeb项目,实现登录、注册和查看用户列表功能,使用Se... 目录前置准备项目功能实现步骤1. 创建项目2. 配置 Tomcat3. 项目文件结构4. 创建数据库和表5.
阅读更多...
使用PyQt5编写一个简单的取色器

使用PyQt5编写一个简单的取色器

《使用PyQt5编写一个简单的取色器》：本文主要介绍PyQt5搭建的一个取色器,一共写了两款应用,一款使用快捷键捕获鼠标附近图像的RGB和16进制颜色编码,一款跟随鼠标刷新图像的RGB和16... 目录取色器1取色器2PyQt5搭建的一个取色器，一共写了两款应用，一款使用快捷键捕获鼠标附近图像的RGB和16
阅读更多...
四种简单方法 轻松进入电脑主板 BIOS 或 UEFI 固件设置

四种简单方法 轻松进入电脑主板 BIOS 或 UEFI 固件设置

《四种简单方法轻松进入电脑主板BIOS或UEFI固件设置》设置BIOS/UEFI是计算机维护和管理中的一项重要任务，它允许用户配置计算机的启动选项、硬件设置和其他关键参数，该怎么进入呢？下面... 随着计算机技术的发展，大多数主流 PC 和笔记本已经从传统 BIOS 转向了 UEFI 固件。很多时候，我们也
阅读更多...
基于Qt开发一个简单的OFD阅读器

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要
阅读更多...
使用 Python 和 LabelMe 实现图片验证码的自动标注功能

使用 Python 和 LabelMe 实现图片验证码的自动标注功能

《使用Python和LabelMe实现图片验证码的自动标注功能》文章介绍了如何使用Python和LabelMe自动标注图片验证码,主要步骤包括图像预处理、OCR识别和生成标注文件,通过结合Pa... 目录使用 python 和 LabelMe 实现图片验证码的自动标注环境准备必备工具安装依赖实现自动标注核心
阅读更多...
MyBatis框架实现一个简单的数据查询操作

MyBatis框架实现一个简单的数据查询操作

《MyBatis框架实现一个简单的数据查询操作》本文介绍了MyBatis框架下进行数据查询操作的详细步骤,括创建实体类、编写SQL标签、配置Mapper、开启驼峰命名映射以及执行SQL语句等,感兴趣的... 基于在前面几章我们已经学习了对MyBATis进行环境配置，并利用SqlSessionFactory核
阅读更多...
Java操作xls替换文本或图片的功能实现

Java操作xls替换文本或图片的功能实现

《Java操作xls替换文本或图片的功能实现》这篇文章主要给大家介绍了关于Java操作xls替换文本或图片功能实现的相关资料,文中通过示例代码讲解了文件上传、文件处理和Excel文件生成,需要的朋友可... 目录准备xls模板文件：template.xls准备需要替换的图片和数据功能实现包声明与导入类声明与
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2