Android: Thay đổi màu nút khi nhấp vào

Question

Về cơ bản, tôi đang cố gắng tạo nút khi được nhấp (lưu ý: NOT được nhấn) sẽ thay đổi màu từ color1 thành color2. Khi được nhấp một lần nữa, nó sẽ thay đổi trở lại từ color2 thành color1.

Tôi đã tìm kiếm như điên và thông tin duy nhất tôi quản lý để trích xuất là cách thay đổi màu khi nhấn nút, tức là khi người dùng nhấn nút (mã này sẽ được viết bên dưới). Tuy nhiên, tôi muốn màu sắc thay đổi khi người dùng nhấp (nhấn và nhả) nút rồi thay đổi lại sau khi người dùng nhấp một lần nữa.

Tệp này ở res/drawable

<!-- Changes color when user hols down button --> 
<?xml version="1.0" encoding="utf-8"?> 
<selector 
xmlns:android="http://schemas.android.com/apk/res/android"> 

<item android:state_pressed="true"> 
    <shape> 
     <!-- change to color2 --> 
    </shape> 
</item> 

<item> 
    <shape> 
     <!-- change to color1 --> 
    </shape> 
</item> 
</selector> 

Answer 1

boolean tmp = false; 
button.setOnClickListener(new OnClickListener() { 

    @Override 
    public void onClick(View v) { 
     tmp = !tmp; 
     v.setBackgroundColor(tmp ? Color.RED : Color.BLUE); 
    } 
}); 

EDIT: rõ ràng là bạn muốn có một ví dụ phức tạp hơn

Đầu tiên tạo một XML drawable trong và đặt tên là pink_button. xml và đặt đoạn mã sau bên

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="rectangle"> 

    <solid android:color="#FF5EF1"/> 
    <corners android:radius="15dp"/> 
    <stroke 
     android:width="1dp" 
     android:color="#303030"/> 

</shape> 

Bây giờ làm cho một blue_button.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="rectangle"> 

    <solid android:color="#008DFF"/> 
    <corners android:radius="15dp"/> 
    <stroke 
     android:width="1dp" 
     android:color="#303030"/> 

</shape> 

Bây giờ làm cho một số bố trí hoạt động giới thiệu, tôi đã sử dụng button_demo_activity.xml

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    > 

    <Button 
     android:id="@+id/btnDemo" 
     android:layout_width="150dp" 
     android:layout_height="30dp" 
     android:layout_centerInParent="true" 
     android:layout_marginTop="100dp" 
     android:background="@drawable/pink_button" 
     android:gravity="center" 
     android:text="PINK" 
     android:textColor="@android:color/white" 
     android:textSize="15sp"/> 

</RelativeLayout> 

Và cuối cùng hoạt động, đặt tên nó là bất cứ điều gì bạn muốn tôi sử dụng ButtonDemoActivity

public class ButtonDemoActivity extends Activity { 


    private Button btnDemo; 
    private boolean isPink = true; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.button_demo_activity); 

     btnDemo = (Button) findViewById(R.id.btnDemo); 
     btnDemo.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View view) { 
       isPink = !isPink; 
       int resId = isPink ? R.drawable.pink_button : R.drawable.blue_button; 
       btnDemo.setBackgroundResource(resId); 
       btnDemo.setText(isPink ? "PINK" : "BLUE"); 
      } 
     }); 
    } 
} 

Và đây là giao diện cuối cùng của các nút sẽ ở mỗi trạng thái

Answer 2

Bạn đang đi đúng hướng. Thêm quốc gia khác như:

<item android:state_selected="true"> 
    <shape> 
    <!-- change to color2 --> 
    </shape> 
</item> 

sau đó trong phương pháp onClick bạn thêm một số toggling:

v.setSelected(!v.isSelected());