效果图:
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:控件外部左边距(控件左侧与父控件左侧的距离)
---------------------------------------------------------------------------------------------
分享到:
相关推荐
- **相对布局**(RelativeLayout):视图之间的位置关系是相对的,可以基于其他视图进行对齐或定位。 - **帧布局**(FrameLayout):以叠加的方式放置子视图,最后一个子视图通常位于最上方。 - **网格布局**...
#### RelativeLayout 相对布局 - **类结构**:根据相对位置放置子视图。 - **属性**:`android:layout_above`、`android:layout_below`、`android:layout_toLeftOf`等。 - **使用**:定义`<RelativeLayout>`,通过...
12. **相对布局(RelativeLayout)**:根据各个控件之间的相对位置进行布局。 13. **帧布局(FrameLayout)**:控件从上到下、从左到右叠加。 14. **工具栏(Toolbar)**:作为应用程序的导航菜单和操作按钮。 15. **底部...
- **解析**: 设置`android:layout_centerInParent="true"`可以让控件在相对布局中居中显示。 以上是根据题目描述和部分给出的内容整理的相关知识点解析,希望能帮助理解和掌握Android开发中的关键概念和技术细节。
**3.3 相对布局(RelativeLayout)** - **父容器定位**: 相对于父容器的位置。 - **兄弟元素定位**: 相对于其他兄弟元素的位置。 - **灵活布局**: 可以轻松调整元素位置,适应不同屏幕尺寸。 **3.4 TABLE LAYOUT** ...
- **RelativeLayout**:`RelativeLayout`允许子视图根据相对位置(相对于父容器或其它子视图)进行布局,提供了更大的灵活性。 #### class—类 - **Activity-通用**:`Activity`是Android四大组件之一,代表了一个...
在Android中,这些元素通过XML布局文件定义,使用`<Button>`标签创建按钮,`<EditText>`标签用于显示计算结果。布局文件可能包含`LinearLayout`、`RelativeLayout`或`ConstraintLayout`来组织元素的相对位置。 2. *...