展会信息港展会大全

[Android UI]使用RelativeLayout与TableLayout实现登录界面
来源:互联网   发布日期:2015-10-13 15:16:17   浏览:2770次  

导读:使用RelativeLayout与TableLayout分别实现两种登录界面,学习RelativeLayout布局中如何对齐与调整组件相对位置,使用TableLayout实现登录界面,学...

使用RelativeLayout与TableLayout分别实现两种登录界面,学习RelativeLayout布局

中如何对齐与调整组件相对位置,使用TableLayout实现登录界面,学习如何设置列

的长度,与对齐方式等。

RelativeLayout中使用如下属性调整组件相对位置

layout_alignParentLeft :表示组件左对齐布局

layout_alignParentRight:表示组件有对齐布局

layout_below="@+id/edit1":表示组件在edit1组件下面

layout_toRightOf="@+id/edit1":表示组件放在edit1的右边

效果图:

TableLayout实现效果:

RelatvieLayout实现登录的XML文件

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/RelativeLayout01"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView android:layout_height="wrap_content"

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:text="用户名:"

android:layout_marginLeft="5dp"

android:textColor="@color/green"

android:layout_marginRight="5dp"

android:layout_alignParentLeft="true">

</TextView>

<EditText android:layout_height="wrap_content"

android:layout_width="fill_parent"

android:layout_toRightOf="@+id/textView1"

android:id="@+id/editText1">

</EditText>

<TextView android:layout_height="wrap_content"

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:text="密码:"

android:layout_marginLeft="5dp"

android:textColor="@color/green"

android:layout_marginRight="5dp"

android:layout_below="@+id/editText1"

android:layout_alignParentLeft="true">

</TextView>

<EditText android:layout_height="wrap_content"

android:layout_width="fill_parent"

android:layout_toRightOf="@+id/textView2"

android:id="@+id/editText2"

android:layout_below="@+id/editText1">

</EditText>

<Button android:layout_height="wrap_content"

android:text="登录"

android:layout_width="wrap_content"

android:layout_below="@+id/editText2"

android:layout_alignParentLeft="true"

android:id="@+id/button1">

</Button>

<Button android:layout_height="wrap_content"

android:text="注册"

android:layout_width="wrap_content"

android:layout_below="@+id/editText2"

android:layout_toRightOf="@+id/button1"

android:id="@+id/button2">

</Button>

</RelativeLayout>

TableLayout实现登录的XML文件

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/tableLayout1"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TableRow android:id="@+id/TableRow01">

<TextView android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:text="帐号"

android:textColor="@color/green"

android:layout_marginLeft="5dp"

android:layout_marginRight="5dp">

</TextView>

<EditText android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"/>

</TableRow>

<TableRow android:id="@+id/TableRow02">

<TextView android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:text="密码"

android:textColor="@color/green"

android:layout_marginLeft="5dp"

android:layout_marginRight="5dp">

</TextView>

<EditText android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"/>

</TableRow>

<TableRow android:id="@+id/TableRow03"

android:layout_height="wrap_content"

android:layout_width="fill_parent"

android:gravity="right">

<Button android:id="@+id/login_btn"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="登录"

android:textColor="@color/green"

/>

<Button android:id="@+id/register_btn"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="注册"

android:textColor="@color/green"

/>

</TableRow>

赞助本站

人工智能实验室

相关热词: android开发 教程

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港