当前位置: 代码迷 >> Android >> androidUI 设计之三-登陆页面
  详细解决方案

androidUI 设计之三-登陆页面

热度:340   发布时间:2016-05-01 16:31:07.0
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"      用来确定视图位置