Android UI重疊問題

Question

但是，我當前具有如圖所示的佈局，但是（如可在xml中看到的那樣），WebView具有預定義的layout_height值。我只是想要這個確切的外觀，但是一個不需要預定義值的可擴展版本。因此，明亮的藍色部分應該有一個與按鈕成比例的高度，並且應該始終位於底部，並且具有URL EditText等的頂部欄應該以相同的方式起作用。所以WebView應該能夠擴展到任意大小，以確保所有空間都被佔用。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="@android:color/black" 
tools:context=".MainActivity" > 

<LinearLayout 
    android:id="@+id/fullscreen_content_controls" 
    style="?buttonBarStyle" 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:focusable="true" 
    android:focusableInTouchMode="true"> 

<FrameLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="9dp" 
    android:padding="5dp"> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="horizontal" > 
     <EditText 
      android:id="@+id/editText1" 
      android:layout_width="284dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.97" 
      android:ems="10" 
      android:hint="Enter URL" 
      android:imeOptions="actionGo" 
      android:singleLine="true" 
      android:textColor="@android:color/darker_gray" 
      android:inputType="textNoSuggestions"> 
     </EditText> 
     <Button 
      android:id="@+id/button1" 
      android:layout_width="30dp" 
      android:layout_height="31dp" 
      android:layout_marginRight="5dp" 
      android:background="@android:drawable/btn_dialog" /> 

     <ProgressBar 
      android:id="@+id/progressBar1" 
      style="?android:attr/android:progressBarStyleSmall" 
      android:layout_width="wrap_content" 
      android:layout_height="match_parent" 
      android:layout_weight="0.10" /> 

    </LinearLayout> 
</FrameLayout> 

    <WebView 
     android:id="@+id/fullscreen_content" 
     android:layout_width="match_parent" 
     android:layout_height="724dp" 
     android:layout_gravity="center" 
     android:layout_weight="0.75" 
     android:keepScreenOn="true" /> 

    <LinearLayout 
     android:id="@+id/controlLinearLayout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="0.97" 
     android:background="@android:color/holo_blue_bright" > 

     <Button 
      android:id="@+id/button2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Button" /> 
    </LinearLayout> 

</LinearLayout> 

</FrameLayout> 

Answer 1

用這個....

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="@android:color/black" 
tools:context=".MainActivity" > 

<LinearLayout 
    android:id="@+id/fullscreen_content_controls" 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent" 
    android:focusable="true" 
    android:focusableInTouchMode="true" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" > 

     <EditText 
      android:id="@+id/editText1" 
      android:layout_width="284dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="0.8" 
      android:ems="10" 
      android:hint="Enter URL" 
      android:imeOptions="actionGo" 
      android:inputType="textNoSuggestions" 
      android:singleLine="true" 
      android:textColor="@android:color/darker_gray" > 
     </EditText> 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="30dp" 
      android:layout_height="31dp" 
      android:layout_marginRight="5dp" 
      android:layout_weight="0.1" 
      android:background="@android:drawable/btn_dialog" /> 

     <ProgressBar 
      android:id="@+id/progressBar1" 
      style="?android:attr/android:progressBarStyleSmall" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:layout_weight="0.1" /> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/controlLinearLayout" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="0.8" 
     android:background="@android:color/holo_blue_bright" 
     android:orientation="vertical" > 

     <WebView 
      android:id="@+id/fullscreen_content" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_gravity="center" 
      android:keepScreenOn="true" /> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/ctl" 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="0.1" 
     android:background="@android:color/holo_blue_bright" > 

     <Button 
      android:id="@+id/button2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Button" /> 
    </LinearLayout> 
</LinearLayout> 

</LinearLayout>