logo标签列表

Android数据绑定中的layout_width和layout_height

javaandroidmvvmdata-binding
37

我需要能够动态设置EditText的高度属性。我在我的应用程序中使用数据绑定控制其他属性，所以我希望能够使用数据绑定来控制元素的高度。这是我的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>

以下是我 View Model 的简化版本：

public class LoginViewModel extends BaseObservable {
public final ObservableField<String> verificationCode; 
public final ObservableField<Boolean> compact;

@Bindable
public String getVerificationCode() {
    if (this.verificationCode == null) {
        return "";
    } else {
        return this.verificationCode.get();
    }
}

public void setVerificationCode(String verificationCode) {
    this.verificationCode.set(verificationCode);
    invalidateProperties();
}

@Bindable
public 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();
}

尺寸在dimens.xml文件中。我正在修改视图模型中的属性。但是，当我启动应用程序时，立即出现以下错误（绑定适配器未在调试中触发）。屏幕上有几个其他元素，但这个特定的元素是我需要在特定操作发生时更改高度的元素：

FATAL EXCEPTION: main

Process: com.testing.stuff, PID: 32752

java.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.

在SO上有一些关于这个问题的帖子，但没有明确的答案或者方法不起作用。毫无疑问，这是一种常见的实现。提前感谢您的帮助。

1
当考虑到数据绑定仍然是一个发布候选版本时，我不认为与数据绑定相关的任何内容都是“常见的”。如果您无法以这种方式设置高度和宽度，则我不会感到惊讶，因为在填充布局时立即验证该数据，此时您甚至还没有注入模型，更不用说设置这些属性了。可能有一些解决方法，使用合成属性（例如app:width）将绑定表达式应用于其上，从而调整视图的LayoutParams。 - CommonsWare
你可能是完全正确的。我猜是因为我在其他平台（Windows）上对数据绑定非常熟悉，所以我也期望它在Android上很普遍。 - John Murphy
7个回答
58

在Java中

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

并且在你的XML中

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

像这样导入应用程序

xmlns:app="http://schemas.android.com/apk/res-auto"
6
为了使它工作，我不得不添加一个默认值 android:layout_height="@{smallScreen ? @dimen/dp_20 : @dimen/dp_5, default=wrap_content}"。其中，当 smallScreen 为真时，使用 @dimen/dp_20 作为高度；否则，使用 @dimen/dp_5 作为高度。如果没有提供默认值，则会出现错误。 - Shubham
14
对我来说，它显示了一个错误java.lang.RuntimeException: Binary XML file line #21: 如果我没有添加默认值，则必须提供layout_width属性。 - Shubham
1
别忘了要将 layoutParams.height = height.toInt() 转换为整型。 - Akhila
1
@Shubham，你需要提供一个默认值。app:layout_height="@{ viewModel.isBig ? @dimen/dp_20 : @dimen/dp_5 , default=wrap_content}" - Siamak
无法找到接受“float”类型参数的<android.view.View android:layout_height>的setter方法。 - Konstantin Konopko
显示剩余2条评论
35

当使用数据绑定时，我们会从XML中过滤掉某些值。您可以添加一个默认值，在被过滤时使用它以避免出现问题。

参见：http://developer.android.com/tools/data-binding/guide.html（页面底部）。

android:layout_height="@{loginVM.compact ? @dimen/verificationHeightCompact : @dimen/verificationHeightFull, default=wrap_content}"
13
对我来说没有起作用：Error:(13, 34) Cannot find the setter for attribute 'android:layout_width' with parameter type float on android.widget.LinearLayout. - Guilherme Torres Castro
@GuilhermeTorresCastro，请在下面检查我的答案。 - Linh
我们想要设置计算高度而不是从XML中获取吗？ - Usman Rana
12

我用 Kotlin 而不是 Java 来解决了这个问题。

创建一个名为 

MyBindings.kt

然后放进去：

@BindingAdapter("bind:customHeight")
fun setLayoutHeight(view: View, height: Float) {
    view.layoutParams = view.layoutParams.apply { this.height = height.toInt() }
}

然后您可以在布局中使用此内容：

<EditText 
android:id="@+id/internalTopDisplay"
android:layout_width="match_parent"
bind:customHeight="@{loginVM.compact ? @dimen/verificationHeightCompact : @dimen/verificationHeightFull}"
android:layout_height="wrap_content"/>
12

根据Android问题跟踪器上的讨论，使用数据绑定无法设置布局高度或宽度，除非创建自定义绑定适配器：

https://code.google.com/p/android/issues/detail?id=180666

用于设置视图高度的绑定适配器如下：

@BindingAdapter("android:layout_height")
public static void setLayoutHeight(View view, int height) {
    LayoutParams layoutParams = view.getLayoutParams();
    layoutParams.height = height;
    view.setLayoutParams(layoutParams);
}
谢谢，这节省了我数小时的搜索时间！ - user2424380
2
对我没用，我得到了“必须提供layout_height属性”的错误提示。 - hmac
5

对我而言，以下方法解决了问题：

    @BindingAdapter("android:layout_height")
    public static void setLayoutHeight(View view, final Number height) {
        final ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
        layoutParams.height =  height.intValue();
        view.setLayoutParams(layoutParams);
    }

并且这是xml：

android:layout_height="@{item.isItemCollapsed ? @dimen/radar_item_first_background_height  : item.textMaxLines, default=@dimen/radar_item_first_background_height}"
3
你可以添加一个绑定适配器来接收浮点数的 android:layout_height。
对于 height:
@BindingAdapter("android:layout_height")
    public static void setLayoutHeight(View view, float height) {
        ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
        layoutParams.height = (int) height;
        view.setLayoutParams(layoutParams);
    }

For width:

@BindingAdapter("android:layout_width")
public static void setLayoutWidth(View view, float height) {
    ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
    layoutParams.width = (int) height;
    view.setLayoutParams(layoutParams);
}

使用方法:

android:layout_width="@{model.isBig ? @dimen/big_dimen : @dimen/small_dimen, default=wrap_content}"

android:layout_height="@{model.isBig ? @dimen/big_dimen : @dimen/small_dimen, default=wrap_content}"

"最初的回答" 翻译成英文是 "Original Answer"。关于IT技术相关内容，需要注意设置默认值。请勿忘记设置默认值。
1
这是一种简洁、可扩展的机制，使用布尔值可以在两个layout_height或layout_width状态之间进行切换。您需要将LayoutWidthHeightBindingAdapterVariants类导入到布局中，以指定其中一个值在布局中的使用：
@BindingAdapter(value = ["android:layout_height", "app:layout_widthHeightVariant"])
fun expandContractHeight(view: View, flag: Boolean, variant: LayoutWidthHeightBindingAdapterVariants) {
    val params = view.layoutParams
    params.height = if (flag) variant.valueWhenTrue else variant.valueWhenFalse
    view.layoutParams = params
    view.invalidate()
}

@BindingAdapter(value = ["android:layout_width", "app:layout_widthHeightVariant"])
fun expandContractWidth(view: View, flag: Boolean, variant: LayoutWidthHeightBindingAdapterVariants) {
    val params = view.layoutParams
    params.height = if (flag) variant.valueWhenTrue else variant.valueWhenFalse
    view.layoutParams = params
    view.invalidate()
}

enum class LayoutWidthHeightBindingAdapterVariants(val valueWhenFalse: Int, val valueWhenTrue: Int) {
    // format: <falseValue>_TO_<trueValue>
    WRAP_TO_MATCH(WRAP_CONTENT, MATCH_PARENT),
    MATCH_TO_WRAP(MATCH_PARENT, WRAP_CONTENT),
    WRAP_TO_ZERODP(WRAP_CONTENT, 0),
    ZERODP_TO_WRAP(0, WRAP_CONTENT)
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接