.Net程序员玩转Android开发---(3)登陆页面布局

这一节我们来看看登陆页面怎样布局，对于刚接触到Android开发的童鞋来说，Android的布局感觉比较棘手，需要结合各种属性进行设置，接下来我们由点入面来

了解安卓中页面怎样布局，登陆页面很简单，两个文本框和一个按钮，页面效果如下:

1.布局代码

点击activity_mail.xml可以查看布局代码

点击graphical Layout切换到设计窗体

全部代码

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

<linearlayout xmlns:android= "http://schemas.android.com/apk/res/android" android:orientation= "vertical" android:layout_width= "fill_parent" android:layout_height= "fill_parent" >       <linearlayout android:layout_width= "fill_parent" android:layout_weight= "0.9" android:layout_height= "fill_parent" > 　　  </linearlayout>       　　 <linearlayout android:layout_width= "fill_parent" android:layout_weight= "0.1" android:orientation= "vertical" android:layout_height= "fill_parent" >               　　<linearlayout android:layout_marginleft= "10px" android:layout_marginright= "10px" android:gravity= "center" android:layout_width= "fill_parent" android:orientation= "horizontal" android:layout_height= "wrap_content" >       　　      <textview android:textsize= "8pt" android:text= "用户名" android:layout_weight= "0.75" android:layout_width= "fill_parent" android:layout_height= "wrap_content" > 　　          　　      </textview> 　　      　　      <edittext android:layout_weight= "0.25" android:layout_width= "fill_parent" android:text= "请输入用户名" android:layout_height= "wrap_content" > 　　          　　      </edittext>         　　    </linearlayout>       　　<linearlayout android:layout_marginleft= "10px" android:layout_marginright= "10px" android:gravity= "center" android:layout_width= "fill_parent" android:orientation= "horizontal" android:layout_height= "wrap_content" >       　　      <textview android:textsize= "8pt" android:text= "密码" android:layout_weight= "0.75" android:layout_width= "fill_parent" android:layout_height= "wrap_content" > 　　          　　      </textview>         　　      <edittext android:layout_weight= "0.25" android:layout_width= "fill_parent" android:password= "true" android:text= "请输入密码" android:layout_height= "wrap_content" > 　　      </edittext>         　　    </linearlayout>         　　    <linearlayout android:layout_marginleft= "10px" android:layout_marginright= "10px" android:gravity= "center" android:layout_width= "fill_parent" android:orientation= "horizontal" android:layout_height= "wrap_content" > 　　   <button android:text= "登录" android:textsize= "9pt" android:layout_width= "fill_parent" android:layout_height= "wrap_content" >   </button> 　　    </linearlayout>   　    <linearlayout android:layout_marginleft= "10px" android:layout_marginright= "10px" android:gravity= "center" android:layout_width= "fill_parent" android:orientation= "horizontal" android:layout_height= "wrap_content" > 　　   <button android:text= "注册 " android:textsize= "9pt" android:layout_width= "fill_parent" android:layout_height= "wrap_content" >   </button> 　　    </linearlayout>       　　</linearlayout>       </linearlayout>

2. 属性说明

控件介绍

LinearLayout控件: 线性布局控件 ，顾名思义就是以线性方式展示，包括横向和总向两种线性方式

android:orientation="vertical"表示垂直方向，android:orientation="horizontal"表示水平方向

TextView控件:显示控件，类似于label标签控件

EditText控件:文本框控件，类似于TextBox控件

Button按钮控件

属性说明

layout_width:表示控件相对于父容器的宽度。有三个值 fill_parent wrap_content match_parent

fill_parent 表示填充整个屏幕宽度

wrap_content 表示匹配文字的宽度

android:orientation="vertical" 设置水平和垂直方向

android:orientation="vertical" 设置控件左边距

android:layout_weight 设置控件所占的百分比

android:gravity="center" 设置控件内的元素位置

android:layout_gravity 用来指控件在父控件中的位置