使用Theme.MaterialComponents.Light.NoActionBar样式时,设置按钮背景无效

时间:2018-10-10 15:01:05

标签: android styles themes

为了使用Chip和ChipGroup,我将应用程序样式扩展为“ Theme.MaterialComponents.Light.NoActionBar” int manifests.xml,然后将Button设置为“ android:background” attr,但这无效!为什么?那我该怎么办?

这是我的风格

  <style name="AppBaseTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="colorPrimary">@color/primary_material_light</item>
    <item name="colorPrimaryDark">@color/header_color</item>
    <item name="actionBarSize">48dp</item>
    <item name="android:screenOrientation">portrait</item>
    <!--<item name="buttonStyle">@style/AntButton</item>-->
    <!--<item name="materialButtonStyle">@style/AntButton</item>-->
    <!--<item name="android:button"></item>-->
    <!--<item name="android:progressTint">@color/ffc000</item>-->
    <item name="colorAccent">@color/ffc000</item>
</style>


<style name="AntButton" parent="android:Widget">
    <item name="android:background">@drawable/abc_btn_default_mtrl_shape</item>
    <item name="android:textAppearance">?android:attr/textAppearanceButton</item>
    <item name="android:minHeight">48dip</item>
    <item name="android:minWidth">88dip</item>
    <item name="android:focusable">true</item>
    <item name="android:clickable">true</item>
    <item name="android:gravity">center_vertical|center_horizontal</item>
    <!--<item name="android:colorButtonNormal">@color/white</item>-->
</style>

我尝试更改buttonStyle和materialButtonStyle,但也没有效果!

这是我的布局xml:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/ll_popup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="@color/white"
        android:divider="@drawable/shape_divider_05dp"
        android:orientation="vertical"
        android:showDividers="beginning|middle">

        <!--only can use backgroundTint to change background color-->
        <Button
            android:id="@+id/item_popupwindows_Photo"
            android:layout_width="match_parent"
            android:layout_height="55dp"
            android:backgroundTint="@color/white"
            android:text="Pictrue"
            android:textColor="@color/c_666666"
            android:textSize="16sp" />

        <!--background not effect !!-->
        <Button
            android:id="@+id/item_popupwindows_cancel"
            android:layout_width="match_parent"
            android:layout_height="55dp"
            android:background="@color/white"
            android:text="cancel"
            android:textColor="@color/c_666666"
            android:textSize="16sp" />
    </LinearLayout>
</LinearLayout>

这是结果:

enter image description here

因为我已经在APP中使用了Chip和ChipGroup,所以我必须对用户主题扩展MaterialComponents!您知道如何解决吗?谢谢,告诉我!

在此页面Can't use android:background with button from the new material components中,作者想要更改默认的填充,但是我想更改backgroundDrawable,所以它对我不起作用。

2 个答案:

答案 0 :(得分:12)

如果您想要一个真实的Button,但是可以像框架Button(而不是MaterialButton)那样修改,则可以在布局中显式指定框架版本文件。替换为:

<Button
    android:id="@+id/item_popupwindows_cancel"
    ... />

与此:

<android.widget.Button
    android:id="@+id/item_popupwindows_cancel"
    ... />

这将为您提供在包装盒上说的话:android.widget.Button,它应该可以按照您期望的方式进行样式设计。

类似地,如果您要支持库功能而不是材料组件功能,则可以使用<androidx.appcompat.widget.AppCompatButton>

答案 1 :(得分:0)

在这种情况下,握住第二个LinearLayout的{​​{1}}似乎是白色背景。这意味着您无需为Button明确指定白色背景;您可以只显示Button的背景。

这可以通过使用LinearLayout中的the "Text Button" style来实现:

MaterialButton