Java – Android Data Binding layout_width and layout_height

android, data-binding, java, mvvm

I need to be able to dynamically set an EditText's height property. I am using data binding for other properties throughout my app, so I would love to be able to use data binding to control the height of my elements. Here is a stripped down version of my xml:

<?xml version="1.0" encoding="utf-8"?><layout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"><data>    <variable name="loginVM" type="com.testing.stuff.ViewModels.LoginViewModel" /></data><EditText android:inputType="number"            android:id="@+id/txtVerificationCode"            android:layout_height="@{loginVM.compact ? @dimen/verificationHeightCompact : @dimen/verificationHeightFull}"            android:layout_width="match_parent"            android:paddingRight="16dp"            android:paddingLeft="16dp"            android:focusable="true"            android:focusableInTouchMode="true"            android:layout_marginLeft="10dp"            android:alpha="@{loginVM.verificationOpacity}"            android:layout_marginStart="10dp"            android:textAlignment="center"            android:visibility="visible"            android:hint="Enter verificationCode"            android:text="@{loginVM.verificationCode}" /></layout> 

And here is a stripped down version of my View Model:

public class LoginViewModel extends BaseObservable {public final ObservableField<String> verificationCode; public final ObservableField<Boolean> compact;@Bindablepublic String getVerificationCode() {    if (this.verificationCode == null) {        return "";    } else {        return this.verificationCode.get();    }}public void setVerificationCode(String verificationCode) {    this.verificationCode.set(verificationCode);    invalidateProperties();}@Bindablepublic Boolean getCompact(){return this.compact.get();}public void setCompact(Boolean value){    this.compact.set(value);    this.invalidateProperties();}@BindingAdapter("android:layout_height")public static void setLayoutHeight(EditText view, float height){    ViewGroup.LayoutParams layoutParams = view.getLayoutParams();    layoutParams.height = (int)height;    view.setLayoutParams(layoutParams);}public LoginViewModel(Context ctx) {    verificationCode = new ObservableField();    compact = new ObservableField();}

The dimensions are in the dimens.xml file. And I am modifying the properties in the view model. But, when I launch the app, I'm getting the following error immediately after launch (the bindingadapter is not firing on debug). I have several other elements on the screen but this particular one is the one I need to change the height when a particular action occurs:

FATAL EXCEPTION: mainProcess: com.testing.stuff, PID: 32752java.lang.RuntimeException: Unable to start activity  ComponentInfo{com.testing.stuff/com.testing.stuff.Login}: java.lang.RuntimeException: Binary XML file line #69: You must supply a layout_height attribute.Caused by: java.lang.RuntimeException: Binary XML file line #69: You must supply a layout_height attribute.

There are a few posts on SO regarding this issue but no definitive answers or the approach did not work. Surely this is an implementation that is common. Thanks in advance for the help.

Best Solution

In Java

@BindingAdapter("layout_height")public static void setLayoutHeight(View view, float height) {    LayoutParams layoutParams = view.getLayoutParams();    layoutParams.height = height;    view.setLayoutParams(layoutParams);}

And in your XML

app:layout_height="@{ viewModel.isBig ? @dimen/dp_20 : @dimen/dp_5 }"

import the app like this

xmlns:app="http://schemas.android.com/apk/res-auto"