使用RelativeLayout控制WebView以及Bottom按钮的位置 （地址）

在Design View中加入控件RelativeLayout, WebView, LinearLayout(Horizontal), Button, Button。

1. 添加新Layout - WebViewLayout.axml， 打开文件。 选中默认的LinearLayout并删除。
2. 添加RelativeLayout， 在Toolbox中拖动RelativeLayout控件到页面中。
3. 拖动WebView控件到RelativeLayout中。
4. 拖动LinearLayout(Horizontal)到RelativeLayout中， 置于WebView之下。
5. 拖动两个Button到LinearLayout(Horizontal)中。

完成以上步骤以后，页面源代码如下：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:p1="http://schemas.android.com/apk/res/android"

    p1:layout_width="match_parent"

    p1:layout_height="match_parent"

    p1:id="@+id/relativeLayout1">

    <WebView

        p1:layout_width="wrap_content"

        p1:layout_height="wrap_content"

        p1:id="@+id/webView1" />

    <LinearLayout

        p1:orientation="horizontal"

        p1:minWidth="25px"

        p1:minHeight="25px"

        p1:layout_width="wrap_content"

        p1:layout_height="wrap_content"

        p1:layout_below="@id/webView1"

        p1:id="@+id/linearLayout1">

        <Button

            p1:text="Button"

            p1:layout_width="wrap_content"

            p1:layout_height="match_parent"

            p1:id="@+id/button2" />

        <Button

            p1:text="Button"

            p1:layout_width="wrap_content"

            p1:layout_height="match_parent"

            p1:id="@+id/button1" />

    </LinearLayout>

</RelativeLayout>

切换到Source View， 实现如下修改：

1. 在WebView中，加入位置属性。

   p1:layout_above="@+id/linearLayout1"
   

2. 修改WebView的layout_width, layout_height属性为fill_parent。

   p1:layout_width="fill_parent"
   
   p1:layout_height="fill_parent"
   

3. 添加LinearLayout的layout_alignParentBottom属性。

   p1:layout_alignParentBottom="true"
   

4. 修改LinearLayout的layout_width, layout_height属性。

   p1:layout_width="match_parent"
   
   p1:layout_height="wrap_content"
   

5. 为了使两个Button平分空间， 加入layout_weight属性。

   p1:layout_weight="0.5"
   

修改后的源代码如下：

  <?xml version="1.0" encoding="utf-8"?>

  <RelativeLayout xmlns:p1="http://schemas.android.com/apk/res/android"

      p1:layout_width="match_parent"

      p1:layout_height="match_parent"

      p1:id="@+id/relativeLayout1">

      <WebView

          p1:layout_width="fill_parent"

          p1:layout_height="fill_parent"

          p1:id="@+id/webView1"

          p1:layout_above="@+id/linearLayout1" />

      <LinearLayout

          p1:orientation="horizontal"

          p1:minWidth="25px"

          p1:minHeight="25px"

          p1:layout_width="match_parent"

          p1:layout_height="wrap_content"

          p1:layout_below="@id/webView1"

          p1:id="@+id/linearLayout1"

          p1:layout_alignParentBottom="true">

          <Button

              p1:text="Button"

              p1:layout_width="wrap_content"

              p1:layout_height="match_parent"

              p1:id="@+id/button2"

              p1:layout_weight="0.5" />

          <Button

              p1:text="Button"

              p1:layout_width="wrap_content"

              p1:layout_height="match_parent"

              p1:id="@+id/button1"

              p1:layout_weight="0.5" />

      </LinearLayout>

  </RelativeLayout>