day02---UI布局.doc

Day02一、 UI控件概述1.1 UI（User Interface）：用户界面Android提供了大量功能丰富的UI组件，开发者只要按一定规律把这些UI组件组合起来，再配合Android提供的事件响应机制，这样就达到了图形界面可响应用户的交互操作了。1.2既然UI组件这么重要，在Android中UI组件整体的结构是怎样的呢?常用的UI一般分为两类：一类是用于显示数据的组件称为基本控件类，一类是用于容纳组件的组件称为容器控件类，就是用来当容器的组件在Android中，所有UI组件都称为View,这是最顶层的一个父类，就像我们学JAVA里面的Object类是所有类的父类一样，比如说我们官方文档的这张图：一个ViewGroup是一个容器组件，它下面又可以包含另一个容器组件，又可以包含单独的视图，然后这个组里又可以包含其他的视图。这整体的结构就像是一种包含的关系，最上层是爷爷，爸爸，兄弟，还有孙子，实际上这就像我们类里的继承关系一样。OK，那大家要记住一点是所有UI组件的父类都称之为View,这是一个类。View类最常用的子类如下,我们把这些常用的子类分为两种：基本控件类和容器控件类 TextViewEditTextButtonRadioButtonCheckBoxImageViewImageButtonViewGroupViewGroup类是抽象类，主要用来当容器布局使用，它有以下几种常用的子类：LinearLayout RelativeLayoutFrameLayoutSpinnerListViewGridView二、 布局管理器之-线性布局(LinearLayout)布局为UI提供了一个可视化的结构，比如对于一个activity或者app widget的UI可以用两种方式声明布局：1.在XML中声明UI元素2.在运行时实例化布局元素，就是用代码直接去写Android推荐使用XML布局文件来定义用户界面，而不是使用JAVA代码来开发用户界面，实际上不管用哪种方式，本质是一样的，控制UI组件的XML属性还有对应的方法 线性布局是指在该管理器下的所有控件的排列是线性排列，根据排列的方向不同可以分为水平方向和垂直方向来个方向。由属性：android:orientation来确定线性布局的方向。常用属性：属性描述android:id这是布局的唯一标识ID。android:gravity内部对齐（容器内全部子控件均遵循该对齐方式） right, bottom, center（水平居中，垂直居中，正居中）android:orientation这种安排指定的方向，可以用“horizontal”表示为一排，“vertical”表示一列。默认是水平的。android:layout_width布局宽的属性:fill_parent：指定子组件的高度，宽度与父容器组件的高度，宽度相同（实际上还要减去填充的空白距离） match_parent：与fill_parent完全相同，从安卓2.2开始推荐使用这个属性来替代fill_parent wrap_content：指定子组件的大小恰好能包裹它的内容即可android:layout_height布局高的属性android:layout_gravity外部对齐（针对某一个单独的子控件进行对齐，其他兄弟控件不受影响）.属性组合使用“|”android:layout_weight权重（比喻成体重，代表子控件在同一方向上所占比重，注意：当使用该属性时，对应宽/高需要设置为“0dp”）1.控件的width/height的属性必须保持一致2. width/height=0dp 权重值越大，所占空间越大（正比例）3. width/height=match_parent 权重值越大，所占空间越小 (反比例)4. width/height=wrap_content 权重值越大，所占空间越大（正比例）注意：width/height不为“0dp“时，系统会优先考虑权重值小的组件三、 布局管理器之-相对布局(RelativeLayout)RelativieLayout:相对布局内的元素的位置总是由父容器或兄弟组件的位置所决定，所以称为相对布局。可以相对父容器/兄弟控件位置任意摆放，布局灵活 android:layout_marginLeft左侧外边距（子控件使用，其他兄弟控件不受影响）android:layout_marginRight右侧.android:layout_marginTop顶部.android:layout_marginBottom底部.android:layout_margin四周.android:paddingLeft左侧内边距（容器使用，容器内全部子控件均受到影响。该属性同样可以适用于TextView等控件，使控件和控件内的内容有内间距）android:paddingRight右侧.android:paddingTop顶部.android:paddingBottom底部.android:padding四周四、 布局管理器之-帧布局(FrameLayout)FrameLayout:最简单的布局管理器。会根据元素的书写顺序，依次加入到帧布局中，后面的元素会覆盖前面的元素，默认是在布局中的左上角。（应用场景，两个按钮，点击第一个时第二个显示第一个隐藏，点击第二