worked
worked

Reputation: 5880

Android + Data Binding @style

While using the new data binding api, I found that you can't bind to the "style" attribute. Compiler complains that it can't find the style. However, if I simply set the style as is, it'll find it just fine. For example:

doesn't work:

style="@{TextUtils.isEmpty(row.getSubtitle()) ? @style/SubTitle : @style/Title}"

works:

style="@style/SubTitle"

Error:

Error:Execution failed for task ':app:compileDebugJavaWithJavac'.

java.lang.RuntimeException: Found data binding errors. ****/ data binding error ****msg:Identifiers must have user defined types from the XML file. SubTitle is missing it file:/~/test/app/src/main/res/layout/row.xml loc:48:71 - 48:78 ****\ data binding error ****

Upvotes: 54

Views: 22130

Answers (4)

Ponomarenko Oleh
Ponomarenko Oleh

Reputation: 810

Nowadays, we can set the textAppearance (subset of style) in this way:

android:textAppearance='@{viewModel.messageCount > 0 ? R.style.B5_error : R.style.B5_error}'

Don't forget to import "R" from YOUR project.

Correct

<import type="com.company.project.R" />

   

Incorrect:

<import type="android.R"/>

Upvotes: 2

Raphael C
Raphael C

Reputation: 2412

I have a found a rather elegant solution for applying styles with data binding. I use the Paris library and then create binding adapters for interested views. for example:

@BindingAdapter("bindTextViewStyle")
fun TextView.bindTextViewStyle(styleResourceId: Int) {
    this.style(styleResourceId)
}

and then in XML:

<TextView
    app:bindTextViewStyle="@{viewModel.priceStyleResource}"
    .../>

viewModel.priceStyleResource is a MutableLiveData in my view model which is set with the style resource ID.

priceStyleResource.value = R.style.QuoteDetailsHeaderItem_Up

EXTRA NOTE

You can also probably make a generic bindStyle binding adapter directly for the View class, but in that case the attribute items specifically for textviews (textColor for example) will not get applied. So up to you to find the right balance and naming.

Upvotes: 2

Matthew Horst
Matthew Horst

Reputation: 2041

Although @bwhite is correct, there may be workarounds you can do. It depends what you need to conditionally change. For instance, if you want to change the font based on the condition (which I needed to do), you can do it by making a custom binding adapter.

In other words, doing something like this:

public class FontBindingAdapter {

    @BindingAdapter({"bind:font"})
    public static void setFont(TextView textView, String typefaceName){
        Typeface typeface = ResourcesCompat.getFont(context, R.font.myfont);
        // You'd probably want to actually use `typefaceName` to determine the font to use 
        textView.setTypeface(typeface);
    }

Then in your layout, like this:

<TextView
   app:font="@{some_condition ? @string/typeface_string_name_bold: @string/typeface_string_name_bold_light}"

I used this in my code, based on a great post: https://plus.google.com/+LisaWrayZeitouni/posts/LTr5tX5M9mb

Upvotes: 14

bwhite
bwhite

Reputation: 2671

The data binding unfortunately is not supported for styles: https://code.google.com/p/android-developer-preview/issues/detail?id=2613

Upvotes: 49

Related Questions