玩转Android---UI篇---ZoomControls放大缩小图片

ZoomControls控件是一个可以缩放但控件，效果如下图
以下是它但一些主要但方法
hasFocus ()：判断焦点
hide ()：隐藏
onTouchEvent (MotionEvent event)：现这个方法来处理触摸屏移动事件
setIsZoomInEnabled (boolean isEnabled)：是否允许放大
setIsZoomOutEnabled (boolean isEnabled)：是否允许缩小
setOnZoomInClickListener (View.OnClickListener listener)：注册放大监听器
setOnZoomOutClickListener (View.OnClickListener listener)：注册缩小监听器
setZoomSpeed (long speed)：设置缩放速度
show ()：显示

这里面，如果将setIsZoomInEnabled()方法设置为false，那么这个放大的按钮就变成了灰色，不能用了，其实这个控件就是两个按钮而已，只是有外观，没有功能，如果你要放大图片或者缩小图片，还是要在监听事件中实现
开始看代码
main.xml

1. <?xml version="1.0" encoding="utf-8"?>   
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   
3.     android:orientation="vertical"  
   
4.     android:layout_width="fill_parent"  
   
5.     android:layout_height="fill_parent"  
   
6.     android:id="@+id/layout1"  
   
7.     >   
   
8. <ImageView   
   
9.     android:id="@+id/imgview"  
   
10.     android:layout_width="wrap_content"  
    
11.     android:layout_height="wrap_content"  
    
12.     android:src="@drawable/yuanyuan"  
    
13.     />   
    
14.       
    
15. <ZoomControls   
    
16.     android:id="@+id/zoomcontrol"  
    
17.     android:layout_gravity="bottom"  
    
18.     android:layout_width="wrap_content"  
    
19.     android:layout_height="wrap_content"   
    
20. />   
    
21. </LinearLayout>  
    
22. 
    
23. <?xml version="1.0" encoding="utf-8"?>
    
24. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
25.     android:orientation="vertical"
    
26.     android:layout_width="fill_parent"
    
27.     android:layout_height="fill_parent"
    
28.     android:id="@+id/layout1"
    
29.     >
    
30. <ImageView
    
31.         android:id="@+id/imgview"
    
32.     android:layout_width="wrap_content"
    
33.     android:layout_height="wrap_content"
    
34.     android:src="@drawable/yuanyuan"
    
35.     />
    
36.    
    
37. <ZoomControls
    
38.         android:id="@+id/zoomcontrol"
    
39.         android:layout_gravity="bottom"
    
40.         android:layout_width="wrap_content"
    
41.         android:layout_height="wrap_content"
    
42. />
    
43. </LinearLayout>

复制代码

ZoomExampleActivity.java

1. package com.loulijun.zoomcontroltest;   
   
2.   
   
3. import android.app.Activity;   
   
4. import android.graphics.Bitmap;   
   
5. import android.graphics.BitmapFactory;   
   
6. import android.graphics.Matrix;   
   
7. import android.os.Bundle;   
   
8. import android.util.DisplayMetrics;   
   
9. import android.view.View;   
   
10. import android.view.View.OnClickListener;   
    
11. import android.widget.ImageView;   
    
12. import android.widget.LinearLayout;   
    
13. import android.widget.ZoomControls;   
    
14.   
    
15. public class ZoomExampleActivity extends Activity {   
    
16.     private LinearLayout layout1;   
    
17.     private ZoomControls zoom;   
    
18.     private ImageView img;   
    
19.     private int id=0;   
    
20.     private int displayWidth;   
    
21.     private int displayHeight;   
    
22.     private float scaleWidth = 1;   
    
23.     private float scaleHeight = 1;   
    
24.     private Bitmap bmp;   
    
25.     @Override  
    
26.     public void onCreate(Bundle savedInstanceState) {   
    
27.         super.onCreate(savedInstanceState);   
    
28.         setContentView(R.layout.main);   
    
29.            
    
30.         layout1 = (LinearLayout)findViewById(R.id.layout1);   
    
31.         //取得屏幕分辨率大小   
    
32.         DisplayMetrics dm = new DisplayMetrics();   
    
33.         getWindowManager().getDefaultDisplay().getMetrics(dm);   
    
34.         displayWidth = dm.widthPixels;   
    
35.         //屏幕高度减去zoomControls的高度   
    
36.         displayHeight = dm.heightPixels;   
    
37.         bmp = BitmapFactory.decodeResource(getResources(), R.drawable.yuanyuan);   
    
38.         img = (ImageView)findViewById(R.id.imgview);   
    
39.         //zoom.hide();隐藏zoomControls   
    
40.         //zoom.show();显示zoomCOntrols   
    
41.            
    
42.         zoom = (ZoomControls)findViewById(R.id.zoomcontrol);   
    
43.         img = (ImageView)findViewById(R.id.imgview);   
    
44.         zoom.setIsZoomInEnabled(true);   
    
45.         zoom.setIsZoomOutEnabled(true);   
    
46.         //图片放大   
    
47.         zoom.setOnZoomInClickListener(new OnClickListener()   
    
48.         {   
    
49.             public void onClick(View v)   
    
50.             {   
    
51.                 int bmpWidth = bmp.getWidth();   
    
52.                 int bmpHeight = bmp.getHeight();   
    
53.                 //设置图片放大但比例   
    
54.                 double scale = 1.25;   
    
55.                 //计算这次要放大的比例   
    
56.                 scaleWidth = (float)(scaleWidth*scale);   
    
57.                 scaleHeight = (float)(scaleHeight*scale);   
    
58.                 //产生新的大小但Bitmap对象   
    
59.                 Matrix matrix = new Matrix();   
    
60.                 matrix.postScale(scaleWidth, scaleHeight);   
    
61.                 Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth,bmpHeight,matrix,true);   
    
62.                 img.setImageBitmap(resizeBmp);   
    
63.   
    
64.             }   
    
65.         });   
    
66.         //图片减小   
    
67.         zoom.setOnZoomOutClickListener(new OnClickListener()   
    
68.         {   
    
69.   
    
70.             public void onClick(View v) {   
    
71.                 int bmpWidth = bmp.getWidth();   
    
72.                 int bmpHeight = bmp.getHeight();   
    
73.                 //设置图片放大但比例   
    
74.                 double scale = 0.8;   
    
75.                 //计算这次要放大的比例   
    
76.                 scaleWidth = (float)(scaleWidth*scale);   
    
77.                 scaleHeight = (float)(scaleHeight*scale);   
    
78.                 //产生新的大小但Bitmap对象   
    
79.                 Matrix matrix = new Matrix();   
    
80.                 matrix.postScale(scaleWidth, scaleHeight);   
    
81.                 Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth,bmpHeight,matrix,true);   
    
82.                 img.setImageBitmap(resizeBmp);   
    
83.             }   
    
84.                
    
85.         });   
    
86.     }   
    
87. }  
    
88. 
    
89. package com.loulijun.zoomcontroltest;
    
90. 
    
91. import android.app.Activity;
    
92. import android.graphics.Bitmap;
    
93. import android.graphics.BitmapFactory;
    
94. import android.graphics.Matrix;
    
95. import android.os.Bundle;
    
96. import android.util.DisplayMetrics;
    
97. import android.view.View;
    
98. import android.view.View.OnClickListener;
    
99. import android.widget.ImageView;
    
100. import android.widget.LinearLayout;
     
101. import android.widget.ZoomControls;
     
102. 
     
103. public class ZoomExampleActivity extends Activity {
     
104.         private LinearLayout layout1;
     
105.         private ZoomControls zoom;
     
106.         private ImageView img;
     
107.         private int id=0;
     
108.         private int displayWidth;
     
109.         private int displayHeight;
     
110.         private float scaleWidth = 1;
     
111.         private float scaleHeight = 1;
     
112.         private Bitmap bmp;
     
113.     @Override
     
114.     public void onCreate(Bundle savedInstanceState) {
     
115.         super.onCreate(savedInstanceState);
     
116.         setContentView(R.layout.main);
     
117.         
     
118.         layout1 = (LinearLayout)findViewById(R.id.layout1);
     
119.         //取得屏幕分辨率大小
     
120.         DisplayMetrics dm = new DisplayMetrics();
     
121.         getWindowManager().getDefaultDisplay().getMetrics(dm);
     
122.         displayWidth = dm.widthPixels;
     
123.         //屏幕高度减去zoomControls的高度
     
124.         displayHeight = dm.heightPixels;
     
125.         bmp = BitmapFactory.decodeResource(getResources(), R.drawable.yuanyuan);
     
126.         img = (ImageView)findViewById(R.id.imgview);
     
127.         //zoom.hide();隐藏zoomControls
     
128.         //zoom.show();显示zoomCOntrols
     
129.         
     
130.         zoom = (ZoomControls)findViewById(R.id.zoomcontrol);
     
131.         img = (ImageView)findViewById(R.id.imgview);
     
132.         zoom.setIsZoomInEnabled(true);
     
133.         zoom.setIsZoomOutEnabled(true);
     
134.         //图片放大
     
135.         zoom.setOnZoomInClickListener(new OnClickListener()
     
136.         {
     
137.                 public void onClick(View v)
     
138.                 {
     
139.                         int bmpWidth = bmp.getWidth();
     
140.                                 int bmpHeight = bmp.getHeight();
     
141.                                 //设置图片放大但比例
     
142.                                 double scale = 1.25;
     
143.                                 //计算这次要放大的比例
     
144.                                 scaleWidth = (float)(scaleWidth*scale);
     
145.                                 scaleHeight = (float)(scaleHeight*scale);
     
146.                                 //产生新的大小但Bitmap对象
     
147.                                 Matrix matrix = new Matrix();
     
148.                                 matrix.postScale(scaleWidth, scaleHeight);
     
149.                                 Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth,bmpHeight,matrix,true);
     
150.                                 img.setImageBitmap(resizeBmp);
     
151. 
     
152.                 }
     
153.         });
     
154.         //图片减小
     
155.         zoom.setOnZoomOutClickListener(new OnClickListener()
     
156.         {
     
157. 
     
158.                         public void onClick(View v) {
     
159.                                 int bmpWidth = bmp.getWidth();
     
160.                                 int bmpHeight = bmp.getHeight();
     
161.                                 //设置图片放大但比例
     
162.                                 double scale = 0.8;
     
163.                                 //计算这次要放大的比例
     
164.                                 scaleWidth = (float)(scaleWidth*scale);
     
165.                                 scaleHeight = (float)(scaleHeight*scale);
     
166.                                 //产生新的大小但Bitmap对象
     
167.                                 Matrix matrix = new Matrix();
     
168.                                 matrix.postScale(scaleWidth, scaleHeight);
     
169.                                 Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth,bmpHeight,matrix,true);
     
170.                                 img.setImageBitmap(resizeBmp);
     
171.                         }
     
172.                
     
173.         });
     
174.     }
     
175. }

复制代码

效果如下：

恩，不错，正准备写一个图片查看界面，用上了

借鉴一下你的

相当不错了

原来...发神经是这样的啊...

楼主，支持！