现在的位置: 首页 > 综合 > 正文

Android两种不同的方法去实现图像的放大与缩小(很有帮助)

2014年10月12日 ⁄ 综合 ⁄ 共 7225字 ⁄ 字号 评论关闭

其实不算两种不同的方法,只是一个方法用的是硬编码,而另一个用的是MVC设计模式,用的都是同一个类Matrix。

第一种:硬编码方式

MainActivity.java

package com.android.yhb;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.widget.AbsoluteLayout;
import android.widget.Button;
import android.widget.ImageView;

@SuppressWarnings("deprecation")
public class MainActivity extends Activity {
        private ImageView mImageView;
        private Button mButton01;
        private Button mButton02;
        private AbsoluteLayout layout1;
        private Bitmap bmp;
        private int id = 0;
        private int displayWidth;
        private int displayHeight;
        private float scaleWidth = 1;
        private float scaleHeight = 1;

        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.main);

                /* 取得屏幕分辨率的大小 */
                DisplayMetrics dm = new DisplayMetrics();
                getWindowManager().getDefaultDisplay().getMetrics(dm);
                displayWidth = dm.widthPixels;
                /* 加载资源 */
                bmp = BitmapFactory.decodeResource(getResources(), R.drawable.me);
                mImageView = (ImageView) findViewById(R.id.imageView);
                layout1 = (AbsoluteLayout) findViewById(R.id.layout);
                mButton01 = (Button) findViewById(R.id.button_small);
                mButton02 = (Button) findViewById(R.id.button_big);

                /* 计算出来的高度要减去Button的高度 */
                displayHeight = dm.heightPixels-mButton01.getHeight();
                Log.e("Tag", " " + displayHeight);//这块通过Log输出发现并没有获得Button的高度,不知道怎么回事!
                /* 缩小监听 */
                mButton01.setOnClickListener(new Button.OnClickListener() {
                        @Override
                        public void onClick(View v) {
                                small();
                        }
                });

                /* 放大监听 */
                mButton02.setOnClickListener(new Button.OnClickListener() {
                        @Override
                        public void onClick(View v) {
                                big();
                        }
                });
        }

        /* small method */
        private void small() {
                int bmpWidth = bmp.getWidth();
                int bmpHeight = bmp.getHeight();
                /* 设置图片缩小比例 */
                double scale = 0.8;
                /* 计算出缩小后的长宽 */
                scaleWidth = (float) (scaleWidth * scale);
                scaleHeight = (float) (scaleHeight * scale);

                /* 产生Resize后的Bitmap对象 */
                Matrix matrix = new Matrix();
                matrix.postScale(scaleWidth, scaleHeight);
                Bitmap resizeBmp = Bitmap.createBitmap(bmp, 0, 0, bmpWidth, bmpHeight,
                                matrix, true);

                if (id == 0) {
                        /* 如果是第一次单击缩小按钮,就删除原来默认的ImageView */
                        layout1.removeView(mImageView);
                } else {
                        /* 不然就删除上次放大或缩小产生的ImageView */
                        layout1.removeView((ImageView) findViewById(id));
                }
                /* 产生新的ImageView,放入Resize后的Bitmap对象,再放入Layout中 */
                id++;
                ImageView imageView = new ImageView(MainActivity.this);
                imageView.setId(id);
                imageView.setImageBitmap(resizeBmp);
                layout1.addView(imageView);
                setContentView(layout1);

                /* 将mButton02设置成可点击的 */
                mButton02.setEnabled(true);
        }

        /* big method */
        private void big() {
                int bmpWidth = bmp.getWidth();
                int bmpHeight = bmp.getHeight();
                /* 放大变量 */
                double scale = 1.1;
                /* 放大以后的宽高,一定要强制转换为float型的 */
                scaleWidth = (float) (scaleWidth * scale);
                scaleHeight = (float) (scaleHeight * scale);

                /* 产生resize后的Bitmap对象 */
                Matrix matrix = new Matrix();
                matrix.postScale(scaleWidth, scaleHeight);
                Bitmap resizeBmp = Bitmap.createBitmap(bmp, 0, 0, bmpWidth, bmpHeight,
                                matrix, true);

                if (id == 0) {
                        /* 如果是第一次按就删除原来设置的ImageView */
                        layout1.removeView(mImageView);
                } else {
                        /* 如果不是第一次按,就删除上次放大or缩小的ImageView */
                        layout1.removeView((ImageView) findViewById(id));
                }
                /* 产生新的ImageView,放入Resize后的Bitmap对象,再放入Layout中 */
                id++;
                ImageView imageView = new ImageView(MainActivity.this);
                imageView.setId(id);
                imageView.setImageBitmap(resizeBmp);
                layout1.addView(imageView);
                setContentView(layout1);

                /* 如果再放大会超过屏幕大小,就把Button disable */
                if (scaleWidth * scale * bmpWidth > displayWidth
                                || scaleHeight * scale * bmpHeight > displayHeight) {
                        Log.e("Tag", " " + scaleHeight * scale * bmpHeight);
                        mButton02.setEnabled(false);
                }
        }
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
        android:id="@+id/layout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        xmlns:android="http://schemas.android.com/apk/res/android"
        >
<Button
        android:id="@+id/button_big"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/big"
        android:layout_x="61px"
        android:layout_y="380px"
        >
</Button>
<Button
        android:id="@+id/button_small"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/small"
        android:layout_x="175px"
        android:layout_y="380px"
        >
</Button>
<ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/me"
        android:layout_x="0px"
        android:layout_y="0px"
        >
</ImageView>
</AbsoluteLayout>

关于布局这块,那么细致的去确定位置坐标,真是有点麻烦,我是用一款专门的设计软件droiddraw去做的,咋此可以下载: droiddraw-r1b14.rar

实现的效果如图1:

此图为放大到最大时的截图,放大按钮被置为disabled。

注意:由于在代码70-73行有强制类型转换,所以每次放大后的长宽高都有误差,所以不是每次放大都是精准的,同理,缩小也一样。

第二种在XML里设计(MVC)

自定义View.java

package com.android.yhb;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.drawable.BitmapDrawable;
import android.view.View;

public class GameView extends View implements Runnable {
        private int BitmapWidth = 0;
        private int BitmapHeight = 0;

        Bitmap mBitmap = null;

        float Scale = 1.0f;
        Matrix mMatrix = new Matrix();

        public GameView(Context context) {
                super(context);
                // TODO Auto-generated constructor stub
                mBitmap = ((BitmapDrawable) getResources().getDrawable(
                                R.drawable.myicon)).getBitmap();
                BitmapWidth = mBitmap.getWidth();
                BitmapHeight = mBitmap.getHeight();

                new Thread(this).start();
        }

        public void run() {
                while (!Thread.currentThread().isInterrupted()) {
                        try {
                                Thread.sleep(100);
                        } catch (InterruptedException e) {
                                Thread.currentThread().interrupt();
                        }

                        postInvalidate();
                }
        }

        public void onDraw(Canvas canvas) {
                super.onDraw(canvas);
                mMatrix.reset();
                mMatrix.postScale(Scale, Scale);
                Bitmap mBitmap2 = Bitmap.createBitmap(mBitmap, 0, 0, BitmapWidth,
                                BitmapHeight, mMatrix, true);
                GameView.drawImage(canvas, mBitmap2, (320 - BitmapWidth) / 2, 10);
                mBitmap2 = null;
        }

        public static void drawImage(Canvas canvas, Bitmap bitmap, int x, int y) {
                canvas.drawBitmap(bitmap, x, y, null);
        }

}

MainActivity.Java

package com.android.yhb;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.KeyEvent;

public class MainActivity extends Activity {
        GameView myGameView = null;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        /*setContentView(R.layout.main);*/
        myGameView = new GameView(this);
        setContentView(myGameView);
    }

        public boolean onKeyDown(int keycode, KeyEvent event) {
                if (keycode == KeyEvent.KEYCODE_DPAD_DOWN) {
                        if (myGameView.Scale > 0.1) {
                                Log.e("Tag", "=====>KEYCODE_DPAD_UP");
                                myGameView.Scale -= 0.1;
                        }
                } else if (keycode == KeyEvent.KEYCODE_DPAD_UP) {
                        if (myGameView.Scale < 2.5) {
                                myGameView.Scale += 0.1;
                        }
                }
                return true;
        }
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<!--<com.android.yhb.GameView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
--><TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/hello"
    />
</LinearLayout>

这里注意应该把按键监听语句放在MainActivity.java代码里面,不应该放在自定义View里面进行监听,这样会出错。

总结:

  • /* 加载资源 */

    bmp = BitmapFactory.decodeResource(getResources(), R.drawable.me);  或mBitmap = ((BitmapDrawable) getResources().getDrawable(R.drawable.myicon)).getBitmap();
  • 第二个通过键盘去放大缩小,我试着通过添加按钮区控制,但是总是出错。
  • 通过对代码的比较,显然易见,MVC的代码更清楚,但是用硬编码有硬编码的好处,硬代码编程运行时可以加快调用速度,而MVC会增加内存。
  • 在Android中不允许ImageView在产生后,动态修改其长度和宽度,所以为了实现图片放大缩小功能,使用的方式是当用户在单击放大或缩小的按钮时,除了将图片作放大或缩小的动作外,并将原来Layout中ImageView删除,重新产生一个新的ImageView,指定图片给它后,再放入Layout里,用户看来,就好像同一张图片再放大或缩小。即方法一的代码。
  • 代码有很多不足,希望大家自己去修改,也希望高人能在此给予指点。

抱歉!评论已关闭.