第四讲 布局【线性+相对】&常用控件(view)

导入color素材包

打开Res --> values --> 新建color.xml --> 将 “颜色-记事本” 中的内容全部复制到该xml文件中,保存

第四讲 布局【线性+相对】&常用控件(view)_第1张图片

一、线性布局

1.线性布局共有两个方向:

垂直(vertical)

水平(horizontal)

决定是垂直还是水平的属性是Orientation

①android:orientation="horizontal"(水平,不写该语句,默认为水平方向)

第四讲 布局【线性+相对】&常用控件(view)_第2张图片
第四讲 布局【线性+相对】&常用控件(view)_第3张图片

②android:orientation="vertical"(垂直)

同时将背景设置背景色,如果已导入color素材可直接调取颜色

android:background=""  -->  在双引号内Alt+/  -->  双击@color/  -->  选取颜色

第四讲 布局【线性+相对】&常用控件(view)_第4张图片
第四讲 布局【线性+相对】&常用控件(view)_第5张图片

二、常用控件

(一)TextView文本控件

1.边距修改

①数值单位:

sp字体大小单位

dp其他数值单位

②边距属性

android:paddingBottom=“xxdp”  底部边距

android:paddingTop=“xxdp”  顶部边距

android:paddingLeft=“xxdp”  左部边距

android:paddingRight=“xxdp”  右部边距

第四讲 布局【线性+相对】&常用控件(view)_第6张图片
第四讲 布局【线性+相对】&常用控件(view)_第7张图片

2.位置

android:gravity=“  ”

①放在底部

android:gravity="bottom"

第四讲 布局【线性+相对】&常用控件(view)_第8张图片
第四讲 布局【线性+相对】&常用控件(view)_第9张图片

②放在底部靠右

android:gravity="bottom|right"        //注意:此处bottom与right中间为竖线“|”,不是斜线“/”

第四讲 布局【线性+相对】&常用控件(view)_第10张图片
第四讲 布局【线性+相对】&常用控件(view)_第11张图片

(二)EditText输入文本控件

垂直线性布局+置于底部右侧

第四讲 布局【线性+相对】&常用控件(view)_第12张图片

线性布局+View控件小练

第四讲 布局【线性+相对】&常用控件(view)_第13张图片
第四讲 布局【线性+相对】&常用控件(view)_第14张图片
第四讲 布局【线性+相对】&常用控件(view)_第15张图片
第四讲 布局【线性+相对】&常用控件(view)_第16张图片
第四讲 布局【线性+相对】&常用控件(view)_第17张图片


三、RelativeLayout 相对布局

android:layout_toRightOf在指定控件的右边

android:layout_toLeftOf在指定控件的左边

android:layout_above在指定控件的上边

android:layout_below在指定控件的下边

android:layout_alignBaseline跟指定控件水平对齐

android:layout_alignLeft跟指定控件左对齐

android:layout_alignRight跟指定控件右对齐

android:layout_alignTop跟指定控件顶部对齐

android:layout_alignBottom跟指定控件底部对齐

android:layout_alignParentLeft是否跟父布局左对齐

android:layout_alignParentTop是否跟父布局顶部对齐

android:layout_alignParentRight是否跟父布局右对齐

android:layout_alignParentBottom是否跟父布局底部对齐

android:layout_centerVertical在父布局中垂直居中

android:layout_centerHorizontal在父布局中水平居中

android:layout_centerInParent在父布局中居中


第四讲 布局【线性+相对】&常用控件(view)_第18张图片
第四讲 布局【线性+相对】&常用控件(view)_第19张图片


第四讲 布局【线性+相对】&常用控件(view)_第20张图片
第四讲 布局【线性+相对】&常用控件(view)_第21张图片

你可能感兴趣的:(第四讲 布局【线性+相对】&常用控件(view))