1B课程笔记分享_StudyJams_2017
课程1B
概述
- 课程1B主要讲解了Android UI的ViewGroups(视图组)、LinearLayout(线性布局)、RelativeLayout(相对布局)，Portrait Mode(竖屏模式)、Landscape Mode(横屏模式)以及layout_weight(布局权重)在UI布局中的用处。
- 此外，本次课程简要提到了xml命名空间，能够方便变量名的管理和使用以及避免变量名字冲突。
ViewGroups
- 视图组控件引出了parent view、child view以及sibling view的概念；它们分别指的是两个视图间的父、子、兄弟关系，是一个相对概念，至少有两个对象参与。
- 需要注意的是，也是在1B课程中反复强调过的，ViewGroups本身也是一种视图。
LinearLayout
- 应用线性布局，首先应当设置布局中元素的朝向(orientation)：具体的取值有vertical、horizontal，分别指定布局中元素按列排列和按行排列：
android:orientation="vertical"
android:orientation="horizontal"
RelativeLayout
- 相对布局中的控件中的默认位置是屏幕的最左上方。
- 相对布局并不需要android:orientation属性。
- 相对布局能够以指定相对位置的方式来设置布局中各元素(控件)之间的相对位置，交给开发者自由定制的空间远比LinearLayout大，当然相应地也会拥有更多属性，变得更复杂一些。
- 需要强调，在应用相对布局进行Android UI设计前，要能够理解相对布局中的"相对"在不同的代码上下文中可能会具有不同的含义。
比如，
1. ”相对“指的是相对于父视图：
android:layout_alignParentTop=“true”
android:layout_alignParentLeft="true"
android:layout_alignParentRight="false"
android:layout_alignParentBottom="false"
android:layout_centerHorizontal="false"
android:layout_centerVertical="false"
属性android:layout_centerHorizontal、android:layout_centerVertical也是相对于父视图的，分别设置控件位于父视图的水平居中以及垂直居中的位置。
2. ”相对“指的是相对于锚视图(anchor view)：锚视图是固定的，其它视图可以指定与锚视图的相对位置。
android:layout_toLeftOf=“@id/some_id1_prev_defined”
android:layout_toRightOf=“@id/some_id2_prev_defined”
- [提示1] RelativeLayout的其他参数还有很多，搜索android RelativeLayout layout Params等关键字能够获取到关于相对布局的详细文档或者API参考手册。
开发者应该在平时注意锻炼自己查找资料，解决问题的能力，课程中介绍到的Android Developers就是很好的Android开发的参考网站。
Margin&Padding
- 外边距(Margin)、内边距(Padding)的概念在UI设计中很早就出现了。
- Padding控制单个控件内部元素和该控件边界之间的距离。
- 比如说，TextView中的文本与四周边界的距离的控制：
android:padding="8dp"
或者控制文本与某一边界之间的距离：
android:paddingLeft="8dp"
android:paddingRight="8dp"
android:paddingTop="8dp"
android:paddingBottom="8dp"
- Margin属性的使用的前提是，必须位于一个视图组中，否则就没有“外”边距的存在了。即外边距是相对两个父子(parent-child)控件之间而言的。 - 用外边距控制两个控件之间的相对位置：
android:layout_margin="8dp"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:paddingTop="8dp"
android:paddingBottom="8dp"
第一个表达式与后四个的效果是等价，都是设置两个父子控件之间的**四周**的边距。
- Margin与Padding之间的对比
下面这张自己画的图应该能够比较清晰地示意二者的区别，蓝色方块是一个ViewGroups控件，也就是说它是绿色方块的父视图(Parent View)，
这是外边距存在的前提。
