Android布局基础及范例(一):QQ登陆界面设计

MadeinCode 2011-10-31

使用Android手机的用户想必都有android手机QQ客户端吧,我们是不是觉得QQ登陆界面非常漂亮美观而且具有亲和力?我们是不是也想作出像QQ那样美观的界面?有的人肯定会问,做UI那不是美工人员的工作吗?是的,不能否认UI的设计美工有很大的功劳,但是程序员的设计也同样重要,下面我向讲解3种常见的布局设计LinearLayout,TableLayout,RelativeLayout,我会重点讲解最后一种

我们先来看一下设计好的QQ登录界面:

Android布局基础及范例(一):QQ登陆界面设计


 是不是和真正的手机QQ界面一样?

QQ登陆界面布局源代码下载

 

具体下载目录在 /pub/Android源码集锦/2011年/10月/Android布局基础及范例(一):QQ登陆界面设计/

下面开始讲解:

1.LinearLayout

线性布局,最常规的布局,在XML文件中我们只需要规定布局的大小,如width(宽),height(高)等值,还有orientation(方向),我们就可以把控件依次填入其中,控件就会按照我们规定的方向线性填入,这里不再多说,不懂的朋友请参考API文档或者查看网络其它相关博客。

2.TableLayout

Android布局基础及范例(一):QQ登陆界面设计

表格布局,一种很有规格的布局,既然是表格,自然会有行列之分,我们建立好<TableLayout>标签后,里面加入子标签<TableRow>,在这个标签里面依次加入控件,则控件会在该行依次显示,每次加入子标签<TableRow>,布局就会多出一行,这些用法都比较基础,以上两种我不做过多讲解。

相关推荐