美文网首页
Android最简单的图片点击放大查看器

Android最简单的图片点击放大查看器

作者: 心气儿 | 来源:发表于2020-05-25 14:19 被阅读0次

    title: Android最简单的图片点击放大查看器
    categories:

    • Android
      tags:
    • 图片放大器
    • ImageView放大
    • 点击放大查看
      date: 2016-08-09 17:41:53

    废话不说直接正文,很多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的代码如下:

    
    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

    <?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

    该头像的点击事件处理,此处多变可以设置单击或者长按

    
        //头像
            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()会拿不到你要放大的图片,,

    ----------------------------------------------------该文至此结束---------------------------------------------

    
    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

    <?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

    该头像的点击事件处理,此处多变可以设置单击或者长按

    
        //头像
            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()会拿不到你要放大的图片,,

    ----------------------------------------------------该文至此结束---------------------------------------------

    相关文章

      网友评论

          本文标题:Android最简单的图片点击放大查看器

          本文链接:https://www.haomeiwen.com/subject/aojyahtx.html