Closed2021/04/05にクローズ4

作業ログ 2021/04/02

メモ

作業ログ

モガンボ

Kotlin

電卓みたいなの作成

参考URL

モガンボ

ボタンのレイアウト

枠ありのボタンを作りたい
- とりあえず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にクローズされました