DataBinding+ViewStub使用

646 阅读1分钟

在 ConstraintLayout 中使用 ViewStub

解决其他布局根据ViewStub来显示自身的位置的问题;

ViewStub没有inflate,可以正常显示;一旦inflate后(VISIBLE),可能显示异常位置

Android DataBinding使用详解(二)

4.【网页搜索】ViewStub

解决ViewStub在DataBinding内使用的问题

代码补充

界面.xml
<layout 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">

    <data>

    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:background="@drawable/item_dialog_bg"
        android:elevation="2dp">
        <TextView
            android:id="@+id/tx_content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:lineSpacingExtra="8dp"
            android:textColor="@color/tip"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="订单类型:\n申请人:\n申请时间:\n申请数量:\n完成时间:" />
         <ViewStub
            android:id="@+id/viewStub"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inflatedId="@+id/viewStub"
            android:layout="@layout/item_unfinish_search_viewstub"
            app:layout_constraintTop_toOf="@+id/tx_content" />

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/tx_unfold"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:drawableRight="@mipmap/ico_flod"
            android:drawablePadding="6dp"
            android:gravity="center"
            android:padding="12dp"
            android:text="展开"
            android:textColor="@color/ed_hint"
            android:textSize="12sp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/viewStub" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>
item_unfinish_search_viewstub.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">
    <TextView
        android:id="@+id/tx_content_more_tip"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:lineSpacingExtra="8dp"
        android:textColor="@color/tip"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        tools:text="订单类型:\n科室名称:\n申请数量:\n未备货:\n已送达:" />
    <TextView
        android:id="@+id/tx_content_more"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginStart="10dp"
        android:lineSpacingExtra="8dp"
        android:textColor="@color/tip"
        app:layout_constraintStart_toEndOf="@+id/tx_content_more_tip"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:text="订单类型:\n科室名称:\申请数量:\n未备货:\n已送达:" />
</androidx.constraintlayout.widget.ConstraintLayout>
代码java
 holder.binding.viewStub.getViewStub().setTag(R.id.tag0, 数据);
holder.binding.viewStub.setOnInflateListener((stub, inflated) -> {
    /*显示扩展内容*/
    数据= (你的数据类) stub.getTag(R.id.tag0);
    显示ViewStub后,你要进项的内容填充,和想要做的事
});

holder.getBinding().txUnfold.setTag(R.id.tag0, 数据);
holder.getBinding().txUnfold.setTag(R.id.tag1, holder.binding.viewStub.getViewStub());
holder.getBinding().txUnfold.setTag(R.id.tag2, position);
holder.getBinding().txUnfold.setTag(R.id.tag3, holder.getBinding().txUnfold);
holder.getBinding().txUnfold.setOnClickListener(v -> {
    //            展开、收起——正常状态是收起
    数据= (你的数据类) v.getTag(R.id.tag0);
    viewStubTmp = (ViewStub) v.getTag(R.id.tag1);
    txUnfoldTmp = (TextView) v.getTag(R.id.tag3);
    
    使用自定义变量来判断是否膨胀
    if (数据.isFlod()) {
        viewStubTmp.setVisibility(View.GONE);
        ...
    }else{
         viewStubTmp.setVisibility(View.VISIBLE);
         ...
     }
    数据.setFlod(!数据.isFlod());
    
//这个方法,测试了,不能使用;因为 isInflated 表示:是否已经渲染过了;
//如果已经渲染过,就算Gone,也是返回true
//    if(holder.binding.viewStub.isInflated()){
//            viewStubTmp.setVisibility(View.GONE);
//            ...
//        }else{
//            viewStubTmp.setVisibility(View.VISIBLE);
//            ...
//        }
});