MaterialButtonについ調べたことメモ。
環境 : com.google.android.material:material:1.4.0
デフォルトで当たるstyle
結論
多くのThemeの場合、@style/Widget.MaterialComponents.Button
詳しく
まずMaterialButtonのコンストラクタを見てみる。
 |
|---|
→R.attr.materialButtonStyleである。
※ちなみに、xmlからinflateした場合、引数が2つ(View(Context context, AttributeSet attrs))のコンストラクタが呼ばれます。
ではR.attr.materialButtonStyle の内容は?
→多くのThemeの場合、@style/Widget.MaterialComponents.Button
 |
|---|
※Base.V14.Theme.MaterialComponents.BridgeはTheme.MaterialComponents.NoActionBarなどの親。
※ただし、ほかにも、@style/Widget.MaterialComponents.Button.TextButton.Dialog.Flushのことなどもなくはない。
 |
|---|
おまけ : @style/Widget.MaterialComponents.Buttonの内容
こんな感じ。
 |
|---|
だれがrippleつきの背景を作成しているか
MaterilaButtonはrippleがデフォルトでつきます。
しかし@style/Widget.MaterialComponents.Buttonにはrippleの設定のような部分があるにもかかわらずほかのViewのthemeやstyleとして指定してもrippleがつきませんでした。
そこでMaterialButtonがどのようにrippleを作成しているか調べました。
結論
MaterilaButtonの見た目の一部の設定を担っているMaterilaButtonHelperがbackgroundTintやrippleColorの値を考慮しつつ背景のdrawableとしてRippleDrawableというLayerDrawableを設定している。
詳しく
「MaterilaButtonHelperがMaterilaButtonの見た目の一部の設定を担っている」
この辺り。MaterilaButtonのコンストラクタで、MaterilaButtonHelperにAttributeと自身を渡して、色々とセットしてもらっている。
※コメントにはbackgroundのことだけをやっている風に書いてあるけど、実際のコードをみるとelevationのこともやっているように見える？
 |
|---|
MaterilaButtonHelper
「backgroundTintやrippleColorの値を考慮しつつ背景のdrawableとしてRippleDrawableというLayerDrawableを設定している。」
- 先ほど呼ばれていた
MaterilaButtonHelper#loadFromAttributes
- の中で、
MaterilaButtonHelper#updateBackgroundが呼ばれているが
- その中で
MaterilaButtonHelper#createBackgroundを呼びRippleDrawableを作成し、それを背景としてセットしている。
-
MaterilaButtonHelper#createBackgroundメソッド
 |
|---|
- 特にこの辺りで
RippleDrawableを作成。
 |
|---|
- ちなみに
rippleColorなどは、MaterilaButtonHelper#loadFromAttributesで渡されたAttributeから読み込んでいます。
 |
|---|
<item name="rippleColor">で設定した値ですね。
ちなみに
android:backgroundを設定してしまうと、このrippleつきの自動生成背景がつけてもらえなくなります。
それはMaterilaButtonHelper#loadFromAttributesでandroid:backgroundがあるときはMaterilaButtonHelper#updateBackgroundではなくMaterilaButtonHelper#setBackgroundOverwrittenが呼ばれるようになっており
 |
|---|
MaterilaButtonHelper#setBackgroundOverwrittenではrippleの生成などは全く行わないからです。
 |
|---|
AppCompatButtonに比べて、余分につくpaddingはどこが原因?
AppComapt系のthemeがあたったActivityにinflateするxmlのButtonとMaterial系のそれでは、同じandroid:paddingTopを設定しても実際のUI表示を確認するとMaterial系のそれの方が若干paddingが多くなってしまいます。その原因を探りました。
結論
MaterialButtonでは、MaterialButtonHelperがAttributeからpaddingを設定するときにandroid:paddingXXXとandroid:insetXXXを加算した値を実際のpaddingとして使用し、@style/Widget.MaterialComponents.ButtonのinsetTopとinsetBottomの値はnon-zeroだから。
詳しく
「MaterialButtonHelperがAttributeからpaddingを設定するときにandroid:paddingXXXとandroid:insetXXXを加算した値を実際のpaddingとして使用」
MaterilaButtonHelper#loadFromAttributes のこの辺り
 |
|---|
「@style/Widget.MaterialComponents.ButtonのinsetTopとinsetBottomの値はnon-zero」
-
@style/Widget.MaterialComponents.ButtonのinsetTopとinsetBottomの値
 |
|---|
@dimen/mtrl_btn_inset です。
※加えて、insetRightとinsetBottomは0dpなこともわかると思います。
@dimen/mtrl_btn_inset
 |
|---|
6dpです。
よって、MaterialButttonではデフォルトだと同じ値をandroid:paddingTopなどで指定してもAppCompatButtonよりTopとBottomのpaddingは少し大きくなってしまいます。
同じにしたいときはandroid;insetXXXをすべて0dpにする必要があります。
※ 厳密にはこれだけでは「差異の原因がandroid:insetXXXである」とは言えません(AppCompatButtonもandroid:insetXXXを見ているかもしれない)が、AppCompatButtonやButtonのコードにandroid:insetXXXを見ている部分はみつけられず、またMaterialButtonはAppCompatButtonの子クラスですがandroid:insetXXXはMaterialButtonのXML attributesとして公式ドキュメントに書かれているので「AppCompatButtonはandroid:insetXXXは見ていない」「差異の原因がandroid:insetXXXである」と言っていいと思います。