android：如何使视图填充可用空间

Question

我无法真正找到这个问题的答案，所有我找到的是本地化的问题。比方说，我有这样的：

我可以成功地做到这一点。但是，我想如果“BUTTON2”的可见性设置为GONE，请尽量使BUTTON1的宽度尽可能大。因此，它看起来就像这样：

目前这里的非工作代码：

<RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_margin="10dp" 
      android:layout_gravity="center"> 

      <com.rey.material.widget.Button 
       android:id="@+id/button2" 
       style="@style/Material.Drawable.Ripple.Wave.Light" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:onClick="goToOccasion" 
       android:padding="20dp" 
       android:text="@string/join" 
       app:rd_enable="true" 
       app:rd_rippleColor="@android:color/darker_gray" 
       app:rd_rippleType="wave" 
       android:gravity="center" 
       android:layout_alignParentTop="true" 
       android:layout_toEndOf="@+id/joinOccasionBTN" 
       android:layout_marginStart="87dp" 
       android:layout_alignBottom="@+id/joinOccasionBTN" /> 

      <com.rey.material.widget.Button 
       android:id="@+id/joinOccasionBTN" 
       style="@style/Material.Drawable.Ripple.Wave.Light" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:onClick="goToOccasion" 
       android:padding="20dp" 
       android:text="@string/join" 
       app:rd_enable="true" 
       app:rd_rippleColor="@android:color/darker_gray" 
       app:rd_rippleType="wave" 
       android:gravity="center" 
       android:layout_alignParentTop="true" 
       android:layout_alignParentStart="true" /> 
     </RelativeLayout> 

导致此：

当BUTTON2是visible，和它的结果与上面的图片相同，但没有button2（“JOIN”）。

Answer 1

一个简单的方法是使用LinearLayout中的android:layout_weight属性。

<LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:layout_margin="10dp" 
     android:layout_gravity="center"> 

    <com.rey.material.widget.Button 
     android:layout_width=0dp 
     android:layout_height="wrap_content" 
     android:layout_weight=1 
     ... 
     /> 

    <com.rey.material.widget.Button 
     android:layout_width=0dp 
     android:layout_height="wrap_content" 
     android:layout_weight=1 
     ... 
     /> 

</LinearLayout> 

这样，如果你的按钮中的一个改变，从visible到gone知名度那么其他按钮将填补剩余的空间。

Answer 2

而不是relativeLayout，使用gridView并添加它的按钮。 如果你在列上设置你的按钮将采取所有的地方。 如果设置两列，GridView控件会自动将您视图适应两个完全大小的列...

两列：

<GridView 
    android:layout_width="match_parent" 
    android:numColumns="2" 
    android:layout_height="match_parent"> 
    <Button 
     android:id="@+id/button1" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 
    <Button 
     android:id="@+id/button2" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 
</GridView> 

一列：

<GridView 
    android:layout_width="match_parent" 
    android:numColumns="1" 
    android:layout_height="match_parent"> 
    <Button 
     android:id="@+id/button1" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 
    <Button 
     android:id="@+id/button2" 
     android:visibility:"gone" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 
</GridView> 

希望这会有所帮助。