Android控件篇11之 ZoomButton

1 ZoomButton简介

ZoomButton,称为放大按钮。

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

2. ZoomButton示例

对比ZoomButton和ImageButton。写一个activity,包含一个ZoomButton和一个ImageButton。
点击ZoomButton和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代码

<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"/>

其中,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如下图

img

pasue_off如下图

img

运行效果如下图

img

by skywang
Previous     Next