MaterialButton和简单Button之间有什么区别吗?

时间:2019-09-13 14:48:39

标签: android material-design android-appcompat android-button material-components-android

如果我将 Theme.MaterialComponents.Light 设置为我的主要主题,那么如果我在xml布局中使用这两个按钮,会有什么区别?

<Button />

<com.google.android.material.button.MaterialButton />

如我所见,它们的行为均与MaterialButtons相同。 如果要获取旧的普通按钮的行为,则必须使用:

<androidx.appcompat.widget.AppCompatButton />

谢谢!

1 个答案:

答案 0 :(得分:8)

如果您使用的是材质主题,则<Button /><com.google.android.material.button.MaterialButton />之间的差异没有差异

启用了自动充气,它将在运行时将{strong> <Button替换为<com.google.android.material.button.MaterialButton

MaterialComponentsViewInflater在充气时用Material Components替换了一些框架widget,前提是正在使用Material Components主题。
AppCompat也会发生类似的情况(您可以检查MaterialComponentsViewInflater extends AppCompatViewInflater)。

这意味着,如果您正在使用“材质主题”,则在运行时将<Button替换为<com.google.android.material.button.MaterialButton

  

如果我想获得旧的普通按钮的行为,则必须使用:   <androidx.appcompat.widget.AppCompatButton />

这是一个选择,但不一定。
这取决于您要实现的目标。您还可以配置自定义样式,因为Widget.MaterialComponents.ButtonWidget.AppCompat.Button继承。

It is the difference

<style name="Widget.MaterialComponents.Button" parent="Widget.AppCompat.Button">
    <item name="enforceMaterialTheme">true</item>
    <item name="enforceTextAppearance">true</item>
    <item name="android:textAppearance">?attr/textAppearanceButton</item>
    <item name="android:textColor">@color/mtrl_btn_text_color_selector</item>
    <item name="android:paddingLeft">@dimen/mtrl_btn_padding_left</item>
    <item name="android:paddingRight">@dimen/mtrl_btn_padding_right</item>
    <item name="android:paddingTop">@dimen/mtrl_btn_padding_top</item>
    <item name="android:paddingBottom">@dimen/mtrl_btn_padding_bottom</item>
    <item name="android:insetLeft">0dp</item>
    <item name="android:insetRight">0dp</item>
    <item name="android:insetTop">@dimen/mtrl_btn_inset</item>
    <item name="android:insetBottom">@dimen/mtrl_btn_inset</item>
    <item name="android:stateListAnimator" ns2:ignore="NewApi">@animator/mtrl_btn_state_list_anim</item>
    <item name="cornerRadius">@null</item>
    <item name="elevation">@dimen/mtrl_btn_elevation</item>
    <item name="iconPadding">@dimen/mtrl_btn_icon_padding</item>
    <item name="iconTint">@color/mtrl_btn_text_color_selector</item>
    <item name="rippleColor">@color/mtrl_btn_ripple_color</item>
    <item name="backgroundTint">@color/mtrl_btn_bg_color_selector</item>
    <item name="shapeAppearance">?attr/shapeAppearanceSmallComponent</item>
  </style>