Как: определить тему (стиль) для пользовательского виджета - PullRequest
Новая
       4

Как: определить тему (стиль) для пользовательского виджета

81 голосов
/ 21 декабря 2010

Я написал собственный виджет для элемента управления, который мы широко используем в нашем приложении.Класс виджета происходит от ImageButton и расширяет его несколькими простыми способами.Я определил стиль, который я могу применить к виджету по мере его использования, но я бы предпочел настроить его с помощью темы.В R.styleable я вижу атрибуты стиля виджета, такие как imageButtonStyle и textViewStyle.Есть ли способ создать что-то подобное для пользовательского виджета, который я написал?

Ответы [ 2 ]

205 голосов
/ 19 февраля 2011

Да, есть один способ:

Предположим, у вас есть объявление атрибутов для вашего виджета (в attrs.xml): 

<declare-styleable name="CustomImageButton">
    <attr name="customAttr" format="string"/>
</declare-styleable>

Объявите атрибут, который вы будете использовать для стиляссылка (в attrs.xml): 

<declare-styleable name="CustomTheme">
    <attr name="customImageButtonStyle" format="reference"/>
</declare-styleable>

Объявление набора значений атрибутов по умолчанию для виджета (в styles.xml): 

<style name="Widget.ImageButton.Custom" parent="android:style/Widget.ImageButton">
    <item name="customAttr">some value</item>
</style>

Объявление пользовательской темы (в themes.xml): 

<style name="Theme.Custom" parent="@android:style/Theme">
    <item name="customImageButtonStyle">@style/Widget.ImageButton.Custom</item>
</style>

Используйте этот атрибут в качестве третьего аргумента в конструкторе вашего виджета (в CustomImageButton.java): 

public class CustomImageButton extends ImageButton {
    private String customAttr;

    public CustomImageButton( Context context ) {
        this( context, null );
    }

    public CustomImageButton( Context context, AttributeSet attrs ) {
        this( context, attrs, R.attr.customImageButtonStyle );
    }

    public CustomImageButton( Context context, AttributeSet attrs,
            int defStyle ) {
        super( context, attrs, defStyle );

        final TypedArray array = context.obtainStyledAttributes( attrs,
            R.styleable.CustomImageButton, defStyle,
            R.style.Widget_ImageButton_Custom ); // see below
        this.customAttr =
            array.getString( R.styleable.CustomImageButton_customAttr, "" );
        array.recycle();
    }
}

Теперь вы должны применить Theme.Custom ко всемдействия, которые используют CustomImageButton (в AndroidManifest.xml): 

<activity android:name=".MyActivity" android:theme="@style/Theme.Custom"/>

Вот и все.Теперь CustomImageButton пытается загрузить значения атрибута по умолчанию из атрибута customImageButtonStyle текущей темы.Если такой атрибут не найден в теме или значение атрибута равно @null, то будет использован последний аргумент obtainStyledAttributes: в этом случае Widget.ImageButton.Custom.

Вы можете изменить имена всех экземпляров и всехфайлы (кроме AndroidManifest.xml), но было бы лучше использовать соглашение об именах Android.

4 голосов
/ 13 июля 2017

Другим аспектом в дополнение к отличному ответу Майкла является переопределение пользовательских атрибутов в темах. Предположим, у вас есть несколько пользовательских представлений, которые все ссылаются на пользовательский атрибут «custom_background». 

<declare-styleable name="MyCustomStylables">
    <attr name="custom_background" format="color"/>
</declare-styleable>

В теме вы определяете значение 

<style name="MyColorfulTheme" parent="AppTheme">
    <item name="custom_background">#ff0000</item>
</style>

или 

<style name="MyBoringTheme" parent="AppTheme">
    <item name="custom_background">#ffffff</item>
</style>

Вы можете обратиться к атрибуту в стиле 

<style name="MyDefaultLabelStyle" parent="AppTheme">
    <item name="android:background">?background_label</item>
</style>

Обратите внимание на знак вопроса, который также используется для справочного атрибута Android как в 

?android:attr/colorBackground

Как многие из вас заметили, вы можете - и, вероятно, должны - использовать ссылки @color вместо жестко закодированных цветов.

Так почему бы просто не сделать 

<item name="android:background">@color/my_background_color</item>

Вы не можете изменить определение «my_background_color» во время выполнения, тогда как вы можете легко переключать темы.

...