onclick特效，按钮等点击后变化的效果

最新推荐文章于 2022-08-01 20:39:43 发布

原创最新推荐文章于 2022-08-01 20:39:43 发布 · 3.8k 阅读

0 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了如何通过XML布局和背景选择器实现按钮在被点击时的视觉变化效果。展示了默认状态与按下状态的对比，并提供了相关代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先我们来看普通按钮(Button)的点击变化效果处理。效果图如下，上边是默认，下边是手指按下的效果！

xml布局文件button_test：

<?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"    
    android:background="#ffffffff"
    android:padding="5dp"
    android:orientation="vertical">

      <Button 
          android:id="@+id/button1"
          android:layout_width="fill_parent"
          android:layout_height="50dp"
          android:background="@drawable/button_bg_selector"
          android:textColor="@drawable/button_textcolor"                    
          android:text="确定"
          android:onClick="buttonOnclick"
          android:textSize="24sp"
          />
      
</LinearLayout>

背景选择器文件button_bg_selector.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:drawable="@drawable/bt1" /> <!-- selected -->
    <item android:state_pressed="true" android:drawable="@drawable/bt1" /> <!-- pressed -->
    <item android:drawable="@drawable/bt2" />    
</selector>

文字颜色选择器button_textcolor：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:color="#ff00ffff" /> <!-- selected -->
    <item android:state_pressed="true" android:color="#ff00ffff" /> <!-- pressed -->
    <item android:color="#ff000000" />    
</selector>

页面文件，activity内容：

public class ButtonTestActivity extends Activity{
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {	
		super.onCreate(savedInstanceState);
		setContentView(R.layout.button_test);
	}
	
	public void buttonOnclick(View v){
		//nothing
	}
}