Question

我有6个按钮，想要将5个按钮的颜色设置为ORANGE（#F08C35），将最后一个颜色设置为PINK（#D81B60）。我为每个创建了样式（styles.xml）;

    <style name="MagentaButtonStyle" parent="Widget.AppCompat.Button.Colored">
        <item name="colorButtonNormal">#D81B60</item>
    </style>

    <style name="OrangeButtonStyle" parent="Widget.AppCompat.Button.Colored">
        <item name="colorButtonNormal">#F08C35</item>
    </style>

然而，所有按钮都设置为colorAccent (#FF4081)，因为它从parent="Widget.AppCompat.Button.Colored"中选择了强调色。

我尝试设置android:background attr然而按钮的整个空间都变为设置的背景，我失去了凸起的按钮效果。

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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:scrollbarStyle="outsideOverlay"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.sameer.android.myappportfolio.MainActivity"
    tools:showIn="@layout/activity_main">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center_horizontal"
        android:orientation="vertical">

        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginBottom="20dp"
            android:layout_marginTop="20dp"
            android:text="@string/app0"
            android:textAlignment="center"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textSize="24sp" />

        <Button
            android:id="@+id/button1"
            style="@style/OrangeButtonStyle"
            android:text="@string/app1" />

        <Button
            android:id="@+id/button2"
            style="@style/OrangeButtonStyle"
            android:text="@string/app2" />

        <Button
            android:id="@+id/button3"
            style="@style/OrangeButtonStyle"
            android:text="@string/app3" />

        <Button
            android:id="@+id/button4"
            style="@style/OrangeButtonStyle"
            android:text="@string/app4" />

        <Button
            android:id="@+id/button5"
            style="@style/OrangeButtonStyle"
            android:text="@string/app5" />

        <Button
            android:id="@+id/button6"
            style="@style/MagentaButtonStyle"
            android:text="@string/app6" />

    </LinearLayout>
</ScrollView>

styles.xml粘贴在下面：

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

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

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

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

    <style name="MagentaButtonStyle" parent="Widget.AppCompat.Button">
        <item name="colorButtonNormal">#D81B60</item>
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_gravity">center_horizontal</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:onClick">onClick</item>
    </style>
    <style name="OrangeButtonStyle" parent="Widget.AppCompat.Button">
        <item name="colorButtonNormal">#F08C35</item>
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_gravity">center_horizontal</item>
        <item name="android:textColor">@android:color/black</item>
        <item name="android:onClick">onClick</item>
    </style>
</resources>

Answer 1

只需使用backgroundTint即可。此外，如果您需要在pre-L上使用android.support.v7.widget.AppCompatButton 和app:backgroundTint，而不是android:backgroundTint

Answer 2

这对我有用：

<style name="MagentaButtonStyle" parent="Widget.AppCompat.Button">
    <item name="colorButtonNormal">#D81B60</item>
</style>

<style name="OrangeButtonStyle" parent="Widget.AppCompat.Button">
    <item name="colorButtonNormal">#F08C35</item>
</style>

您应该将父级设置为"Widget.AppCompat.Button"而不是"Widget.AppCompat.Button.Colored"。＆＃34;提升按钮效果＆＃34;用你想要的解决方案保存。

编辑：

您应该使用这样的风格将其应用于按钮：

<Button
    android:id="@+id/button1"
    android:theme="@style/OrangeButtonStyle"
    android:text="@string/app1" />

使用属性android:theme=代替style=。它会起作用。

Answer 3

<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android"> 
   <gradient
     android:startColor="@color/drk_button"
     android:endColor="@color/lgt_button"
     android:angle="90">
   </gradient>

   <corners android:radius="20dip" />

   <stroke
     android:width="1px"
     android:color="@color/drk_button" />
</shape>

如果这有帮助，试试这个。你需要设置颜色。希望这有帮助

为按钮设置不同的颜色

3 个答案:

编辑：