美文网首页
RecyclerView隐藏整个Item后,该Item还占位问题

RecyclerView隐藏整个Item后,该Item还占位问题

作者: Jk_zhuang | 来源:发表于2019-03-13 16:12 被阅读0次

      今天在写一个多种类型的列表时,有的列表类型需要根据一些条件来显示、隐藏,很自然会先获取到这个Item的最外层布局,然后 v.setVisibility(View.GONE) 进行隐藏,结果Item内容是不显示了,但是却占着原先Item的高度。

    解决方法:可以给Item对应的layout布局文件的最外层再加上一层布局,这样当外层布局的高度为wrap_content时,隐藏里面的布局,那么Item的高度就为0了,下面附上相应的代码:

    设置GONE后依旧占位的布局:

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.constraint.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/cl_container"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:background="#FFFFFF">
    
        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:maxLines="1"
            android:textColor="#FF333333"
            android:textSize="16sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="Add Friends" />
    
    </android.support.constraint.ConstraintLayout>
    

    修改后,设置GONE后不占位的布局

    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout 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:layout_width="match_parent"
        android:layout_height="wrap_content">
    
        <android.support.constraint.ConstraintLayout
            android:id="@+id/cl_container"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:background="#FFFFFF">
    
            <TextView
                android:id="@+id/tv_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:maxLines="1"
                android:textColor="#FF333333"
                android:textSize="16sp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:text="Add Friends" />
    
        </android.support.constraint.ConstraintLayout>
    
    </FrameLayout>
    

    注:
    1.最外层布局FrameLayout不要有layout_marginTop/layout_marginBottom,可放到ConstraintLayout里面设置,否则会占相应的高度;
    2.增加一层布局层级肯定会带来一点资源的消耗,但是鉴于FrameLayout是比较轻量级的,综合考虑的话这种方式还是不错的,至于要是本身布局的层级比较多的话,可以考虑重写xml布局文件,将根布局改为ConstraintLayout,很多需求基本的层级都可以缩小到1至2层,而且ConstraintLayout也是比较高效的,更多的关于ConstraintLayout就不再展开。

    另,也有人提出下面的解决方式,在bindView的时候设置Item的高度,也是可行的,附上代码:

    class MyViewHolder extends RecyclerView.ViewHolder {
    
        MyViewHolder(View itemView) {
            super(itemView);
        }
    
        public void setVisibility(boolean visible) {
            RecyclerView.LayoutParams param = (RecyclerView.LayoutParams) itemView.getLayoutParams();
            if (visible) {
                param.height = LinearLayout.LayoutParams.WRAP_CONTENT; // 根据具体需求场景设置
                param.width = LinearLayout.LayoutParams.MATCH_PARENT;
                itemView.setVisibility(View.VISIBLE);
            } else {
                itemView.setVisibility(View.GONE);
                param.height = 0;
                param.width = 0;
            }
            itemView.setLayoutParams(param);
        }
    }
    

    相关文章

      网友评论

          本文标题:RecyclerView隐藏整个Item后,该Item还占位问题

          本文链接:https://www.haomeiwen.com/subject/ujltmqtx.html