View.GONE 仍在布局中 space

Question

我想将一个视图设置为 GONE，然后让其他视图占用剩余的 space。

现在，如果我将它设置为 GONE，它会在布局中原来的位置留下一个 space，视图是一个具有固定高度的 viewpager。

到目前为止我读到我必须删除边距，并且没有固定的 viewpager 高度所以我尝试做这样的事情

    if (cardsChoice.predictive == true) {

        viewPagerPredicts.setVisibility(View.VISIBLE);
        RelativeLayout.LayoutParams layoutParams = 
        (RelativeLayout.LayoutParams)viewPagerPredicts.getLayoutParams();
        layoutParams.setMargins(8,4,8,0);
        layoutParams.height = R.dimen.predicts_pager_height;
        viewPagerPredicts.setLayoutParams(layoutParams);

    }else{

        viewPagerPredicts.setVisibility(View.GONE);
        RelativeLayout.LayoutParams layoutParams =  
        (RelativeLayout.LayoutParams)viewPagerPredicts.getLayoutParams();
        layoutParams.setMargins(0,0,0,0);
        layoutParams.height = 0;
        viewPagerPredicts.setLayoutParams(layoutParams);
    }

但是这不起作用 - 视图似乎要么忽略值并匹配父视图，要么消失并带走布局的其余部分。

谁能看出我做错了什么？

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout     
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="match_parent"
android:fitsSystemWindows="true"
tools:context=".MainActivity">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/viewpagerHolder"
        android:layout_marginTop="64dp"
        android:layout_alignParentBottom="true">

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager2"
            android:layout_width="match_parent"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_height="@dimen/card_pager_height" />

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager_predicts"
            android:layout_width="wrap_content"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginTop="4dp"
            android:layout_height="@dimen/predicts_pager_height"
            android:layout_below="@id/viewpager2" />

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabGravity="fill"
            android:layout_below="@id/viewpager_predicts"
            android:theme="@style/CustomTabLayoutStyle"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:elevation="4dp"
            android:src="@drawable/ic_playlist_play_white_24dp"
            android:layout_alignBottom="@+id/viewpager2"
            android:layout_alignRight="@+id/viewpager2"
            android:layout_alignEnd="@+id/viewpager2" />


        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:background="@color/windowBackground"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            android:layout_below="@+id/tabs" />


    </RelativeLayout>

</RelativeLayout>

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize" />

</android.support.design.widget.AppBarLayout>



</android.support.design.widget.CoordinatorLayout>

Answer 1

我认为您正在寻找这样的东西。将其放入某个布局文件并检查预览中的行为。在第二个文本视图上设置可见性，您会注意到第一个文本视图占据了剩余的屏幕高度。这可以直接从布局中实现，而无需以编程方式进行设置。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="@string/about_app" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="@string/about_app" />

</LinearLayout>

Answer 2

可能 layout_marginTop="64dp" 和 android:layout_alignParentBottom="true" 让您感到困惑。

可能的原因是片段附加到主机 activity。设置寻呼机适配器为空然后设置可见性消失。

if (cardsChoice.predictive == true) { viewPagerPredicts.setAdapter(new YourFragmentAdapter());

    viewPagerPredicts.setVisibility(View.VISIBLE);
    RelativeLayout.LayoutParams layoutParams = 
    (RelativeLayout.LayoutParams)viewPagerPredicts.getLayoutParams();
    layoutParams.setMargins(8,4,8,0);
    layoutParams.height = R.dimen.predicts_pager_height;
    viewPagerPredicts.setLayoutParams(layoutParams);

}else{

    viewPagerPredicts.setAdapter(null);
    viewPagerPredicts.setVisibility(View.GONE);
    RelativeLayout.LayoutParams layoutParams =  
    (RelativeLayout.LayoutParams)viewPagerPredicts.getLayoutParams();
    layoutParams.setMargins(0,0,0,0);
    layoutParams.height = 0;
    viewPagerPredicts.setLayoutParams(layoutParams);
}

Answer 3

你提到了 "have the remaining space taken up by the other views " ，还有其他观点。我可以看到以下

viewpager2 - 它不会占用 space 因为它有固定的高度 card_pager_height viewpager - 仅当标签因 viewpager_predicts 而受到影响时才会占用 space。

tabs - 必须在 viewpager_predicts 消失后受到影响，但您定义的 android:layout_below="@id/viewpager_predicts" 在 viewpager_predicts 消失后将不再有效。请更正。

将可见性设置为 GONE 后还有一件事，无需更改 layoutParam，因为它没有用。

Answer 4

好的，我解决了我的问题，部分原因是@Girish 指出的我的布局（没有东西占用空的 space，因为没有任何东西可以占用）我还试图编辑布局参数在布局消失之后，但我想提及的另一件事是，我正在为我的布局高度使用尺寸，这似乎也导致 space 为空但保持其 space （表现得像 View.INVISIBLE) 所以为了解决这个问题，我将它包装在另一个视图中并使 View.GONE 看起来效果很好所以我的最终代码看起来像这样

if (cardsChoice.predictive) {

        linearLayout.setVisibility(View.VISIBLE);
        viewPagerPredicts.setVisibility(View.VISIBLE);
        LinearLayout.LayoutParams layoutParams = 
        (LinearLayout.LayoutParams)viewPagerPredicts.getLayoutParams();
        layoutParams.setMargins(8,4,8,0);
        viewPagerPredicts.setLayoutParams(layoutParams);

    }else{

        viewPagerPredicts.setAdapter(null);
        LinearLayout.LayoutParams layoutParams = 
        (LinearLayout.LayoutParams)viewPagerPredicts.getLayoutParams();
        layoutParams.setMargins(0,0,0,0);
        viewPagerPredicts.setLayoutParams(layoutParams);
        viewPagerPredicts.setVisibility(View.GONE);
        linearLayout.setVisibility(View.GONE);
    }

我的 xml 看起来像这样

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout   
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="match_parent"
android:fitsSystemWindows="true"
tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:id="@+id/viewpagerHolder"
        android:layout_marginTop="64dp">

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager2"
            android:layout_width="match_parent"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_height="@dimen/card_pager_height" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/predictsHolder"
            android:orientation="vertical">

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager_predicts"
            android:layout_width="wrap_content"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginTop="4dp"
            android:layout_height="@dimen/predicts_pager_height" />

        </LinearLayout>

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabGravity="fill"
            android:theme="@style/CustomTabLayoutStyle" />

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:background="@color/windowBackground"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
             />


    </LinearLayout>

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:elevation="4dp"
    android:src="@drawable/ic_playlist_play_white_24dp" />

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize" />

</android.support.design.widget.AppBarLayout>

感谢您的帮助，你们都应该得到一个 cookie 和答案的分数，但我只能排除一个抱歉

View.GONE 仍在布局中 space

View.GONE still taking space in the layout

android

visibility

android-viewpager