14_android用户界面-布局设计.ppt

一 android应用程序组件-View Android中的view是图形用户界面基类，提供了可视化的界面 第 * 页 学习情景一：小型Android APP设计 任务二： android应用程序架构 一、android应用程序组件 二、MainActivity.java 三、R.java 四、string.xml 五、main.xml 一 android应用程序布局 一 android应用程序组件-View 一 android应用程序布局 1 android应用程序布局 Android布局是应用界面开发的重要一环，在Android中，共有五种布局方式，分别是：FrameLayout(框架布局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout(表格布局).。 布局的两种定义如下： 一种资源，它定义了在屏幕上画什么。布局资源存储在应用程序的/res/layout资源目录下的XML文件中。布局资源简单的说就是一个用于用户界面屏幕，或屏幕的一部分，以及内容的模板。 一种视图类，它的主要是组织其它控件。这些布局类（LinearLayout,，RelativeLayout，TableLayout等）用于在屏幕上显示子控件，如文本控件或按钮或图片。 Android用户界面可以定义为XML中的布局资源或程序动态创建。 1.1 LinearLayout (线性布局), Linear Layout 线性布局的形式可以分为两种，第一种横向线性布局 第二种纵向线性布局，总而言之都是以线性的形式 一个个排列出来的，纯线性布局的缺点是很不方便修改控件的显示位置，所以开发中经常会 以 线性布局与相对布局嵌套的形式设置布局。 线性布局，这个东西，从外框上可以理解为一个div，他首先是一个一个从上往下罗列在屏幕上。每一个LinearLayout里面又可分为垂直布局（android:orientation=vertical）和水平布局（android:orientation=horizontal ）。当垂直布局时，每一行就只有一个元素，多个元素依次垂直往下；水平布局时，只有一行，每一个元素依次向右排列。 linearLayout中有一个重要的属性 android:layout_weight=1，这个weight在垂直布局时，代表行距；水平的时候代表列宽；weight值越大就越大。 1.1 LinearLayout (线性布局) Linear Layout android:orientation=”horizontal”设置线性布局为垂直方向android:orientation=”vertical”设置正比例分配控件范围 android:layout_weight=”1″设置控件显示位置，这里为水平居中android:gravity=”center_horizontal”在xml中我使用了LinearLayout 嵌套的方式 配置了2个线性布局 一个水平显示 一个垂直显示。 LinearLayout有两个非常相似的属性：android:gravity与android:layout_gravity。他们的区别在于：android:gravity用于设置View组件的对齐方式，而android:layout_gravity用于设置Container组件的对齐方式。 1.1 LinearLayout (线性布局) 1.2相对布局--RelativeLayout RelativeLayout 相对布局是android布局中最为强大的，首先它可以设置的属性是最多了，其次它可以做的事情也是最多的。android手机屏幕的分辨率五花八门所以为了考虑屏幕自适应的情况所以在开发中建议大家都去使用相对布局 它的坐标取值范围都是相对的所以使用它来做自适应屏幕是正确的。相对布局可以理解为某一个元素为参照物，来定位的布局方式。主要属性有： 相对于某一个元素android:layout_below=@id/aaa 该元素在 id为aaa的下面android:layout_toLeftOf=@id/bbb 改元素的左边是bbb 相对于父元素的地方android:layout_alignParentLeft=true? 在父元素左对齐android:layout_alignParentRight=true 在父元素右对齐 还可以指定边距等，具体详见API 1.2相对布局--RelativeLayout RelativeLayout 相对布局是android布局中最为强大的，首先它可以设置的属性是最多了，其次它可以做的事情也是最多的。android手机屏幕的分辨率五