Android ボタンのレイアウトをattributeファイルから設定したい

Question

前提・実現したいこと

Androidでボタンの形や色などを変更したいです。
レイアウトのbackgroundにdrawableのファイルを指定する形だと、種類の異なるボタンの数だけxmlファイルができてしまうので、
それを避けるために、backgroundにattributeファイルの内容を指定できないか試しています。

発生している問題・エラーメッセージ

backgroundにattributeファイルを指定して実行するとエラーが発生します。

    android.view.InflateException: Binary XML file line #9: Binary XML file line #9: Error inflating class Button
    Caused by: android.view.InflateException: Binary XML file line #9: Error inflating class Button
    Caused by: java.lang.UnsupportedOperationException: Failed to resolve attribute at index 13: TypedValue{t=0x2/d=0x7f040206 a=-1}
        at android.content.res.TypedArray.getDrawableForDensity(TypedArray.java:946)
        at android.content.res.TypedArray.getDrawable(TypedArray.java:930)
        at android.view.View.<init>(View.java:5017)
        at android.widget.TextView.<init>(TextView.java:875)
        at android.widget.Button.<init>(Button.java:166)
        at android.widget.Button.<init>(Button.java:141)
        at androidx.appcompat.widget.AppCompatButton.<init>(AppCompatButton.java:72)
        at androidx.appcompat.widget.AppCompatButton.<init>(AppCompatButton.java:68)
        at androidx.appcompat.app.AppCompatViewInflater.createButton(AppCompatViewInflater.java:192)
        at androidx.appcompat.app.AppCompatViewInflater.createView(AppCompatViewInflater.java:111)
        at androidx.appcompat.app.AppCompatDelegateImpl.createView(AppCompatDelegateImpl.java:1407)
        at androidx.appcompat.app.AppCompatDelegateImpl.onCreateView(AppCompatDelegateImpl.java:1457)
        at android.view.LayoutInflater$FactoryMerger.onCreateView(LayoutInflater.java:189)
        at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:772)
        at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:730)
        at android.view.LayoutInflater.rInflate(LayoutInflater.java:863)
        at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824)
        at android.view.LayoutInflater.rInflate(LayoutInflater.java:866)
        at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824)
        at android.view.LayoutInflater.rInflate(LayoutInflater.java:866)
        at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824)
        at android.view.LayoutInflater.inflate(LayoutInflater.java:515)
        at android.view.LayoutInflater.inflate(LayoutInflater.java:423)
        at jp.greatteacher.rokuryuapp_android.Top.TopFragment.onCreateView(TopFragment.kt:44)
        at androidx.fragment.app.Fragment.performCreateView(Fragment.java:2600)
        at androidx.fragment.app.FragmentManagerImpl.moveToState(FragmentManagerImpl.java:881)
        at androidx.fragment.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManagerImpl.java:1238)
        at androidx.fragment.app.FragmentManagerImpl.moveToState(FragmentManagerImpl.java:1303)
        at androidx.fragment.app.BackStackRecord.executeOps(BackStackRecord.java:439)
        at androidx.fragment.app.FragmentManagerImpl.executeOps(FragmentManagerImpl.java:2079)
        at androidx.fragment.app.FragmentManagerImpl.executeOpsTogether(FragmentManagerImpl.java:1869)
        at androidx.fragment.app.FragmentManagerImpl.removeRedundantOperationsAndExecute(FragmentManagerImpl.java:1824)
        at androidx.fragment.app.FragmentManagerImpl.execPendingActions(FragmentManagerImpl.java:1727)
        at androidx.fragment.app.FragmentManagerImpl.dispatchStateChange(FragmentManagerImpl.java:2663)
        at androidx.fragment.app.FragmentManagerImpl.dispatchActivityCreated(FragmentManagerImpl.java:2613)
        at androidx.fragment.app.FragmentController.dispatchActivityCreated(FragmentController.java:246)
        at androidx.fragment.app.FragmentActivity.onStart(FragmentActivity.java:542)
        at androidx.appcompat.app.AppCompatActivity.onStart(AppCompatActivity.java:201)
        at android.app.Instrumentation.callActivityOnStart(Instrumentation.java:1392)
        at android.app.Activity.performStart(Activity.java:7157)
        at android.app.ActivityThread.handleStartActivity(ActivityThread.java:2943)
        at android.app.servertransaction.TransactionExecutor.performLifecycleSequence(TransactionExecutor.java:180)
        at android.app.servertransaction.TransactionExecutor.cycleToPath(TransactionExecutor.java:165)
        at android.app.servertransaction.TransactionExecutor.executeLifecycleState(TransactionExecutor.java:142)

該当のソースコード

layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
                   <Button android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="テスト"
                    android:background="?attr/test"/>
</LinearLayout>

attr.xml

<resources>
    <declare-styleable name="TestCustom">
        <attr name="test" format="reference" />
    </declare-styleable>
</resources>

styles.xml

<resources>
    <style name="test">
        <item name="android:strokeColor">#ED586D</item>
        <item name="android:strokeWidth">2</item>
        <item name="android:solidColor">#ffffff</item>
        <item name="android:radius">30dp</item>
    </style>
</resources>

不足している情報などありましたら教えていただけたらと思います。
よろしくお願いします。

Answer 1

drawableリソースから利用するためのカスタム属性をattrリソースで定義してテーマで変更できるようにしたいなら、以下のような実装になると思います。

• drawable/shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid
        android:color="?solidColor"/>
    <corners
        android:topRightRadius="?radius"
        android:bottomRightRadius="?radius"
        android:bottomLeftRadius="?radius"
        android:topLeftRadius="?radius"/>
    <stroke
        android:width="?strokeWidth"
        android:color="?strokeColor"/>
</shape>

• values/attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="test">
        <attr name="strokeColor" format="color" />
        <attr name="strokeWidth" format="dimension" />
        <attr name="solidColor" format="color" />
        <attr name="radius" format="dimension" />
    </declare-styleable>
</resources>

• values/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="ButtonBackground1">
        <item name="strokeColor">#ED586D</item>
        <item name="strokeWidth">2dp</item>
        <item name="solidColor">#ffffff</item>
        <item name="radius">30dp</item>
    </style>
</resources>

• レイアウト

<Button
    ...
    android:background="@drawable/shape"
    android:theme="@style/ButtonBackground1"
    />

ただし、API21未満だとdrawableリソースからcolorの参照ができなかったと思うので、その点だけご注意ください。

Comments

[takepon0209]

ありがとうございます。
drawableフォルダにファイルが増えるのを避けたいです。
attrにボタン（や、その他のview）のレイアウトを追加していくことができれば、ファイルが増えなくて済むと思いました。

[kakajika]

1つのdrawableリソースを複数のButtonから利用するのではダメなのですか？

[takepon0209]

形や色がちがうボタンが複数あるので、その分だけファイルを作る必要があると考えているのですが、一つにまとめることなど可能でしょうか？

[kakajika]

あーなるほど、drawableリソースにテーマを適用できるようにしたいということだったのですね。では一応その方向で回答します。

[takepon0209]

解決しました！
ありがとうございました！