废话不说直接正文,很多APP开发中的图片查看器,很臃肿,不适合简单,轻量,快速的开发
该方法,为图片点击放大查看做了一些操作。
需要东西
(1)需要放大的图片,即Imageview控件
(2)用来显示放大后的图片的dialog,自定义弹出框MyImageDialog
(3)即自定义弹出框的布局imagedialogview.xml。既可以完成方便移植,介入的图片查看器
MyImageDialog.java的代码如下: —
title: Android最简单的图片点击放大查看器
categories:
- Android
tags:
- 图片放大器
- ImageView放大
- 点击放大查看
date: 2016-08-09 17:41:53
废话不说直接正文,很多APP开发中的图片查看器,很臃肿,不适合简单,轻量,快速的开发
该方法,为图片点击放大查看做了一些操作。
需要东西
(1)需要放大的图片,即Imageview控件
(2)用来显示放大后的图片的dialog,自定义弹出框MyImageDialog
(3)即自定义弹出框的布局imagedialogview.xml。既可以完成方便移植,介入的图片查看器
MyImageDialog.java的代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
| public class MyImageDialog extends Dialog{
private Window window = null; private ImageView iv; private Bitmap bms; public MyImageDialog(Context context, boolean cancelable, DialogInterface.OnCancelListener cancelListener) { super(context, cancelable, cancelListener); } public MyImageDialog(Context context, int cancelable,int x,int y,Bitmap bm) { super(context, cancelable); windowDeploy(x, y); bms = bm;
} public MyImageDialog(Context context) { super(context); }
protected void onCreate(Bundle savedInstanceState) { //初始化布局 View loadingview= LayoutInflater.from(getContext()).inflate(R.layout.imagedialogview,null); iv=(ImageView) loadingview.findViewById(R.id.imageview_head_big); iv.setImageBitmap(bms); //设置dialog的布局 setContentView(loadingview); //如果需要放大或者缩小时的动画,可以直接在此出对loadingview或iv操作,在下面SHOW或者dismiss中操作 super.onCreate(savedInstanceState); }
//设置窗口显示 public void windowDeploy(int x, int y){ window = getWindow(); //得到对话框 window.setWindowAnimations(R.style.dialogWindowAnim); //设置窗口弹出动画 window.setBackgroundDrawableResource(R.color.vifrification); //设置对话框背景为透明 WindowManager.LayoutParams wl = window.getAttributes(); //根据x,y坐标设置窗口需要显示的位置 wl.x = x; //x小于0左移,大于0右移 wl.y = y; //y小于0上移,大于0下移 // wl.alpha = 0.6f; //设置透明度 // wl.gravity = Gravity.BOTTOM; //设置重力 window.setAttributes(wl); }
public void show() { //设置触摸对话框意外的地方取消对话框 setCanceledOnTouchOutside(true); super.show(); } public void dismiss() { super.dismiss(); } }
|
下面是改自定义空间的布局文件imagedialogview。xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/imageview_head_big" android:layout_width="200dp" android:layout_height="200dp" android:src="@drawable/activity_personal_head_logo" android:layout_gravity="center" android:scaleType="fitXY" />
</LinearLayout>
|
然后是最为关键的两三行代码,即引用该自定义dialog
该头像的点击事件处理,此处多变可以设置单击或者长按
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| //头像 if (view == imageAvator){
// startActivity(new Intent(this.getActivity(), ActivityUserImageShower.class));
imageAvator.setDrawingCacheEnabled(true); MyImageDialog myImageDialog = new MyImageDialog(getActivity(),R.style.dialogWindowAnim,0,-300,imageAvator.getDrawingCache()); myImageDialog.show();
/** 常用方法 */ //animation.setRepeatCount(int repeatCount);//设置重复次数 //animation.setFillAfter(boolean);//动画执行完后是否停留在执行完的状态 //animation.setStartOffset(long startOffset);//执行前的等待时间 // imageAvator.setAnimation(animation); // animation.startNow(); // // Log.e("Tag", "---end--"); // }
|
即也可以在任何出调用,且上述方法中的
imageAvator.setDrawingCacheEnabled(true);不可以忘记写,
不然imageAvator.getDrawingCache()会拿不到你要放大的图片,,
—————————————————-该文至此结束———————————————
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
| public class MyImageDialog extends Dialog{
private Window window = null; private ImageView iv; private Bitmap bms; public MyImageDialog(Context context, boolean cancelable, DialogInterface.OnCancelListener cancelListener) { super(context, cancelable, cancelListener); } public MyImageDialog(Context context, int cancelable,int x,int y,Bitmap bm) { super(context, cancelable); windowDeploy(x, y); bms = bm;
} public MyImageDialog(Context context) { super(context); }
protected void onCreate(Bundle savedInstanceState) { //初始化布局 View loadingview= LayoutInflater.from(getContext()).inflate(R.layout.imagedialogview,null); iv=(ImageView) loadingview.findViewById(R.id.imageview_head_big); iv.setImageBitmap(bms); //设置dialog的布局 setContentView(loadingview); //如果需要放大或者缩小时的动画,可以直接在此出对loadingview或iv操作,在下面SHOW或者dismiss中操作 super.onCreate(savedInstanceState); }
//设置窗口显示 public void windowDeploy(int x, int y){ window = getWindow(); //得到对话框 window.setWindowAnimations(R.style.dialogWindowAnim); //设置窗口弹出动画 window.setBackgroundDrawableResource(R.color.vifrification); //设置对话框背景为透明 WindowManager.LayoutParams wl = window.getAttributes(); //根据x,y坐标设置窗口需要显示的位置 wl.x = x; //x小于0左移,大于0右移 wl.y = y; //y小于0上移,大于0下移 // wl.alpha = 0.6f; //设置透明度 // wl.gravity = Gravity.BOTTOM; //设置重力 window.setAttributes(wl); }
public void show() { //设置触摸对话框意外的地方取消对话框 setCanceledOnTouchOutside(true); super.show(); } public void dismiss() { super.dismiss(); } }
|
下面是改自定义空间的布局文件imagedialogview。xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/imageview_head_big" android:layout_width="200dp" android:layout_height="200dp" android:src="@drawable/activity_personal_head_logo" android:layout_gravity="center" android:scaleType="fitXY" />
</LinearLayout>
|
然后是最为关键的两三行代码,即引用该自定义dialog
该头像的点击事件处理,此处多变可以设置单击或者长按
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| //头像 if (view == imageAvator){
// startActivity(new Intent(this.getActivity(), ActivityUserImageShower.class));
imageAvator.setDrawingCacheEnabled(true); MyImageDialog myImageDialog = new MyImageDialog(getActivity(),R.style.dialogWindowAnim,0,-300,imageAvator.getDrawingCache()); myImageDialog.show();
/** 常用方法 */ //animation.setRepeatCount(int repeatCount);//设置重复次数 //animation.setFillAfter(boolean);//动画执行完后是否停留在执行完的状态 //animation.setStartOffset(long startOffset);//执行前的等待时间 // imageAvator.setAnimation(animation); // animation.startNow(); // // Log.e("Tag", "---end--"); // }
|
即也可以在任何出调用,且上述方法中的
imageAvator.setDrawingCacheEnabled(true);不可以忘记写,
不然imageAvator.getDrawingCache()会拿不到你要放大的图片,,
—————————————————-该文至此结束———————————————