.Net程序猿玩转Android开发---(3)登陆页面布局
2016-03-14 20:03
615 查看
这一节我们来看看登陆页面如何布局。对于刚接触到Android开发的童鞋来说。Android的布局感觉比較棘手。须要结合各种属性进行设置,接下来我们由点入面来
了解安卓中页面如何布局,登陆页面非常easy,两个文本框和一个button,页面效果例如以下:
![](http://img.my.csdn.net/uploads/201411/03/1414991207_8844.jpg)
点击graphical Layout切换到设计窗口
所有代码
LinearLayout控件: 线性布局控件 ,顾名思义就是以线性方式展示。包含横向和总向两种线性方式
android:orientation="vertical"表示垂直方向。android:orientation="horizontal"表示水平方向
TextView控件:显示控件。类似于label标签控件
EditText控件:文本框控件,类似于TextBox控件
Buttonbutton控件
属性说明
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 用来指控件在父控件中的位置
了解安卓中页面如何布局,登陆页面非常easy,两个文本框和一个button,页面效果例如以下:
![](http://img.my.csdn.net/uploads/201411/03/1414991207_8844.jpg)
1.布局代码
点击activity_mail.xml能够查看布局代码点击graphical Layout切换到设计窗口
所有代码
<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="username" 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="请输入username" 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="password" 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="请输入password" 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控件
Buttonbutton控件
属性说明
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 用来指控件在父控件中的位置
相关文章推荐
- Android 中部分文字高亮显示方法
- 从一个问题来认识android:configChanges属性
- Android 中 handle Message 的简单使用笔记
- 沉浸式状态栏源码分析
- android如何隐藏头部的标题栏全屏显示
- Android 实现个性的ViewPager切换动画 实战PageTransformer(兼容Android3.0以下)
- Android listview与adapter用法
- android ecplise 的 项目结构目录
- Android屏幕适配全攻略3-和产品经理聊聊
- Android开发小知识-ExpandableListView使用
- 解决android studio报Error:Gradle DSL method not fount: 'compile()'
- Android中Java和JavaScript交互
- Android提升篇系列:Activity recreate(Activity 重新创建/自我恢复)机制(一)
- 42.Android之ListView中ArrayAdapter简单学习
- Android 优化Bitmap避免OOM
- 安卓我的课表
- Android 中 Activity的生命周期简单描述(新手)
- android 如何通过包名打开其他应用
- DialogFragment与Activity通信最佳实践
- View的基本参数