Android开发——UI组件详解及注册提交表单实现

今天讲解的内容是UI组件的TextView组件和EditView组件。

通过今天的作业提现各种组件的用法并介绍通用属性。

作业;

上图为今天的作业,要求用Android实现上述页面布局,不用实现功能。

首先,我写了一下string.xml文件,把所有字符串都写到里面,代码如下:

杨博的登录作业

电子邮件:

用户名:

密码:

确认密码:

验证码:

看不清?

换一个

我已阅读并同意《凤凰使用协议》

提交注册

写好string.xml文件后,我们需要写布局文件。对于这个提交注册表单,我们需要用到的布局方式不是单一的,而是多种嵌套。因为,如果我们用线性布局,每行或列只能放一个组件,不能满足上图要求。用相对布局显得太繁琐。用表格布局,前四行可以完成,但验证码这一行就有点困难了,所以综述这点,我用了表格布局+相对布局的方式。

布局文件如下:

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="@drawable/girl"

>

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/mail"

android:textSize="20dp"

android:textStyle="bold"/>

 

android:layout_width="200dp"

android:layout_height="wrap_content"

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

 

 

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/user"

android:textSize="20dp"

android:textStyle="bold"/>

 

android:layout_width="200dp"

android:layout_height="wrap_content"

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

 

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/pass"

android:textSize="20dp"

android:textStyle="bold"/>

 

android:layout_width="200dp"

android:layout_height="wrap_content"

android:password="true"

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

 

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/repass"

android:textSize="20dp"

android:textStyle="bold"/>

 

android:layout_width="200dp"

android:layout_height="wrap_content"

android:password="true"

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

 

 

 

android:id="@+id/num_tv"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:paddingRight="20dp"

android:paddingTop="15dp"

android:text="@string/num"

android:textSize="20dp"

android:textStyle="bold" />

android:id="@+id/num"

android:layout_width="60dp"

android:layout_height="wrap_content"

android:layout_toRightOf="@id/num_tv" >

 

android:id="@+id/pic"

android:layout_width="50dp"

android:layout_height="wrap_content"

android:layout_marginTop="5dp"

android:layout_toRightOf="@id/num"

android:background="@drawable/num" />

android:id="@+id/really"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="20dp"

android:layout_toRightOf="@id/pic"

android:text="@string/really"

android:textSize="15dp"

android:textStyle="bold"/>

 

android:id="@+id/again"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="20dp"

android:text="@string/again"

android:textSize="15dp"

android:textStyle="bold"

android:layout_toRightOf="@id/really" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/xieyi"

android:layout_alignParentBottom="@id/num_tv"

android:gravity="center"

android:id="@+id/xieyi"

android:layout_marginTop="45dp"/>

 

你可能感兴趣的:(Develop,about,Android)