`

玩转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

<?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"
    android:id="@+id/layout1"
    >
<ImageView
	android:id="@+id/imgview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/yuanyuan"
    />
    
<ZoomControls
	android:id="@+id/zoomcontrol"
	android:layout_gravity="bottom"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content" 
/>
</LinearLayout>
 

ZoomExampleActivity.java

package com.loulijun.zoomcontroltest;

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.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ZoomControls;

public class ZoomExampleActivity extends Activity {
	private LinearLayout layout1;
	private ZoomControls zoom;
	private ImageView img;
	private int id=0;
	private int displayWidth;
	private int displayHeight;
	private float scaleWidth = 1;
	private float scaleHeight = 1;
	private Bitmap bmp;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        layout1 = (LinearLayout)findViewById(R.id.layout1);
        //取得屏幕分辨率大小
        DisplayMetrics dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        displayWidth = dm.widthPixels;
        //屏幕高度减去zoomControls的高度
        displayHeight = dm.heightPixels;
        bmp = BitmapFactory.decodeResource(getResources(), R.drawable.yuanyuan);
        img = (ImageView)findViewById(R.id.imgview);
        //zoom.hide();隐藏zoomControls
        //zoom.show();显示zoomCOntrols
        
        zoom = (ZoomControls)findViewById(R.id.zoomcontrol);
        img = (ImageView)findViewById(R.id.imgview);
        zoom.setIsZoomInEnabled(true);
        zoom.setIsZoomOutEnabled(true);
        //图片放大
        zoom.setOnZoomInClickListener(new OnClickListener()
        {
        	public void onClick(View v)
        	{
        		int bmpWidth = bmp.getWidth();
				int bmpHeight = bmp.getHeight();
				//设置图片放大但比例
				double scale = 1.25;
				//计算这次要放大的比例
				scaleWidth = (float)(scaleWidth*scale);
				scaleHeight = (float)(scaleHeight*scale);
				//产生新的大小但Bitmap对象
				Matrix matrix = new Matrix();
				matrix.postScale(scaleWidth, scaleHeight);
				Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth,bmpHeight,matrix,true);
				img.setImageBitmap(resizeBmp);

        	}
        });
        //图片减小
        zoom.setOnZoomOutClickListener(new OnClickListener()
        {

			public void onClick(View v) {
				int bmpWidth = bmp.getWidth();
				int bmpHeight = bmp.getHeight();
				//设置图片放大但比例
				double scale = 0.8;
				//计算这次要放大的比例
				scaleWidth = (float)(scaleWidth*scale);
				scaleHeight = (float)(scaleHeight*scale);
				//产生新的大小但Bitmap对象
				Matrix matrix = new Matrix();
				matrix.postScale(scaleWidth, scaleHeight);
				Bitmap resizeBmp = Bitmap.createBitmap(bmp,0,0,bmpWidth,bmpHeight,matrix,true);
				img.setImageBitmap(resizeBmp);
			}
        	
        });
    }
}

 效果如下:
 

 


  • 大小: 43.5 KB
  • 大小: 78.4 KB
  • 大小: 167.6 KB
分享到:
评论

相关推荐

    ZoomControls放大与缩小

    ZoomControls控件是一个可以缩放的控件,以下是它但一些主要但方法 hasFocus ():判断焦点 hide ():隐藏 onTouchEvent (MotionEvent event):现这个方法来处理触摸屏移动事件 setIsZoomInEnabled (boolean is...

    Android编程实现图片放大缩小功能ZoomControls控件用法实例

    主要介绍了Android编程实现图片放大缩小功能ZoomControls控件用法,结合具体实例形式分析了Android ZoomControls控件实现图片缩放的具体操作方法与相关注意事项,需要的朋友可以参考下

    ZoomControls 缩放

    一般应用开发过程中,会在屏幕的右下角有两个缩放控件(缩小和放大),这个控件就是ZoomControls 如何使用其实现放大缩小功能: 1:首先在布局文件中配置ZoomControls控件 &lt;ZoomControls android:id="@+id/...

    Android开发教程之Android控件--千锋培训

    文档介绍了控件介绍,1、ZoomControls 的 Demo,2、Include的Demo,3、VideoView的Demo,4、WebView的Demo,5、RatingBar的Demo,6、Tab的Demo,7、Spinner的Demo,8、Chronometer的Demo,9、ScrollView的Demo

    移动互联网-缩放控件ZoomControls.ppt

    移动互联网应用

    智能家居系统 缩放控件ZoomControls.doc

    智能家居系统 缩放控件ZoomControls.doc 学习资料 复习资料 教学资源

    Android 将 android view 的位置设为右下角的解决方法

    在做android开发时有这样一个需求,我们需要把地图的zoomcontroller放置于地图的右下角。... ZoomControls android:id=”@+id/zoomcontroller”  android:layout_gravity=”bottom” android:gravity=”right”

    指尖疯Android4.4视频第5集:图像类系列组件

    4. ZoomControls控件。 ImageView/ImageButton控件属于非常简单的控件,我们就从这两个入手开始。剩余的控件和手机等移动设备关系比较紧密,我们随后看看基于移动设备有什么新特性的控件。本集的口号是“我的面子我...

    Android Google Maps网络地图程序源代码

    部分源代码:   MyMap = (MapView) findViewById(R.... mZoom = (ZoomControls) MyMap.getZoomControls(); linearlayout = (LinearLayout) findViewById(R.id.zoomview); linearlayout.addView(mZoom);    

Global site tag (gtag.js) - Google Analytics