Button 有按下效果

Button 有按下效果

 

[功能]

让Button 有按下效果 更有视觉效果

 

[代码]

1. 先准备2张*.png 一张供默认使用 另一张供按下使用 本例为：

 

play.png
play_down.png

 

 

2.  根据各种状态 定制化所显示的 *.png 命名为： myselection.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:state_pressed="false" 
        android:drawable="@drawable/play" />
    <item 
        android:state_pressed="true" 
        android:drawable="@drawable/play_down" />
    <item 
        android:drawable="@drawable/play" />
</selector> 

 

 

3. 在 main.xml 布局中 添加Button 元件 并 设置 使用 myselection.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"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="Button Style!"
    />
<ImageButton 
            android:id="@+id/playorpause" 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:src="@xml/myselection" 
            android:background="#00000000" />
</LinearLayout>

 

 

 

4. 大家可以自己看看效果 因为不好截图

 

 

其实 除了上面的方法 还有一个方法 为：

1. 在 maun.xml 中添加 ImageButton 且不设置使用的*.png

<?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"
    >
<ImageButton
	android:id="@+id/button"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    />
</LinearLayout>

 

 

2. 在该ImageButton上设置监听器 并根据其状态使用对应的资源 但是必须要设置默认资源

ImageButton btn = (ImageButton) findViewById(R.id.button);
        
        //to set its default *.png
        btn.setBackgroundResource(R.drawable.play);
        btn.setOnTouchListener(new ImageButton.OnTouchListener(){
			@Override
			public boolean onTouch(View arg0, MotionEvent arg1) {
				// TODO Auto-generated method stub
				if(arg1.getAction() == MotionEvent.ACTION_DOWN){
					arg0.setBackgroundResource(R.drawable.play_down);
				}
				else if(arg1.getAction() == MotionEvent.ACTION_UP){
					arg0.setBackgroundResource(R.drawable.play);
				}
				
				return false;
			}
        	
        });

 

 

 

具体哪个方法更好 应该根据自己的场合：

1. 只有一个Button 推荐使用第一个方法

2. 有几个Button 推荐使用第二个 统一定义 然后根据指定的id 来使用目标*.png

 

 

done!

评论

13 楼 zoozooll 2010-11-25  

请问如何用代码实现刚才那个功能

12 楼 springfield 2010-01-28  

恩，這個selcetor以前沒有注意過，謝謝樓主分享了。

11 楼 gryphone 2010-01-26  

momoch1314 写道

其实我很想问，Android相关的XML字段可以在哪找？

不知道 也有这个问题！

10 楼 momoch1314 2010-01-26  

其实我很想问，Android相关的XML字段可以在哪找？

9 楼 gryphone 2010-01-23  

MotionEvent.ACTION_DOWN

稻-草 写道

可以截图的，按下按钮不要松开，这时候按PtrSc键

也不行 因为 MotionEvent.ACTION_DOWN 和 MotionEvent.ACTION_UP 是 2个连贯动作 你的办法也只能捕捉一个

8 楼 gryphone 2010-01-23  

pJun 写道

gryphone 写道

BarryWei 写道

还是只能通过改变背景图片去做这个事情，有点杯具了……

我也是没办法这一点 ImageView.setImageResource() 有其他的问题 只能用setBackgroundResource()了 你有好办法么？ 说明下~

ImageView.setImageResource有什么问题. 多了一个按钮的边框吗?

对的 除非用了不设置其 android:src 否则会不好看

7 楼 pJun 2010-01-22  

gryphone 写道

BarryWei 写道

还是只能通过改变背景图片去做这个事情，有点杯具了……

我也是没办法这一点 ImageView.setImageResource() 有其他的问题 只能用setBackgroundResource()了 你有好办法么？ 说明下~

ImageView.setImageResource有什么问题. 多了一个按钮的边框吗?

6 楼 稻-草 2010-01-22  

可以截图的，按下按钮不要松开，这时候按PtrSc键

5 楼 zhangzi 2010-01-22  

意义何在？

4 楼 gryphone 2010-01-21  

BarryWei 写道

还是只能通过改变背景图片去做这个事情，有点杯具了……

我也是没办法这一点 ImageView.setImageResource() 有其他的问题 只能用setBackgroundResource()了 你有好办法么？ 说明下~

3 楼 BarryWei 2010-01-21  

还是只能通过改变背景图片去做这个事情，有点杯具了……

2 楼 gryphone 2010-01-21  

ylssww 写道

lz demo打包附件？

另外，“大家可以自己看看效果 因为不好截图”不能PrtScrn？

因为时间太短 几乎没有时间停留 一瞬而过

不过 我现在把源代码发上去 想看效果的可以自己运行并试试！

1 楼 ylssww 2010-01-21  

lz demo打包附件？

另外，“大家可以自己看看效果 因为不好截图”不能PrtScrn？