相对布局RelativeLayout的妙用：提示标签在输入框内

效果图：

xml布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/loginPageLayout"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <TextView 
        android:id="@+id/loginUI_Label" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="@string/LoginUI"
        android:textSize="14pt"
        /> 
    <EditText
        android:id="@+id/loginUsername" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:layout_below="@id/loginUI_Label"  
        android:paddingLeft="60dip"/>
    <TextView android:id="@+id/loginUsername_Label" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
         android:layout_alignLeft="@id/loginUsername"
        android:layout_alignTop="@id/loginUsername"
        android:layout_marginTop="10dip"
        android:layout_marginLeft="5dip"
        android:text="@string/LoginUsernameLabel"
    />
    <EditText
        android:id="@+id/loginPassword" 
        android:layout_below="@id/loginUsername"
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:password="true" 
        android:paddingLeft="55dip"
        />
     <TextView android:id="@+id/loginPassword_Label" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
         android:layout_alignLeft="@id/loginPassword"
        android:layout_alignTop="@id/loginPassword"
        android:layout_marginTop="10dip"
        android:layout_marginLeft="5dip"
        android:text="@string/LoginPasswordLabel"
    />
     <CheckBox
        android:id="@+id/loginCheckbox"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_below="@id/loginPassword"
        android:layout_alignLeft="@id/loginPassword"
        android:hint="@string/checkboxRemberPwdLabel"
        android:checked="true"
        />
     <Button
        android:id="@+id/loginBtn" 
        android:layout_below="@id/loginPassword"
        android:layout_toRightOf="@id/loginCheckbox"
        android:layout_marginLeft="30dip"
        android:layout_width="100dip" 
        android:layout_height="wrap_content" 
        android:text="@string/btnLoginLabel"
        />
</RelativeLayout>

 这个其实就是提示标签控件(TextView)与文本框控件(EditText)的左上角对齐：通过android:layout_alignLeft及android:layout_alignTop属性来设置。

然后设置文本框控件的内边距：android:paddingLeft="60dip"

 

android:paddingLeft：控件内部左边距(控件里的文字等内容与控件左侧的距离)

android:layout_marginLeft：控件外部左边距(控件左侧与父控件左侧的距离)

 

---------------------------------------------------------------------------------------------