2019-10-27

Android基本布局和登录界面的设计

 主要内容

    1、EditText

概述:文本编辑框控件,继承自TextView类,用来进行文本输入,编辑。

常用属性:

2、button

概述:

button控件作用是接收并响应单击事件。

button控件可显示文字,图片,同时可将图片设置为背景。

常用属性:

3、RelativeLayout布局

Android为应用程序开发提供了六种布局方式。分别是:

RelativeLayout-相对布局

在gravity中对齐方式的属性:

内部控件对齐方式有以下几种:

LinearLayout-线性布局

TableLayout-表格布局

FrameLayout-帧布局

GridLayout-网格布局

AbsoluteLayout-绝对布局

4、相对布局实践

操作目的:实现一个登录界面,如下:

1)首先创建一个New Android Application项目,打开res文件夹下的layout文件夹中的activity_main_xml(项目运行入口),在activity_main_xml中制作登录页面。

2)设置标签,显示用户名和密码以及对应的输入框

design效果图如下:

1、相对布局

一般都是 从左上角开始布局的。

第一要点:需要设置每个控件之间的相对位置

要注明是相对哪个id@id/tvl

eg: layout_below 位于哪个控件的下方

    layout_above 位于哪个控件的上方

    layout_toleftof相对控件下左面

    layout_torightof 相对控件下右面

居中 靠左 靠右

2、线性布局

1)vertical 垂直布局

2)horizontal 横向布局

gravity 子控件相对于当前控件的对齐方式

laout_gravity=""

对齐方式  当前控件相对父窗体

margin 当前控件相对于四周

padding 当前控件中的子控件相对于当前控件的四周

3)帧布局

  一层叠加一层

设置对应离父窗体位置的间距

4)table 布局

tableRow 表示一行

LinearLayout标签的常用属性有:

(1)layout_width:布局宽度(match_parent(适应屏幕宽度)、wrap_content(包裹宽度))

(2)layout_height:布局高度(match_parent(适应屏幕高度)、wrap_content(包裹高度))

(3)orietation:方向(vertical(垂直),horizontal(水平))

(4)gravity:对齐方式(left, right, center……)

(5)background:背景(颜色、图片)

TextView为文本标签,其常用属性有:

(1)text(文本)【建议文本内容在values下的string.xml中自行定义,例:android:text="@string/login" ;其中login是string.xml文件中的name属性】


(2)textSize(字体大小)【字体大小单位一般用sp,例:android:textSize=“25sp”】

(3)textColor(字体颜色)【例:android:textColor="#ff00ff"】

EditText为可编辑文本框,其常用属性有:

(1)hint(提示信息)【例:android:hint="@string/et_username"】

(2)singleLine(单行显示)【属性:(true、false)例:android:singleLine=“true”】

(3)inputType(输入类型)【属性:(textPassword、datetime、text)例:android:inputType=“textPassword”】

Button为按钮标签

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容