288

Here's XML:

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/LightStyle"
    android:layout_width="fill_parent"
    android:layout_height="55dip"
    android:clickable="true"
    android:orientation="horizontal" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" />

</RelativeLayout>

How to set style attribute programmatically?

2

16 Answers 16

274

Technically you can apply styles programmatically, with custom views anyway:

private MyRelativeLayout extends RelativeLayout {
  public MyRelativeLayout(Context context) {
     super(context, null, R.style.LightStyle);
  }
}

The one argument constructor is the one used when you instantiate views programmatically.

So chain this constructor to the super that takes a style parameter.

RelativeLayout someLayout = new MyRelativeLayout(new ContextThemeWrapper(this,R.style.RadioButton));

Or as @Dori pointed out simply:

RelativeLayout someLayout = new RelativeLayout(new ContextThemeWrapper(activity,R.style.LightStyle));

Now in Kotlin:

class MyRelativeLayout @JvmOverloads constructor(
    context: Context, 
    attributeSet: AttributeSet? = null, 
    defStyleAttr: Int = R.style.LightStyle,
) : RelativeLayout(context, attributeSet, defStyleAttr)

or

 val rl = RelativeLayout(ContextThemeWrapper(activity, R.style.LightStyle))
Sign up to request clarification or add additional context in comments.

13 Comments

You could just do this programatically without extending as the 3 arg constructor is public anyhow developer.android.com/reference/android/widget/…, android.util.AttributeSet, int)
@Turbo, both the docs and eclipse should tell you that: http://developer.android.com/reference/android/widget/LinearLayout.html#LinearLayout(android.content.Context, android.util.AttributeSet, int). With LinearLayout Level 11+ is required.
@Dori What would you pass for the AttributeSet?
If it's a TextView, you need to use setTextAppearance(R.style.small_text) for those attributes that affect text (size, color, etc.)
I have no idea why 3rd-argument approach does not work. I applied to Button. @Benjamin Piette approach works fine.
|
156

What worked for me:

Button b = new Button(new ContextThemeWrapper(this, R.style.ButtonText), null, 0);
  • Use a ContextThemeWrapper

AND

  • Use the 3-arguments constructor (won't work without this)

8 Comments

Using your method works, but I get W/ResourceType﹕ Too many attribute references, stopped at: 0x01010034. Any workaround?
I've never seen that issue. That may be a device-specific issue, or something related to a recent Android version ?
IMPORTANT! This method does work, but will set the styling for every child view as well if creating a new Layout with the ContextThemeWrapper.
@aProperFox can you explain better? With me works by adding just to a Button. You refer to a layout?
@Gilian exactly, if you use this on a compound view that has one or more children, they will get the same styling as the parent view you set the style for. This could lead to too much padding or margin within inner views and can drive you insane if you're not aware of it :)
|
94

Update: At the time of answering this question (mid 2012, API level 14-15), setting the view programmatically was not an option (even though there were some non-trivial workarounds) whereas this has been made possible after the more recent API releases. See @Blundell's answer for details.

OLD Answer:

You cannot set a view's style programmatically yet, but you may find this thread useful.

6 Comments

Not true. See @Blundell's answer.
For some situations (using TextView for example) you can use textView.setTextAppearance(context, R.style.mystyle); . According to doc "Sets the text color, size, style, hint color, and highlight color from the specified TextAppearance resource." developer.android.com/reference/android/widget/…, int)
api > 23 ; textView.setTextAppearance(R.style.mystyle);
I posted this answer over 4 years ago @HaydenKai. and the API has changed a lot since then enabling applying styles programmatically.
@KorhanOzturk agreed, but on SO with questions like this that have activity the question should be reopened and a new answer accepted
|
24

For a new Button/TextView:

Button mMyButton = new Button(new ContextThemeWrapper(this, R.style.button_disabled), null, 0);

For an existing instance:

mMyButton.setTextAppearance(this, R.style.button_enabled);

For Image or layouts:

Image mMyImage = new ImageView(new ContextThemeWrapper(context, R.style.article_image), null, 0);

Comments

17

This is quite old question but solution that worked for me now is to use 4th parameter of constructor defStyleRes - if available.. on view... to set style

Following works for my purposes (kotlin):

val textView = TextView(context, null, 0, R.style.Headline1)

1 Comment

Note that this constructor was added in API 21 hence if you have minSdkVersion < 21 you'll get the error "Call requires API level 21 (current min is 19)"
12

If you'd like to continue using XML (which the accepted answer doesn't let you do) and set the style after the view has been created you may be able to use the Paris library which supports a subset of all available attributes.

Since you're inflating your view from XML you'd need to specify an id in the layout:

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/my_styleable_relative_layout"
    style="@style/LightStyle"
    ...

Then when you need to change the style programmatically, after the layout has been inflated:

// Any way to get the view instance will do
RelativeLayout myView = findViewById(R.id.my_styleable_relative_layout);

// This will apply all the supported attribute values of the style
Paris.style(myView).apply(R.style.LightStyle);

For more: the list of supported view types and attributes (includes background, padding, margin, etc. and can easily be extended) and installation instructions with additional documentation.

Disclaimer: I'm the original author of said library.

6 Comments

Is this still a recommended approach to use in 2019?
@IgorGanapolsky afaik yes! I don't know of any better one.
Thank you @Nathanael for providing this solution. Also for being the maintainer of it with the latest line_height attribute. Keep up the good work! Really useful.
Yes but take in mind it is currently not supported with material components attributes. (correct me if I am wrong) I am new to android development, the best solution currently would be to hide/show same views with different styles?
Interesting... is this library of yours suitable for android SDK 31?
|
6

You can apply a style to your activity by doing:

super.setTheme( R.style.MyAppTheme );

or Android default:

super.setTheme( android.R.style.Theme );

in your activity, before setContentView().

1 Comment

@siemian can you please let FOM express himself freely? He needs no editing!
6

Non of the provided answers are correct.

You CAN set style programatically.

Short answer is take a look at http://grepcode.com/file/repository.grepcode.com/java/ext/com.google.android/android/5.1.1_r1/android/content/Context.java#435

Long answer. Here's my snippet to set custom defined style programatically to your view:

1) Create a style in your styles.xml file

 <style name="MyStyle">
    <item name="customTextColor">#39445B</item>
    <item name="customDividerColor">#8D5AA8</item>
</style>

Do not forget to define your custom attributes in attrs.xml file

My attrsl.xml file:

<declare-styleable name="CustomWidget">
    <attr name="customTextColor" format="color" />
    <attr name="customDividerColor" format="color" />
</declare-styleable>

Notice you can use any name for your styleable (my CustomWidget)

Now lets set the style to the widget Programatically Here's My simple widget:

public class StyleableWidget extends LinearLayout {

private final StyleLoader styleLoader = new StyleLoader();

private TextView textView;
private View divider;

public StyleableWidget(Context context) {
    super(context);
    init();
}

private void init() {
    inflate(getContext(), R.layout.widget_styleable, this);
    textView = (TextView) findViewById(R.id.text_view);
    divider = findViewById(R.id.divider);
    setOrientation(VERTICAL);
}

protected void apply(StyleLoader.StyleAttrs styleAttrs) {
    textView.setTextColor(styleAttrs.textColor);
    divider.setBackgroundColor(styleAttrs.dividerColor);
}

public void setStyle(@StyleRes int style) {
    apply(styleLoader.load(getContext(), style));
}
}

layout:

<TextView
    android:id="@+id/text_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="22sp"
    android:layout_gravity="center"
    android:text="@string/styleble_title" />

<View
    android:id="@+id/divider"
    android:layout_width="match_parent"
    android:layout_height="1dp"/>

</merge>

And finally StyleLoader class implementation

public class StyleLoader {

public StyleLoader() {

}

public static class StyleAttrs {
    public int textColor;
    public int dividerColor;
}

public StyleAttrs load(Context context, @StyleRes int styleResId) {
    final TypedArray styledAttributes = context.obtainStyledAttributes(styleResId, R.styleable.CustomWidget);
    return load(styledAttributes);
}

@NonNull
private StyleAttrs load(TypedArray styledAttributes) {
    StyleAttrs styleAttrs = new StyleAttrs();
    try {
        styleAttrs.textColor = styledAttributes.getColor(R.styleable.CustomWidget_customTextColor, 0);
        styleAttrs.dividerColor = styledAttributes.getColor(R.styleable.CustomWidget_customDividerColor, 0);
    } finally {
        styledAttributes.recycle();
    }
    return styleAttrs;
}
}

You can find fully working example at https://github.com/Defuera/SetStylableProgramatically

3 Comments

This is not true style, it's just a fake by applying/setting the saved settings (yes it's actually some kind of settings saved in your XML file) on your Views (here you have just 2 fixed Views - and you surely need to know them beforehand). All the magic is in the apply method which does nothing interesting. The true meaning of style is it automatically applying some visual style on all the future dynamically added Views. This code here of course cannot do that and there is nothing dynamic here, we need to know what Views and which properties/fields to set.
I don't mind specifying what views to apply styles to, but this solution has the style elements hard-coded (e.g. textColor and dividerColor). It will not dynamically find all elements defined in the style and apply them to the view.
The link you posted doesn't open. Can you please re-post?
6

This is my simple example, the key is the ContextThemeWrapper wrapper, without it, my style does not work, and using the three parameters constructor of the View.

ContextThemeWrapper themeContext = new ContextThemeWrapper(this, R.style.DefaultLabelStyle);
TextView tv = new TextView(themeContext, null, 0);
tv.setText("blah blah ...");
layout.addView(tv);

Comments

3

the simple way is passing through constructor

RadioButton radioButton = new RadioButton(this,null,R.style.radiobutton_material_quiz);

1 Comment

A little more illustration on how to use this solution would be helpful.
3

I don't propose to use ContextThemeWrapper as it do this:

The specified theme will be applied on top of the base context's theme.

What can make unwanted results in your application. Instead I propose new library "paris" for this from engineers at Airbnb:

https://github.com/airbnb/paris

Define and apply styles to Android views programmatically.

But after some time of using it I found out it's actually quite limited and I stopped using it because it does not support a lot of properties i need out off the box, so one have to check out and decide as always.

4 Comments

Explain your downvote buddy... I lost one day and half because I have used ContextThemeWrapper , and it applied to my context theme white background, then suddenly Chip widget from google material library was crashing, guess why...
Doesn't Paris library use ContextThemeWrapper underneath?
@IgorGanapolsky it does not. It reads the XML style and converts it into the corresponding method calls on the view.
It's actually quite limited I stopped using it because it does not support a lot of properties i needed...
3
int buttonStyle = R.style.your_button_style;
Button button = new Button(new ContextThemeWrapper(context, buttonStyle), null, buttonStyle);

Only this answer works for me. See https://stackoverflow.com/a/24438579/5093308

Comments

0

best simple solution i found, using alertDialog with a custom layout, is :

val mView = LayoutInflater.from(context).inflate(layoutResId, null)

val dialog = AlertDialog.Builder(context, R.style.CustomAlertDialog)
    .setView(mView)
    .setCancelable(false)
    .create()

where style is

<style name="CustomAlertDialog" parent="Theme.AppCompat.Light.Dialog.Alert">
    <item name="android:background">@drawable/bg_dialog_white_rounded</item>
</style>

and bg_dialog_white_rounded.xml is

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="16dp" />

    <solid android:color="@Color/white" />
</shape>

layoutResId is a resource id of any layout that has to have the theme set to "@style/CustomAlertDialog", for example:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginStart="@dimen/wdd_margin_medium"
    android:theme="@style/CustomAlertDialog"
    android:layout_marginEnd="@dimen/wdd_margin_medium">

..... etc...
</androidx.constraintlayout.widget.ConstraintLayout>

Comments

-1

I used views defined in XML in my composite ViewGroup, inflated them added to Viewgroup. This way I cannot dynamically change style but I can make some style customizations. My composite:

public class CalendarView extends LinearLayout {

private GridView mCalendarGrid;
private LinearLayout mActiveCalendars;

private CalendarAdapter calendarAdapter;

public CalendarView(Context context) {
    super(context);

}

public CalendarView(Context context, AttributeSet attrs) {
    super(context, attrs);

}

@Override
protected void onFinishInflate() {
    super.onFinishInflate();
    init();
}

private void init() {
    mCalendarGrid = (GridView) findViewById(R.id.calendarContents);
    mCalendarGrid.setNumColumns(CalendarAdapter.NUM_COLS);

    calendarAdapter = new CalendarAdapter(getContext());
    mCalendarGrid.setAdapter(calendarAdapter);
    mActiveCalendars = (LinearLayout) findViewById(R.id.calendarFooter);
}

}

and my view in xml where i can assign styles:

<com.mfitbs.android.calendar.CalendarView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/calendar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:orientation="vertical"
>

<GridView
    android:id="@+id/calendarContents"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

<LinearLayout
    android:id="@+id/calendarFooter"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    />

1 Comment

Where are you dynamically setting the style?
-1

if inside own custom view : val editText = TextInputEditText(context, attrs, defStyleAttr)

Comments

-6

You can create the xml containing the layout with the desired style and then change the background resource of your view, like this.

1 Comment

You are mote talking about a "style" as in Android, but about the "aspect" of a button. this is very different.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.