学习Android的第九天

目录

Android Button 按钮

基本的按钮

StateListDrawable

范例

使用颜色值绘制圆角按钮

自制水波纹效果

---

Android Button 按钮

在 Android 中，Button 是用于创建一个按钮的组件，它具有正常状态和点击状态，并且继承自 TextView，因此可以使用 TextView 的属性以及一些其他的属性。

基本的按钮

我们可以直接使用 XML 语法创建一个 Button

StateListDrawable

StateListDrawable 是一种 Drawable 资源，它可以根据控件的不同状态（例如按下、获取焦点、可用等）设置不同的图片或效果。关键在于 元素，它可以定义不同状态下的不同 Drawable。

以下是一些常用的 StateListDrawable 属性及其说明：

• drawable：引用的 Drawable 位图，放在最前面表示组件的正常状态。
• android:state_focused：控件是否获得焦点。
• android:state_window_focused：控件是否获得窗口焦点。
• android:state_enabled：控件是否可用。
• android:state_checkable：控件是否可勾选，例如，checkbox。
• android:state_checked：控件是否被勾选。
• android:state_selected：控件是否被选择，针对有滚轮的情况。
• android:state_pressed：控件是否被按下。
• android:state_active：控件是否处于活动状态，例如，SlidingTab。
• android:state_single：控件是否只显示一个子控件，用于多个子控件的情况。
• android:state_first：控件是否包含多个子控件时，确定第一个子控件是否处于显示状态。
• android:state_middle：控件是否包含多个子控件时，确定中间一个子控件是否处于显示状态。
• android:state_last：控件是否包含多个子控件时，确定最后一个子控件是否处于显示状态。

通过定义 StateListDrawable，可以根据控件的状态来设置不同的样式或效果，从而提升用户交互体验。例如，在按钮的背景中，可以定义按下时的背景颜色，从而在用户按下按钮时提供视觉反馈。

范例

package com.example.myapplication;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

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

        final Button myButton = findViewById(R.id.myButton);
        final Button monitorButton = findViewById(R.id.monitorButton);

        // 设置 monitorButton 的状态变化监听器
        myButton.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (event.getAction() == MotionEvent.ACTION_DOWN) {
                    monitorButton.setText("监视器按钮111");
                } else if (event.getAction() == MotionEvent.ACTION_UP) {
                    monitorButton.setText("我的按钮已按下");
                }
                return true;
            }
        });

        // 设置 myButton 的禁用状态监听器
        monitorButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (myButton.isEnabled()) {
                    myButton.setEnabled(false);
                    monitorButton.setText("我的按钮已禁用");
                } else {
                    myButton.setEnabled(true);
                    monitorButton.setText("我的按钮已启用");
                }
            }
        });
    }

}

 这样，当按下 第一个按钮 时，第二个按钮 的文本会变为 "监视器按钮111"；松开按钮后，文本会变为 "我的按钮已按下"。而当点击 第二个按钮 切换其禁用状态时，第二个按钮 的文本会相应地变化为 "我的按钮已禁用"，第一个按钮则处于禁用状态。

使用颜色值绘制圆角按钮

要使用颜色值绘制圆角按钮，可以创建一个圆角矩形的 ShapeDrawable，并将其设置为按钮的背景。

以下是一个示例：

1、创建一个名为 rounded_button.xml 的 Drawable 资源文件，定义一个圆角矩形形状：

2、在布局文件中使用这个 Drawable 资源作为按钮的背景：

自制水波纹效果

1、创建一个名为 ripple_effect.xml 的 RippleDrawable 资源文件，定义按钮的水波效果：

2、在布局文件中，使用 RippleDrawable 和 ShapeDrawable 组合作为按钮的背景：

这样，就创建了一个具有背景颜色和水波效果的自定义按钮。当用户点击按钮时，会显示出定义的水波纹效果，并且按钮的背景颜色也会根据设置的颜色进行显示。