按钮样式在 Android Studio 中不起作用

Question

T'm using the newest Android Studio Version to code my app and I can't change the button style. It seems like when generating a new project, it already has some default styles for buttons which I can't seem to be able to override.

Everytime I place just a plane button it already has some background color ("colorPrimary") and if I'm trying to apply a style, it only changes the text of the button, but not the shape or the color.

This is my style:

  <style name="buttonStartStyle">
    <item name="android:background">@drawable/button_style1</item>
    <item name="android:layout_margin">20dp</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textAllCaps">false</item>
    <item name="android:textSize">18sp</item>
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
</style>

and my button_style1.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <corners android:radius="50dp"/>
        <solid android:color="@color/smoothWhite"/>
        <size android:height="50dp"/>
        <gradient android:startColor="@color/green_card" android:endColor="@color/green_main"/>
    </shape>
</item>

The button already looks like this when I place it right from the pallete:

My xml code for the button:

<Button
    android:id="@+id/button"
    style="@style/buttonStartStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button"
    tools:layout_editor_absoluteX="121dp"
    tools:layout_editor_absoluteY="244dp" />

This is how the button looks with the style applied:

Here is my themes.xml:

<resources xmlns:tools="http://schemas.android.com/tools">
<!-- Base application theme. -->
<style name="Theme.B_app" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
    <!-- Primary brand color. -->
    <item name="colorPrimary">@color/green_dark</item>
    <item name="colorPrimaryVariant">@color/black</item>
    <item name="colorOnPrimary">@color/white</item>

    <!-- Secondary brand color. -->
    <item name="colorSecondary">@color/teal_200</item>
    <item name="colorSecondaryVariant">@color/teal_700</item>
    <item name="colorOnSecondary">@color/black</item>
    <!-- Status bar color. -->
    <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
    <!-- Customize your theme here. -->

</style>

<style name="Theme.B_app.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

<style name="Theme.B_app.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="Theme.B_app.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

<style name="buttonStartStyle">
    <item name="android:background">@drawable/button_style1</item>
    <item name="android:layout_margin">20dp</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textAllCaps">false</item>
    <item name="android:textSize">18sp</item>
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
</style>

<style name="testStyle">
    <item name="android:background">@drawable/button_style2</item>
    <item name="android:layout_margin">20dp</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textAllCaps">false</item>
    <item name="android:textSize">18sp</item>
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
</style>

<style name="FlatButton" parent="Theme.AppCompat.Light">
    <item name="android:textColor">@color/grey_dark</item>
    <item name="colorControlHighlight">@color/white</item>
</style>

Answer 1

I see two possibilites:

• You might not have the right parent for your Button. Try:

  <style name="buttonStartStyle" parent ="android:Widget.Button">

• attributes might be changed along the way in your program. Try setting the needed attributes to null before applying the style.