Android控件之ZoomButton

Android控件之ZoomButton

1 ZoomButton简介

ZoomButton，称为放大按钮。实际上它继承于ImageButton，并在ImageButton基础上增加了“按下ZoomButton时，会不断上报点击事件”。至于上报的时间间隔，可以通过setZoomSpeed()去设置。

2 ZoomButton示例

对比ZoomButton和ImageButton。写一个activity，包含一个ZoomButton和一个ImageButton。
点击ZoomButton和ImageButton时，分别会放大不同的文本。测试时，请分别按住它们不放，查看效果。

应用层代码

package com.skywang.control; import android.os.Bundle; import android.app.Activity; import android.view.View; import android.view.View.OnClickListener; import android.widget.ImageButton; import android.widget.ZoomButton; import android.widget.TextView; /* * @author: skywang * @description:对比ZoomButton和ImageButton的差异。 * 主要包含1个ZoomButton和ImageButton。 * 分别按住“ZoomButton”和“ImageButton”不放，可以发现： * ZoomButton会不断上拨onClick事件；而ImageButton只会上报一次。 */

public class ZoomTest extends Activity implements View.OnClickListener { // ZoomButton

    private static int pauseSize= 12; private TextView mTvShow; private ZoomButton mZoomPause; // ImageButton 

    private static int pauseCom= 12; private TextView mTvCom; private ImageButton mBtnCom; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.zoom_test); mTvShow = (TextView)findViewById(R.id.tv_show); mZoomPause = (ZoomButton)findViewById(R.id.zoom_pause); mZoomPause.setOnClickListener(this); mTvCom = (TextView)findViewById(R.id.tv_com); mBtnCom = (ImageButton)findViewById(R.id.btn_com); mBtnCom.setOnClickListener(this); } public void onClick(View v) { switch(v.getId()) { case R.id.zoom_pause:{ // 按住ZoomButton不方，会不断的执行下面的操作：将文本放大

                pauseSize += 2; mTvShow.setTextSize(pauseSize); break; } case R.id.btn_com:{ // 按住ImageButton，只有松开时才会执行下面操作：将文本放大

                pauseCom += 2; mTvCom.setTextSize(pauseCom); break; } default: break; } } }

layout文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" >



    <TextView android:id="@+id/tv_show" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="14sp" android:textColor="#FF00AA00" android:text="@string/text_zoom" />



    <ZoomButton android:id="@+id/zoom_pause" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitXY" android:background="@android:color/transparent" android:src="@drawable/btn_pause"/>

    

    

    <TextView android:id="@+id/tv_com" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="14sp" android:textColor="#FF0000AA" android:text="@string/text_com" />



    <ImageButton android:id="@+id/btn_com" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitXY" android:background="@android:color/transparent" android:src="@drawable/btn_pause"/>

    

</LinearLayout>

其中，btn_pause.xml文件内容如下：

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 按下状态 -->

    <item android:state_pressed="true" android:drawable="@drawable/pause_on" />

    <!-- 未按下状态 -->

    <item android:state_focused="true" android:drawable="@drawable/pause_off" />

    <!-- 初始化状态 -->

    <item android:drawable="@drawable/pause_off" />    



</selector>

pause_on.png如下图

pasue_off如下图

 

manifest文件

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.skywang.control" android:versionCode="1" android:versionName="1.0" >



    <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="17" />



    <application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" >

        <activity android:name="com.skywang.control.ZoomTest" android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />



                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>



</manifest>

点击下载：源代码

运行效果：如图