AndroidでのButtonの基本的な使用法

1.テキストのサイズと色

ここに写真の説明を挿入

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="15dp"
    android:orientation="vertical"
    tools:context=".ButtonActivity">

    <Button
        android:id="@+id/btn_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/button"
        android:textSize="25sp"
        android:textColor="@color/teal_200"
        android:background="@color/black"/>

</LinearLayout>

有効にする背景色:変更themes.xmlファイルナイトで状況の変化を確認します。

ここに写真の説明を挿入

Theme.MaterialComponents.DayNight.DarkActionBar.Bridge

2.背景の形状をカスタマイズします

ここに写真の説明を挿入

ファイルの内容は次のとおりです。

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

    <solid android:color="@color/orange_low" />

    <corners android:radius="15dp" />

</shape>

ここに写真の説明を挿入

    <Button
        android:id="@+id/btn_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/button"
        android:textSize="25sp"
        android:textColor="@color/red"
        android:layout_margin="15dp"
        android:background="@drawable/bg_btn2"/>

脳卒中

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

    <stroke
        android:width="1dp"
        android:color="@color/red" />

    <corners android:radius="15dp" />

</shape>

ここに写真の説明を挿入

3.プレス効果をカスタマイズします

ドローアブルファイルを作成する

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

    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <corners android:radius="15dp" />
            <solid android:color="@color/yellow_blew" />
        </shape>
    </item>

    <item android:state_pressed="false">
        <shape android:shape="rectangle">
            <corners android:radius="10dp" />
            <solid android:color="@color/blue" />
        </shape>
    </item>

</selector>
    <Button
        android:id="@+id/btn_4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/button"
        android:textSize="25sp"
        android:textColor="@color/white"
        android:layout_margin="15dp"
        android:background="@drawable/bg_btn4"/>

ここに写真の説明を挿入

4.イベントをクリックします

属性を追加します。showToastはメソッド名です。

android:onClick="showToast"

対応するアクティビティで関数を作成します。

public void showToast(View view) {
    
    
    // 提示信息 Toast.LENGTH_SHORT 短时间, Toast.LENGTH_LONG 长时间
    Toast.makeText(this, "一个点击事件", Toast.LENGTH_SHORT).show();
}

クリックイベントはボタンではありませんが、設定することもできます。

おすすめ

転載: blog.csdn.net/YKenan/article/details/112576972