六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 83|回复: 0

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

[复制链接]

升级  62%

7

主题

7

主题

7

主题

童生

Rank: 1

积分
31
 楼主| 发表于 2013-1-14 18:19:14 | 显示全部楼层 |阅读模式
效果图:
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:控件外部左边距(控件左侧与父控件左侧的距离)
 
---------------------------------------------------------------------------------------------
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表