Die Hintergrundfarbe der Android-Schaltfläche ändert sich nicht

In diesem Android-Projekt erstelle ich einen Standard-Schaltflächenstil. meine Styles.xml

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:buttonStyle">@style/ButtonStlye123</item>
</style>

<style name="ButtonStlye123" parent="android:style/Widget.Button">
    <item name="android:textSize">19dp</item>
    <item name="android:layout_margin">8dp</item>
    <item name="android:padding">8dp</item>
    <item name="android:textColor">@color/ColorDivider</item>

    <item name="android:background">@color/ColorAccent</item>
</style>

mein Knopf in einem Fragment.

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/btnLogin"
    android:id="@+id/btn_login"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:theme="@style/ButtonStlye123"
    android:onClick="login" />

In der Vorschau in Android Studio sieht es genau so aus, wie ich es möchte, aber wenn ich die App auf meinem Gerät ausführe, ist die Hintergrundfarbe grau (“Standard-Schaltflächenfarbe”). Wenn ich die Textfarbe in meiner styles.xml ändere wie:

<item name="android:textColor">@color/ColorPrimary</item>

es ändert sich (auch auf meinem Gerät), also wird der benutzerdefinierte Stil geladen, ich habe verschiedene Farben (die für den Text funktionierten) für die Schaltfläche ausprobiert, aber es ändert sich nicht.

Warum wird meine Hintergrundfarbe nicht geladen?

Versuchen Sie stattdessen, AppCompactButton zu verwenden

<Button

verwenden

<androidx.appcompat.widget.AppCompatButton

das wird den Trick tun

Aktualisierung: 01.06.2021

Habe herausgefunden, dass das obige auf früheren Android-Versionen nicht funktioniert. Für Materialdesign Button verwenden

app:backgroundTint="@color/green"

Bitte verwende androidx.appcompat.widget.AppCompatButton statt Taste.

  <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_id_Login"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:layout_below="@id/textInnputLayout_editText_id_password"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:text="@string/Login_screen_button_text"
        android:background="@drawable/login_button_style"
        android:textAllCaps="false">
    </androidx.appcompat.widget.AppCompatButton>

Sie verwenden möglicherweise targetSdkVersion 30 Materielles Thema

Die Lösung heißt Veränderung theme.xml Stil

Aus

<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">

Zu

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">

Ersetzen mit

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

Das Ändern von MaterialComponents zu AppCompat funktioniert für mich.

Ich denke, Sie müssen Ihr Attribut von “Thema” auf “Stil” ändern. Diese Dateien sind für unterschiedliche Zwecke gedacht und werden daher unterschiedlich verwendet.

Style wird verwendet, um einzelnen Ansichten oder Komponenten Attribute zuzuweisen, und Theme wird verwendet, um Attribute auf die gesamte App anzuwenden.

Probieren Sie stattdessen Folgendes aus:

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/btnLogin"
    android:id="@+id/btn_login"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    <!-- This attribute was changed -->        
    android:style="@style/ButtonStlye123"
    android:onClick="login" />

Sie sollten diese unterschiedlichen XML-Typen auch nach Bedarf in die richtigen Dateien aufteilen (styles.xml und themes.xml – anstatt sie alle in derselben Datei zu behalten). Dies ist eine Konvention und wirkt sich nicht auf die Codekompilierung oder -ausführung aus, wird jedoch als Codestil empfohlen.

Wenn Sie Android Studio Version 4.1 und höher (Beta) verwenden, überprüfen Sie Ihre themes.xml-Datei in den Werten.

<style name="Theme.NavaFlashLightV4" parent="Theme.MaterialComponents.DayNight.NoActionBar">
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/purple_500</item>
        <item name="colorPrimaryVariant">@color/purple_700</item>
        <item name="colorOnPrimary">@color/white</item>
</style>

Ändern Sie das Attribut in @null

<style name="Theme.NavaFlashLightV4" parent="Theme.MaterialComponents.DayNight.NoActionBar">
            <!-- Primary brand color. -->
            <item name="colorPrimary">@null</item> <!-- HERE -->
            <item name="colorPrimaryVariant">@color/purple_700</item>
            <item name="colorOnPrimary">@color/white</item>
    </style>

für andere alte Versionen von Android Studio

ändern Sie einfach dieses Attribut

<item name="colorPrimary">@color/colorPrimary</item>

zu

        <item name="colorPrimary">@color/@null</item>

Stellen Sie schließlich den Hintergrund der Schaltfläche auf das gewünschte Zeichensymbol ein. Beispiel:

<Button
        android:id="@+id/btnSwitch"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="@drawable/ic_launcher_background" /> <!--the drawable you want-->

Sie müssen nur Ihr App-Design von ändern Theme.MaterialComponents.DayNight.DarkActionBar zu Theme.AppCompat.Light.NoActionBar innerhalb der Datei styles.xml

Beispiel :

aus : style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar"

Zu : style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"