您的位置：首页 > 编程技术 > android  >  Android开发之ImageView通过matrix实现手势缩放

Android开发之ImageView通过matrix实现手势缩放

 更新时间：2016年9月20日 19:59  点击：1386
本文章来给各位同学介绍一下Android开发之ImageView通过matrix实现手势缩放操作方法，我们知道安卓中ImageView本身有scaleType属性，通过设置android:scaleType=matrix 可以用很少的代码就实现缩放功能了，下面我们来看看。

关于ImageView的手势缩放，有很多种方法，绝大多数开源自定义缩放都是修改了ondraw函数来实现的。但是ImageView本身有scaleType属性，通过设置android:scaleType="matrix" 可以用很少的代码就实现缩放功能。缩放的优点是实现起来简单，同时因为没有反复调用ondraw函数，缩放过程中不会有闪烁现象。

MATRIX矩阵可以动态缩小放大图片来显示，缩小图片：

 代码如下 复制代码

//获得Bitmap的高和宽
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);

下面将一个自定义的实现了手势缩放的ImageView代码拷贝如下：

 代码如下 复制代码

package com.jcodecraeer.stargallerry;
import android.content.Context;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.util.AttributeSet;
import android.util.FloatMath;
import android.view.MotionEvent;
import android.widget.ImageView;
public class ImageTouchView extends ImageView {
                                                                                                                                                                                                                                                                                                                                                                                                                            
    private PointF startPoint = new PointF();
    private Matrix matrix = new Matrix();
    private Matrix currentMaritx = new Matrix();
                                                                                                                                                                                                                                                                                                                                                                                                                            
    private int mode = 0;//用于标记模式
    private static final int DRAG = 1;//拖动
    private static final int ZOOM = 2;//放大
    private float startDis = 0;
    private PointF midPoint;//中心点
                                                                                                                                                                                                                                                                                                                                                                                                                            
    /**
     * 默认构造函数
     * @param context
     */
    public ImageTouchView(Context context){
        super(context);
    }
    /**
     * 该构造方法在静态引入XML文件中是必须的
     * @param context
     * @param paramAttributeSet
     */
    public ImageTouchView(Context context,AttributeSet paramAttributeSet){
        super(context,paramAttributeSet);
    }
                                                                                                                                                                                                                                                                                                                                                                                                                            
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction() & MotionEvent.ACTION_MASK) {
        case MotionEvent.ACTION_DOWN:
            mode = DRAG;
            currentMaritx.set(this.getImageMatrix());//记录ImageView当期的移动位置
            startPoint.set(event.getX(),event.getY());//开始点
            break;
        case MotionEvent.ACTION_MOVE://移动事件
                                                                                                                                                                                                                                                                                                                                                                                                                             
            if (mode == DRAG) {//图片拖动事件
                float dx = event.getX() - startPoint.x;//x轴移动距离
                float dy = event.getY() - startPoint.y;
                matrix.set(currentMaritx);//在当前的位置基础上移动
                matrix.postTranslate(dx, dy);
                                                                                                                                                                                                                                                                                                                                                                                                                                        
            } else if(mode == ZOOM){//图片放大事件
                float endDis = distance(event);//结束距离
                if(endDis > 10f){
                    float scale = endDis / startDis;//放大倍数
                    //Log.v("scale=", String.valueOf(scale));
                    matrix.set(currentMaritx);
                    matrix.postScale(scale, scale, midPoint.x, midPoint.y);
                }
                                                                                                                                                                                                                                                                                                                                                                                                                                        
                                                                                                                                                                                                                                                                                                                                                                                                                                        
            }
            break;
                                                                                                                                                                                                                                                                                                                                                                                                                                    
        case MotionEvent.ACTION_UP:
            mode = 0;
            break;
        //有手指离开屏幕，但屏幕还有触点(手指)
        case MotionEvent.ACTION_POINTER_UP:
            mode = 0;
            break;
        //当屏幕上已经有触点（手指）,再有一个手指压下屏幕
        case MotionEvent.ACTION_POINTER_DOWN:
            mode = ZOOM;
            startDis = distance(event);
                                                                                                                                                                                                                                                                                                                                                                                                                                    
            if(startDis > 10f){//避免手指上有两个茧
                midPoint = mid(event);
                currentMaritx.set(this.getImageMatrix());//记录当前的缩放倍数
            }
                                                                                                                                                                                                                                                                                                                                                                                                                                    
            break;
        }
        this.setImageMatrix(matrix);
        return true;
    }
                                                                                                                                                                                                                                                                                                                                                                                                                            
    /**
     * 两点之间的距离
     * @param event
     * @return
     */
    private static float distance(MotionEvent event){
        //两根线的距离
        float dx = event.getX(1) - event.getX(0);
        float dy = event.getY(1) - event.getY(0);
        return FloatMath.sqrt(dx*dx + dy*dy);
    }
    /**
     * 计算两点之间中心点的距离
     * @param event
     * @return
     */
    private static PointF mid(MotionEvent event){
        float midx = event.getX(1) + event.getX(0);
        float midy = event.getY(1) - event.getY(0);
                                                                                                                                                                                                                                                                                                                                                                                                                                
        return new PointF(midx/2, midy/2);
    }
}


在xml中这样使用自定义的ImageView：

<com.jcodecraeer.stargallerry.ImageTouchView
    android:id="@+id/image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="matrix"
    />

这里有个小细节， android:layout_width和android:layout_height这里都是="match_parent" ，如果我们换成wrap_content的话，你会发现图片只能在一个很小的区间缩放。而match_parent则可以很随意的在整个屏幕缩放。

但是match_parent导致了一个让人意外的问题：

如果将imageView的宽度和高度都设置为填充整个父控件，然后scaleType设置成Matrix,则图片不是居中显示的，整个图片靠上去了，这里我还没有找出原因，不过在网上找出了解决的办法：

“


先设置ImageView的ScaleType="CENTER"
要给控件添加拖动与放大缩水前。再把ScaleType设为："Matric"
(即ImageView设置OnTouchListener前更改属性即可)

”

其中“ImageView设置OnTouchListener前更改属性”在我们这个例子中应替换为在caseMotionEvent.ACTION_MOVE://移动事件开始更改属性。在代码中更改ScaleType应该这样做：

this.setScaleType(ImageView.ScaleType.MATRIX);

说到ScaleType，我们看看ImageView.ScaleType 值的意义和区别：

CENTER /center  按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示

CENTER_CROP / centerCrop  按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)

CENTER_INSIDE / centerInside  将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽

FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度，居中显示

FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度，显示在View的下部分位置

FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度，显示在View的上部分位置

FIT_XY / fitXY  把图片不按比例扩大/缩小到View的大小显示

MATRIX / matrix 用矩阵来绘制

我们知道在开发中应用程序与服务器通信可以采用两种模式：TCP可靠通信 和UDP不可靠通信,大多数据情况下我们会选择前者了，下面我来给大家介绍一下Android的Socket通讯编程实例。

android客户端通过socket与服务器进行通信可以分为以下几步：

应用程序与服务器通信可以采用两种模式：TCP可靠通信 和UDP不可靠通信。

（1）通过IP地址和端口实例化Socket，请求连接服务器：

 代码如下 复制代码

     socket = new Socket(HOST, PORT);   //host:为服务器的IP地址  port：为服务器的端口号

（2）获取Socket流以进行读写，并把流包装进BufferWriter或者PrintWriter：

 代码如下 复制代码

   PrintWriter out = new PrintWriter( new BufferedWriter( new OutputStreamWriter(socket.getOutputStream())),true);  

   这里涉及了三个类：socket.getOutputStream得到socket的输出字节流，OutputStreamWriter是字节流向字符流转换的桥梁，BufferWriter是字符流，然后再包装进PrintWriter。

（3）对Socket进行读写

 代码如下 复制代码

     if (socket.isConnected()) {
                    if (!socket.isOutputShutdown()) {
                        out.println(msg);
                    }
                }

（4）关闭打开的流

 代码如下 复制代码

      out.close();


下面简单演示与Android如何实现套接字的通信：

服务器程序
服务器程序需要在PC上运行，该程序比较的简单，因此不需要建立Android项目，直接定义一个JAVA类，并且运行该类即可。它仅仅建立ServerSocket监听，并使用Socket获取输入输出流。

 代码如下 复制代码

import java.io.IOException;
import java.io.OutputStream;
import java.net.ServerSocket;
import java.net.Socket;

public class SimpleServer {

    /**
     * @param args
     * @throws IOException
     */
    public static void main(String[] args) throws IOException {
        // TODO Auto-generated method stub

        //创建一个ServerSocket,用于监听客户端socket的连接请求
        ServerSocket ss=new ServerSocket(30000);
        //采用循环不断接受来自客户端的请求,服务器端也对应产生一个Socket
        while(true){
            Socket s=ss.accept();
            OutputStream os=s.getOutputStream();
            os.write("您好，您收到了服务器的新年祝福！n".getBytes("utf-8"));
            os.close();
            s.close();
    }

    }}

客户端程序

 代码如下 复制代码

package my.learn.tcp;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.Socket;
import java.net.UnknownHostException;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.EditText;

public class SimpleClient extends Activity {
    private EditText show;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        show = (EditText) findViewById(R.id.show);

        try {

            Socket socket = new Socket("自己计算机的IP地址", 30000);
            //设置10秒之后即认为是超时
            socket.setSoTimeout(10000);
            BufferedReader br = new BufferedReader(new InputStreamReader(
                    socket.getInputStream()));
            String line = br.readLine();

            show.setText("来自服务器的数据："+line);

            br.close();
            socket.close();

        } catch (UnknownHostException e) {
            // TODO Auto-generated catch block
            Log.e("UnknownHost", "来自服务器的数据");
            e.printStackTrace();
        } catch (IOException e) {
            Log.e("IOException", "来自服务器的数据");
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
}

另外，在Manifest.xml文件当中，需要对互联网的访问进行授权：

 代码如下 复制代码

<uses-permission  android:name="android.permission.INTERNET"/>


 在写代码的过程中一定要注意对socket  输入流  输出流的关闭

可能不秒用户会发现用css定义好的内容在手机中显示不那么标准了，下面小编来给大家介绍移动web开发无法正确按照响应样式显示解决办法。

记最近在做移动混合应用的开发，遇到的一个问题：android无法按照指定的响应样式正确显示。

首先说一下两次遇到此问题的环境：
1.使用jQuery Mobile写界面时，在测试机上（G7）字体和界面显示偏小。
2.在G7上使用自定义的响应样式进行布局时没有问题，界面显示正常。但在小米2S上，界面却显示错误。通过JS脚本获取了一下小米2S的屏幕宽度，发现获得的值并不是想像的720px，而是360px，所以响应的样式会发生错误。

 
在没有设置target-densitydpi时


在设置target-densitydpi时，得到正确的响应布局

原来在android上，会通过 target-densitydpi 来获取DPI。在不设置的情况下，默认选择的是 medium-dpi(160)。

上面的两个问题，可以通过给元标签添加target-densitydpi=device-dpi来解决，代码如下。

 代码如下 复制代码

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
本文章来给各位同学详细的介绍一下关于Android Ant命令行编译和APK签名详解一些实现方法，这是一个朋友在自己做安卓开发时写的，希望对大家会有所帮助呀。

最近在做Android开发时，需要引用第三方的代码进项目，一般情况下，直接在Eclipse下设置需要导入的代码的编译输出为library即可，但是很多代码在Eclipse下编译会出现很多莫名其妙的错误。因而只能使用命令行方式对代码进行编译。具体方法如下：

1.安装编译用的Java，安装Android Platform-tools，安装Ant，设置好各种环境变量。部分Linux下Ant已经默认集成，Windows下需要自行安装。
2.使用Android工具更新代码的编译配置。
3.使用Ant工具进行编译，可编译Debug版和Release版本。
4.生成代码签名用的私钥，并对APK进行签名。
5.对APK文件进行对齐，对大文件APK有不错的效果。


以下是参考Bash代码，可自己需要更改，执行时，sudo bash XXX.sh即可

 代码如下 复制代码

# Setup Java Home
JAVA_HOME = "/System/Library/Java/JavaVirtualMachines/1.6.0.jdk/Contents/Home"
 
# Setup android Home
ANDROID_HOME="~/android-sdk-macosx"
 
# Setup path
PATH = "$ANDROID_HOME/tools:$JAVA_HOME/bin:$PATH"
 
# Update current project
android update project --path .
#android update project --path ./Library/lib1
#android update project --path ./Library/lib2
 
# Remove keystore
rm -f product.keystore
 
# Make keystone
keytool -genkey -alias product.keystore -keyalg RSA -validity 40000
-keystore product.keystore -storepass password -keypass password
-dname "CN=Product OU=Android Team O=Organization L=Hongkong ST=Hongkong C=China"
 
# Clean
ant clean
 
# Remove ant.properties
rm -f ant.properties
 
# Make ant.properties
echo "key.store=product.keystore" > ant.properties
echo "key.alias=product.keystore" >> ant.properties
 
# Build apk
ant release
 
# Sign APK
# jarsigner -verbose -keystore product.keystore -signedjar
# bin/product_signed.apk bin/product-release-unsigned.apk product.keystore
 
# Zip align apk
# zipalign -v 4 bin/product_signed.apk bin/product_final.apk

说明：
更新Android的ant编译配置，如果代码的结构发生变更，请执行，如果代码中包含引用的第三方库代码，需要分别对这些代码进行更新。

 代码如下 复制代码

# Update current project
android update project --path .
#android update project --path ./Library/lib1
#android update project --path ./Library/lib2

生成签名用的Keystore文件,几个参数的说明
-genkey 生成秘钥证书
-alias 别名
-keyalg 秘钥的计算算法
-validity 有效期
-keystore 秘钥库文件路径
-storepass 秘钥库密码
-keypass 秘钥证书密码
-dname 发行者信息
CN= 发行者姓名 （个人姓名或产品名）
OU= 组织单元名 （团队名）
O= 组织机构名 （公司名）
L= 城市/地区
ST= 州/省
C= 国家代码

 代码如下 复制代码

# Make keystone
keytool -genkey -alias product.keystore -keyalg RSA -validity 40000
-keystore product.keystore -storepass password -keypass password
-dname "CN=Product OU=Android Team O=Organization L=Hongkong ST=Hongkong C=cn"

生成ant自动编译用的ant.properties文件，设置key.store和key.alias两个变量后，ant release时会自动对生成的APK签名和对齐

 代码如下 复制代码

echo "key.store=product.keystore" > ant.properties
echo "key.alias=product.keystore" >> ant.properties

手动对代码签名,几个参数的说明
-verbose 显示输出
-keystore keystore别名
-signedjar 签名apk文件，第一个参数为目标文件，第二个为未签名apk

 代码如下 复制代码

# Sign APK
jarsigner -verbose -keystore product.keystore -signedjar bin/product_signed.apk bin/product-release-unsigned.apk product.keystore

手动对APK进行对齐

 代码如下 复制代码

# Zip align apk
zipalign -v 4 bin/product_signed.apk bin/product_final.apk
网上找到听说Eclipse下Android插件报错Debug certificate expired是因为,Debug证书的有效期限是365天，那么不可避免的就会有证书过期的问题了。而Android SDK又比较呆板，发现证书过期了，不会给你换新的，只会给你Error提示。

前几天用Eclipse写程序的试试，突然就不能运行了，报了个奇怪的错误。

[2010-02-03 10:31:14 - androidVNC]Error generating final archive:
Debug certificate expired on 1/30/10 2:35 PM!

解决的办法比较简单：

将debug.keystore直接删除。Android SDK发现debug.keystore丢失了，就会自个生成一个新的。再运行SDK

不同系统位置不同

删除Android的debug certificate即可。
Linux/Mac OS : ~/.android/debug.keystore
Windows: %USERPROFILE%/.android

[!--infotagslink--]

相关文章

  • php语言实现redis的客户端

    php语言实现redis的客户端与服务端有一些区别了因为前面介绍过服务端了这里我们来介绍客户端吧，希望文章对各位有帮助。 为了更好的了解redis协议，我们用php来实现...2016-11-25

  • jQuery+jRange实现滑动选取数值范围特效

    有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。HTML首先载入jQuery库文件以及jRange相关...2015-03-15

  • Android子控件超出父控件的范围显示出来方法

    下面我们来看一篇关于Android子控件超出父控件的范围显示出来方法，希望这篇文章能够帮助到各位朋友，有碰到此问题的朋友可以进来看看哦。 <RelativeLayout xmlns:an...2016-10-02

  • JS实现的简洁纵向滑动菜单(滑动门)效果

    本文实例讲述了JS实现的简洁纵向滑动菜单(滑动门)效果。分享给大家供大家参考，具体如下：这是一款纵向布局的CSS+JavaScript滑动门代码，相当简洁的手法来实现，如果对颜色不满意，你可以试着自己修改CSS代码，这个滑动门将每一...2015-10-21

  • Android开发中findViewById()函数用法与简化

    findViewById方法在android开发中是获取页面控件的值了，有没有发现我们一个页面控件多了会反复研究写findViewById呢，下面我们一起来看它的简化方法。 Android中Fin...2016-09-20

  • Android模拟器上模拟来电和短信配置

    如果我们的项目需要做来电及短信的功能，那么我们就得在Android模拟器开发这些功能，本来就来告诉我们如何在Android模拟器上模拟来电及来短信的功能。 在Android模拟...2016-09-20

  • 夜神android模拟器设置代理的方法

    夜神android模拟器如何设置代理呢？对于这个问题其实操作起来是非常的简单，下面小编来为各位详细介绍夜神android模拟器设置代理的方法，希望例子能够帮助到各位。 app...2016-09-20

  • android自定义动态设置Button样式【很常用】

    为了增强android应用的用户体验，我们可以在一些Button按钮上自定义动态的设置一些样式，比如交互时改变字体、颜色、背景图等。 今天来看一个通过重写Button来动态实...2016-09-20

  • jQuery+slidereveal实现的面板滑动侧边展出效果

    我们借助一款jQuery插件：slidereveal.js，可以使用它控制面板左右侧滑出与隐藏等效果，项目地址：https://github.com/nnattawat/slideReveal。如何使用首先在页面中加载jquery库文件和slidereveal.js插件。复制代码 代码如...2015-03-15

  • Android WebView加载html5页面实例教程

    如果我们要在Android应用APP中加载html5页面，我们可以使用WebView，本文我们分享两个WebView加载html5页面实例应用。 实例一：WebView加载html5实现炫酷引导页面大多...2016-09-20

  • PHP+jQuery翻板抽奖功能实现

    翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程，却包含着WEB技术的很多知识面，所以本文的读者应该熟...2015-10-21

  • 深入理解Android中View和ViewGroup

    深入理解Android中View和ViewGroup从组成架构上看，似乎ViewGroup在View之上，View需要继承ViewGroup，但实际上不是这样的。View是基类，ViewGroup是它的子类。本教程我们深...2016-09-20

  • Android自定义WebView网络视频播放控件例子

    下面我们来看一篇关于Android自定义WebView网络视频播放控件开发例子，这个文章写得非常的不错下面给各位共享一下吧。 因为业务需要，以下代码均以Youtube网站在线视...2016-10-02

  • Android用MemoryFile文件类读写进行性能优化

    java开发的Android应用，性能一直是一个大问题，，或许是Java语言本身比较消耗内存。本文我们来谈谈Android 性能优化之MemoryFile文件读写。 Android匿名共享内存对外A...2016-09-20

  • SQLMAP结合Meterpreter实现注入渗透返回shell

    sqlmap 是一个自动SQL 射入工具。它是可胜任执行一个广泛的数据库管理系统后端指印, 检索遥远的DBMS 数据库等，下面我们来看一个学习例子。 自己搭建一个PHP+MYSQ...2016-11-25

  • Android设置TextView竖着显示实例

    TextView默认是横着显示了，今天我们一起来看看Android设置TextView竖着显示如何来实现吧，今天我们就一起来看看操作细节，具体的如下所示。 在开发Android程序的时候，...2016-10-02

  • android.os.BinderProxy cannot be cast to com解决办法

    本文章来给大家介绍关于android.os.BinderProxy cannot be cast to com解决办法，希望此文章对各位有帮助呀。 Android在绑定服务的时候出现java.lang.ClassCastExc...2016-09-20

  • PHP实现今天是星期几的几种写法

    复制代码 代码如下: // 第一种写法 $da = date("w"); if( $da == "1" ){ echo "今天是星期一"; }else if( $da == "2" ){ echo "今天是星期二"; }else if( $da == "3" ){ echo "今天是星期三"; }else if( $da == "4"...2013-10-04

  • Android 实现钉钉自动打卡功能

    这篇文章主要介绍了Android 实现钉钉自动打卡功能的步骤，帮助大家更好的理解和学习使用Android，感兴趣的朋友可以了解下...2021-03-15

  • Android 开发之布局细节对比：RTL模式

    下面我们来看一篇关于Android 开发之布局细节对比：RTL模式 ，希望这篇文章对各位同学会带来帮助，具体的细节如下介绍。 前言 讲真，好久没写博客了，2016都过了一半了，赶紧...2016-10-02