Android UI重叠问题

时间:2014-02-14 13:32:54

标签: android xml layout webview

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

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>

1 个答案:

答案 0 :(得分: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>