GridLayout比屏幕大

Question

我有一個GridLayout，但孩子們將他們的layout_width設置爲match_parent，並使GridLayout的尺寸擴大到屏幕外（見圖片）。

我該怎麼做讓項目match_parent，保持屏幕內的GridLayout？

這裏是我的代碼：

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

      <GridLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:columnCount="2"> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Buscar" 
        android:id="@+id/tvRecorrido" 
        android:layout_gravity="center_vertical"/> 

       <SearchView 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:id="@+id/svBusqueda" 
        android:queryHint="@string/hint_buscar"/>  

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Fecha" 
        android:layout_gravity="center_vertical"/> 

       <EditText 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:inputType="none" 
        android:focusable="false" 
        android:id="@+id/etFecha" 
        android:layout_gravity="center_vertical"/> 
      </GridLayout>  

      <Button 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="@string/btn_ver_horarios" 
       android:id="@+id/buttonIniciarSesion" 
       android:textColor="@color/azul" 
       android:background="?android:attr/selectableItemBackground" 
       android:layout_gravity="center_horizontal" 
       android:onClick="verHorarios" 
       android:paddingLeft="8dp" 
       android:paddingRight="8dp" 
       android:layout_marginTop="15dp"/> 

     </LinearLayout> 

Answer 1

OK，這裏是我ened了，使您的佈局只使用單一的RelativeLayout（避免討厭的嵌套佈局是更好的演出）。

棘手的部分是讓TextViews與它們的可編輯視圖垂直對齊。
通過給所有視圖解決相同的固定寬度（40 dp原來是一個很好的價值）。

這是結果：

注：因爲我不使用你的主題（也不材料設計 - 因爲我是一個自由思想家和喜歡做的事情我的方式，ALWAYS） ，我爲父佈局使用了背景顏色。

這留下了一個白色的邊框（沒有時間和意志來解決這個問題）。 你不會有這個問題。只要將它從RelativeLayout中移除即可。

---

這是我使用的代碼（在評論中，你會發現如何恢復你的搜索查看和你的按鈕）：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#bdf" 
    android:layout_margin="8dp" 
    > 

    <TextView 
     android:id="@+id/tvRecorrido" 
     android:layout_width="wrap_content" 
     android:layout_height="40dp" 
     android:text="Buscar" 
     android:gravity="center_vertical" 
     android:layout_marginRight="8dp" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentLeft="true" 
    /> 
<!-- <SearchView --> 
<!--  android:id="@+id/svBusqueda" --> 
<!--  android:layout_width="match_parent" --> 
<!--  android:layout_height="40dp" --> 
<!--  android:queryHint="@string/hint_buscar" --> 
<!--  android:layout_alignParentTop="true" --> 
<!--  android:layout_alignParentRight="true" --> 
<!--  android:layout_toLeftOf="@id/tvRecorrido" --> 
<!-- /> --> 



<!-- 
    For my test project only, I replaced the SerachView (requires API Level 11) 
    with an EditText (I support API Level 8+) 
--> 
<!-- You can simply remove my EditText (below) and uncomment your SearchView (above) --> 

    <EditText 
     android:id="@+id/svBusqueda" 
     android:layout_width="match_parent" 
     android:layout_height="40dp" 
     android:queryHint="This was: @string/hint_buscar" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentRight="true" 
     android:layout_toRightOf="@id/tvRecorrido" 
    /> 

    <TextView 
     android:id="@+id/tvFecha" 
     android:layout_width="wrap_content" 
     android:layout_height="40dp" 
     android:text="Fecha" 
     android:gravity="center_vertical" 
     android:layout_marginRight="8dp" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@id/svBusqueda" 
    /> 
    <EditText 
     android:id="@+id/etFecha" 
     android:layout_width="match_parent" 
     android:layout_height="40dp" 
     android:inputType="none" 
     android:focusable="false" 
     android:layout_gravity="center_vertical" 
     android:layout_alignParentRight="true" 
     android:layout_toRightOf="@id/tvFecha" 
     android:layout_below="@id/svBusqueda" 
    /> 

<!-- <Button --> 
<!--  android:layout_width="wrap_content" --> 
<!--  android:layout_height="wrap_content" --> 
<!--  android:text="@string/btn_ver_horarios" --> 
<!--  android:id="@+id/buttonIniciarSesion" --> 
<!--  android:textColor="@color/azul" --> 
<!--  android:background="?android:attr/selectableItemBackground" --> 
<!--  android:onClick="verHorarios" --> 
<!--  android:paddingLeft="8dp" --> 
<!--  android:paddingRight="8dp" --> 
<!--  android:layout_marginTop="15dp" --> 
<!--  android:layout_centerHorizontal="true" --> 
<!--  android:layout_alignBottom="@id/etFecha" --> 
<!-- /> --> 



<!-- For my test project only, I removed: --> 

<!--  android:textColor="@color/azul" --> 
<!--  android:background="?android:attr/selectableItemBackground" --> 
<!--  android:text="@string/btn_ver_horarios" --> 

<!-- I used fixed values in place of the string and the color resources --> 
<!-- You can simply remove my Button (below) and uncomment yours (above) --> 

    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="VER HORARIOS" 
     android:background="#bdf" 
     android:id="@+id/buttonIniciarSesion" 
     android:textColor="#4af" 
     android:onClick="verHorarios" 
     android:paddingLeft="8dp" 
     android:paddingRight="8dp" 
     android:layout_marginTop="15dp" 
     android:layout_centerHorizontal="true" 
     android:layout_below="@id/etFecha" 
    /> 
</RelativeLayout>