androidUI 设计之三-----登陆页面

此范例用来实现用户登录等场景布局：

布局示意图：

实现代码：

<?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" 

     用来确定视图位置