所谓的button点击效果就是:button原来是蓝色的,按下button后,button变成了红色,手抬起来,button又变回了蓝色。
想要实现这种效果在我看来一共有两种方法。
下面,我先介绍第一种方法,比较笨重的,实现了OnTouchListener的方法。
MainActivity.java文件
public class MainActivity extends AppCompatActivity {
private Button btn01;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
btn01 = (Button) findViewById(R.id.btn01);
btn01.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent event) {
if(event.getAction() == MotionEvent.ACTION_DOWN){
btn01.setBackgroundColor(Color.RED);
}
if(event.getAction() == MotionEvent.ACTION_UP){
btn01.setBackgroundResource(R.mipmap.ic_launcher);
Toast.makeText(MainActivity.this,"超级变变变~~~~",Toast.LENGTH_SHORT).show();
}
return false;
}
});
}
}
activity_main.xml文件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.yuan.test01.MainActivity">
<Button
android:id="@+id/btn01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/ic_launcher"/>
</RelativeLayout>
这种方法的原理是通过OnTouchListener监听用户的手势,进而判断button什么时候该改变样式。
但这样写有一个问题,这里仅仅是一个button需要增加点击效果还好,那么,button多了起来会怎么样呢?
没错,随着button的增多,我们需要不停得监听每一个button的OnTouch事件,这是很笨重的。
基于上面的情况,我推荐大家使用第二种方法。
首先,我们需要在drawable文件夹创建3个xml文件。
分别是:
normal.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#dd794949"></solid>
</shape>
pressed.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#dd0046c7"></solid>
</shape>
button_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/normal" android:state_pressed="false"/>
<item android:drawable="@drawable/pressed" android:state_pressed="true"/>
</selector>
然后,修改一下 activity_main文件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.yuan.test01.MainActivity">
<Button
android:id="@+id/btn01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_selector"/>
</RelativeLayout>
最后,把MainActiviti.java文件中的init()方法注释掉
package com.example.yuan.test01;
import android.content.Context;
import android.graphics.Color;
import android.support.v4.content.ContextCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
private Button btn01;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//initView();
}
private void initView() {
btn01 = (Button) findViewById(R.id.btn01);
btn01.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent event) {
if(event.getAction() == MotionEvent.ACTION_DOWN){
btn01.setBackgroundColor(Color.RED);
}
if(event.getAction() == MotionEvent.ACTION_UP){
btn01.setBackgroundResource(R.mipmap.ic_launcher);
Toast.makeText(MainActivity.this,"超级变变变~~~~",Toast.LENGTH_SHORT).show();
}
return false;
}
});
}
}
这样一来,不管有多少个button,只要设置这行代码就可以了android:background=”@drawable/button_selector”
是不是比第一种方法灵活多了