`
zweichxu
  • 浏览: 134856 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

相对布局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:控件外部左边距(控件左侧与父控件左侧的距离)

 

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

分享到:
评论

相关推荐

    android人机界面指南

    - **相对布局**(RelativeLayout):视图之间的位置关系是相对的,可以基于其他视图进行对齐或定位。 - **帧布局**(FrameLayout):以叠加的方式放置子视图,最后一个子视图通常位于最上方。 - **网格布局**...

    Android 中常见控件参考手册

    #### RelativeLayout 相对布局 - **类结构**:根据相对位置放置子视图。 - **属性**:`android:layout_above`、`android:layout_below`、`android:layout_toLeftOf`等。 - **使用**:定义`&lt;RelativeLayout&gt;`,通过...

    安卓Android源码——一个Demo搞定30个控件.zip

    12. **相对布局(RelativeLayout)**:根据各个控件之间的相对位置进行布局。 13. **帧布局(FrameLayout)**:控件从上到下、从左到右叠加。 14. **工具栏(Toolbar)**:作为应用程序的导航菜单和操作按钮。 15. **底部...

    长春工程学院-Android移动互联网期末考试选择题

    - **解析**: 设置`android:layout_centerInParent="true"`可以让控件在相对布局中居中显示。 以上是根据题目描述和部分给出的内容整理的相关知识点解析,希望能帮助理解和掌握Android开发中的关键概念和技术细节。

    android2W一次培训教材

    **3.3 相对布局(RelativeLayout)** - **父容器定位**: 相对于父容器的位置。 - **兄弟元素定位**: 相对于其他兄弟元素的位置。 - **灵活布局**: 可以轻松调整元素位置,适应不同屏幕尺寸。 **3.4 TABLE LAYOUT** ...

    Android入门到精通详解

    常用的布局有LinearLayout(线性布局)、RelativeLayout(相对布局)、ConstraintLayout(约束布局)等。不同的布局类型提供了不同的排列规则,帮助开发者灵活地构建界面。 **8.5 网格(Grid)视图组** GridView是...

    android安卓笔记

    - **RelativeLayout**:`RelativeLayout`允许子视图根据相对位置(相对于父容器或其它子视图)进行布局,提供了更大的灵活性。 #### class—类 - **Activity-通用**:`Activity`是Android四大组件之一,代表了一个...

    计算器Calculate

    在Android中,这些元素通过XML布局文件定义,使用`&lt;Button&gt;`标签创建按钮,`&lt;EditText&gt;`标签用于显示计算结果。布局文件可能包含`LinearLayout`、`RelativeLayout`或`ConstraintLayout`来组织元素的相对位置。 2. *...

Global site tag (gtag.js) - Google Analytics