使用Android实现图片点击放大效果
创始人
2024-11-17 18:41:27
0次

ShowMoreImageActivity

/**
 * 图片放大
 */
public class ShowMoreImageActivity extends BaseActivity {

 @FindId(R.id.vp)
 private ViewPager vp;
 @FindId(R.id.ll_point)
 private LinearLayout ll_point;

 private List imgs;
 @FindId(R.id.btn_save)
 private ImageView btn_save;

 private int index;

 public static int type;
 private Activity activity;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_show_more_image);
  initViews();
 activity = this;
 }

 private void initViews() {
  AutoFindId.findId(context);

  imgs = (ArrayList) getIntent().getSerializableExtra("img");
  index = getIntent().getIntExtra("index", 0);

  type = getIntent().getIntExtra("type", 0);
  vp.setAdapter(new MoreImgPagerAdapter(context, imgs));


  vp.addOnPageChangeListener(new OnPageChangeListener() {
   @Override
   public void onPageSelected(int arg0) {
    index = arg0;
    setUpPoint(imgs.size(), arg0);
   }

   @Override
   public void onPageScrolled(int arg0, float arg1, int arg2) {
   }

   @Override
   public void onPageScrollStateChanged(int arg0) {
   }
  });
  setUpPoint(imgs.size(), 0);

  vp.setCurrentItem(index);
 }

 protected void downLoad(final String urls) {
  String[] split = urls.split("\\?");
  final String url = split[0];
  if (url.startsWith("file")) {
   G.toast(context, "此为本地图片,不用下载,路径为" + url.replace("file://", ""));
   return;
  }

  if (OKHttpUtils.isNetworkAvailable(context)) {
   G.showPd(context);
   TDUtils.execute(new Runnable() {
    @Override
    public void run() {
     try {
      File file = new File(C.getDownloadPath());
      if (!file.exists()) {
       file.mkdir();
      }
      File jpg = new File(C.getDownloadPath() + G.urlToFileName(url));
      // 如果已经存在则不需要下载
      if (jpg != null && jpg.exists()) {
       G.dismissProgressDialogInThread();

       G.toastInThread(context,
         "该文件已被下载到" + jpg.getParent() + context.getResources().getString(R.string.xia));
       return;
      }
      // 先从缓存中查找
      File tmpFile = NetAide.getBitmapUtils().getBitmapFileFromDiskCache(url);
      if (tmpFile != null && tmpFile.exists()) {
       G.look("---从缓存中查找到图片----");
       Bitmap bm = BitmapFactory.decodeFile(tmpFile.getAbsolutePath());

       FileOutputStream fos = new FileOutputStream(jpg);
       bm.compress(CompressFormat.JPEG, 100, fos);
       fos.close();
       G.dismissProgressDialogInThread();

       // 通知图库更新
       C.noticeImageRefresh(context, jpg);

       G.toastInThread(context, context.getResources().getString(R.string.downLoadUrl)
         + jpg.getParent() + context.getResources().getString(R.string.xia));
       return;
      }

      // 从网络上下载保存
      Bitmap bm = BitmapFactory.decodeStream(new URL(url).openStream());

      FileOutputStream fos = new FileOutputStream(jpg);
      bm.compress(CompressFormat.JPEG, 100, fos);
      fos.close();
      G.dismissProgressDialogInThread();

      // 通知图库更新
      C.noticeImageRefresh(context, jpg);
      G.toastInThread(context, "你现在可以在图库中查看该图片了");

     } catch (Exception e) {
      e.printStackTrace();
      G.dismissProgressDialogInThread();

      G.toastInThread(context, context.getResources().getString(R.string.downLoadFail));

      File jpg = new File(C.getDownloadPath() + G.urlToFileName(url));
      if (jpg != null && jpg.exists()) {
       jpg.delete();
      }
     }
    }
   });
  }

 }

 private void setUpPoint(int size, int choose) {
  ll_point.removeAllViews();
  if (size <= 1) {
   return;
  }

  for (int i = 0; i < size; i++) {
   ImageView point = new ImageView(context);
   point.setLayoutParams(new LinearLayout.LayoutParams(DensityUtil.dip2px(context, 15), -2));
   point.setScaleType(ScaleType.FIT_CENTER);
   if (i == choose) {
    point.setImageResource(R.drawable.white_choosed);
   } else {
    point.setImageResource(R.drawable.white_no_choosed);
   }
   ll_point.addView(point);
  }
 }

 public void doClcik(View view) {
  switch (view.getId()){
 case R.id.btn_save:
    PermissionUtils permissionUtils = new PermissionUtils();
    permissionUtils.setPermission(this, "存储", "保存图片", new PermissionUtils.AfterPermission() {
     @Override
     public void doNext() {
      downLoad(imgs.get(index));
     }
    },Manifest.permission.WRITE_EXTERNAL_STORAGE);
 break;
 }
 }
}

对应布局:

<?xml version="1.0" encoding="utf-8"?>


 

 

  

   

  

  

  
 

 

MoreImgPagerAdapter

public class MoreImgPagerAdapter extends PagerAdapter {

 private Context context;
 private List images;

 private SparseArray> ivs;

 public MoreImgPagerAdapter(Context context, List images) {
 this.context = context;
 this.images = images;
 ivs = new SparseArray>();
 }

 @Override
 public int getCount() {
 return images.size();
 }

 @Override
 public void destroyItem(ViewGroup arg0, int arg1, Object arg2) {
 SoftReference reference = ivs.get(arg1);
 if (reference != null && reference.get() != null) {
 arg0.removeView(reference.get());
 }
 }

 @Override
 public Object instantiateItem(ViewGroup arg0, final int arg1) {
 SoftReference reference = ivs.get(arg1);
 if (reference == null || reference.get() == null) {
 View v = LayoutInflater.from(context).inflate(R.layout.item_show_more_image, null);
 reference = new SoftReference(v);
 ivs.put(arg1, reference);
 }

 View v = reference.get();

 final ViewHolder holder = new ViewHolder(v);
 Glide.with(context).asBitmap().load(images.get(arg1)).into(holder.image);
 arg0.addView(v);

 return v;

 }



 @Override
 public boolean isViewFromObject(View arg0, Object arg1) {
 return arg0.equals(arg1);
 }

 class ViewHolder {
 @FindId(R.id.image)
 private ImageView image;

 @FindId(R.id.rl_percent)
 private RelativeLayout rl_percent;
 @FindId(R.id.tv_percent)
 private TextView tv_percent;
 @FindId(R.id.iv_top)
 private ImageView iv_top;
 
 public ViewHolder(View v) {
 AutoFindId.findIdByView(this, v);
 }
 }
}

对应布局:

<?xml version="1.0" encoding="utf-8"?>


 

  

  
 

 

  

  
 

上面都是次要的,因为我发现了一个更为简便的轮子。

github地址

在我的项目中,我只需要两步就完成了此功能。

第一步:

// 查看大图
implementation 'com.github.SherlockGougou:BigImageViewPager:v4_6.1.1'

第二步:

在点击图片事件那里调用:

ImagePreview
  .getInstance()
  // 上下文,必须是activity,不需要担心内存泄漏,本框架已经处理好;
  .setContext(context)
  // 设置从第几张开始看(索引从0开始)
  .setIndex(position)
  // 有三种设置数据集合的方式,根据自己的需求进行三选一:
  // 1:第一步生成的imageInfo List
  //.setImageInfoList(imageInfoList)
  // 2:直接传url List
  .setImageList(imageList)
  // 3:只有一张图片的情况,可以直接传入这张图片的url
  //.setImage(String image)
  // 开启预览
 .start();

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...