此范例用来实现用户登录等场景布局:
布局示意图:
实现代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearLayout1"
android:layout_height="365px"
android:layout_width="578px"
android:orientation="vertical"
android:background="@drawable/test_images22"
>
<LinearLayout
android:id="@+id/LinearLayout11"
android:layout_width="578px"
android:layout_height="65px"
android:layout_marginTop="10px" >
<TextView android:id="@+id/title"
android:layout_width="246px"
android:layout_height="58px"
android:layout_marginLeft="165px"
android:text="登陸頁面"
android:textSize="25px"
></TextView>
<ImageButton
android:id="@+id/exit"
android:layout_width="65px"
android:layout_height="65px"
android:background="@drawable/test_image666s"
android:layout_marginLeft="100px"
></ImageButton>
</LinearLayout>
<LinearLayout
android:id="@+id/LinearLayout12"
android:layout_width="520px"
android:layout_height="280px">
<ScrollView
android:focusable="true"
android:clickable="true"
android:layout_width="510px"
android:layout_height="280px"
android:fadeScrollbars="false">
<LinearLayout android:layout_width="510px"
android:layout_height="280px">
<RelativeLayout android:layout_width="wrap_content"
android:id="@+id/relativeLayout1" android:layout_height="fill_parent">
<TextView
android:id="@+id/textView0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="60px"
android:singleLine="true"
android:textColor="@color/normwrite_Color"
android:textSize="20px"
android:text="請輸入用戶名"
></TextView>
<EditText
android:id="@+id/editText0"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/textView0"
android:layout_marginLeft="60px"
android:layout_marginRight="60px"
android:singleLine="true"
></EditText>
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="60px"
android:layout_marginRight="20px"
android:layout_below="@id/editText0"
android:textSize="20px"
android:textColor="@color/normwrite_Color"
android:text="請輸入密碼"
></TextView>
<EditText
android:id="@+id/editText1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/textView1"
android:layout_marginLeft="60px"
android:layout_marginRight="60px"
android:singleLine="true"
android:scrollHorizontally="true"
android:inputType="textPassword"
></EditText>
<ImageButton android:id="@+id/sure"
android:layout_height="65px"
android:layout_width="65px"
android:layout_below="@id/editText1"
android:background="@drawable/test_image666s"
android:layout_marginLeft="200px"
></ImageButton>
</RelativeLayout>
</LinearLayout>
</ScrollView>
</LinearLayout>
</LinearLayout>
难点说明:
1.
android:layout_marginLeft="165px"
用来确定视图位置