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>

點擊下載：源代碼

運行效果：如圖