2014-02-14 77 views
0

但是,我当前具有如图所示的布局,但是(如可在xml中看到的那样),WebView具有预定义的layout_height值。我只是想要这个确切的外观,但是一个不需要预定义值的可扩展版本。因此,明亮的蓝色部分应该有一个与按钮成比例的高度,并且应该始终位于底部,并且具有URL EditText等的顶部栏应该以相同的方式起作用。所以WebView应该能够扩展到任意大小,以确保所有空间都被占用。Android UI重叠问题

Layout Image

<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> 
+0

你有没有在设备上运行该/不同大小的仿真器,看它是否是正确的?我也建议不要使用严格的数字宽度值。例如,使用EditText,您可以将其设置为match_parent,然后为其他位添加余量。 –

回答

0

用这个....

<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> 
+0

非常好,正是我想要的,非常感谢。在时间限制结束后我会接受你的回答。 – timeshift117