Zenn
Closed4

作業ログ 2021/04/02

#
メモ
#
作業ログ
モガンボモガンボ

ボタンのレイアウト

  • 枠ありのボタンを作りたい
    • とりあえずstyle作成してbackgroudに割当→変わらず
      • app:backgroundTintに@null設定で変わったけどアニメーション出ない
        • とりあえず一旦これで
モガンボモガンボ
  • Widget.MaterialComponents.Button.OutlinedButtonを使用するのが良さげ
<!-- style -->
    <style name="MyButton" parent="Widget.MaterialComponents.Button.OutlinedButton">
        <item name="shapeAppearanceOverlay">@style/MyShapeAppearance</item>
        <item name="strokeColor">@color/black</item>
        <item name="strokeWidth">2dp</item>
        <item name="rippleColor">@color/calc_button_ripple_color</item>
    </style>
    <style name="MyShapeAppearance">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">8dp</item>
    </style>

<!-- color/calc_button_ripple_color -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:alpha="@dimen/mtrl_low_ripple_pressed_alpha" android:color="@color/black" android:state_pressed="true" />
    <item android:alpha="@dimen/mtrl_low_ripple_focused_alpha" android:color="@color/black" android:state_focused="true" android:state_hovered="true" />
    <item android:alpha="@dimen/mtrl_low_ripple_focused_alpha" android:color="@color/black" android:state_focused="true" />
    <item android:alpha="@dimen/mtrl_low_ripple_hovered_alpha" android:color="@color/black" android:state_hovered="true" />
    <item android:alpha="@dimen/mtrl_low_ripple_default_alpha" android:color="@color/black" />
</selector>
  • 変えたいボタンのstyleにMyButtonを割り当てる
このスクラップは2021/04/05にクローズされました