《常见布局方式》PPT课件

常见布局方式,回顾,上一节我们学习了以下几个内容：,活动生命周期，活动定义及使用方法,意图的定义及使用,服务生命周期，服务的使用,内容提供者的基本含义,引入,每个活动都有一个界面，手机屏幕的不同，界面布局不同。设计时，该如何考虑界面布局呢？,本章主要知识,View类及ViewGroup类帧布局（FrameLayout）线性布局（LinearLayout）表格布局（TableLayout）相对布局（RelativeLayout）列表布局（ListView）自定义视图事件控制方法,View类及ViewGroup类,View类是屏幕元素的基类。所有界面元素都是其子类。View类的属性如下：,View类及ViewGroup类,ViewGroup类是View的子类是布局对象的父类布局常以XML的形式出现XML布局文件定义在res/layout文件夹下,布局类之间的关系如下：子类继承父类属性,帧布局（FrameLayout）,分层显示，每层一个组件最后放入的组件在顶层默认组件左上角对齐（如右上图）如果想更改组件对齐方式，每个子组件内添加layout_gravity属性（右下图的子组件属性为center）,帧布局（FrameLayout）,XML文档结构如下：,帧布局（FrameLayout）,XML文档结构如下：,帧布局（FrameLayout）,XML文档结构如下：,帧布局（FrameLayout）,XML文档结构如下：,帧布局（FrameLayout）,XML文档结构如下：,帧布局（FrameLayout）,XML文档结构如下：,帧布局（FrameLayout）,新建一个项目在res/layout文件夹中删除原有的布局文件在该文件夹下新建一个andriodXMLlayout文件,例子,帧布局（FrameLayout）,向布局中拖拽3个文本控件改变文本控件属性，具体代码如右图,例子,LinearLayout（线性布局）是最常用的布局方式。以水平或垂直的方式排列子对象。一个方向只能有一个对象。可以嵌套：一个线性布局内还可以定义线性布局。LinearLayout常用属性（布局参数）：andriod:orientation：设置排列方向android:layout_width：设置宽android:layout_height：设置高android:layout_weight：设置控件的重要程度。默认为零，根据weight值分配控件暂用屏幕大小。andriod:gravity：设置内部元素的对齐方式等。,线性布局（LinearLayout）,线性布局（LinearLayout）,例子,垂直布局,水平布局,此视图占去屏幕的1/(1+3),此按钮占去子布局的2/(2+3),想一想：如果要想让嵌套的两个线性布局，均分屏幕，应该怎么设置？,表格布局（TableLayout）,以多行多列的方式显示子对象。每一行为一个TableRow。每一行可以拥有0个或多个的单元格（cell）。每个单元格内是一个View对象。TableLayout容器不会显示行、列或单元格的边框线。列的属性Shrinkable：设置列的宽度是否可收缩，收缩指表格能够适应其父容器的大小。Stretchable：设置列的宽度是否可拉伸，拉伸指可填满表格中空余的空间。Collapsed：设置列是否被隐藏。,表格布局（TableLayout）,XML文档格式,想一想：一行里能放多列吗？,动手验证：多列组件，超过屏幕宽度怎么办？超出的还显示吗？实验课上，请你自己实验验证一下,相对布局（RelativeLayout）,相对于其他对象的位置显示子对象，常用于表单中。是设计UI的有力工具，通常用于比较复杂的布局。,相对布局（RelativeLayout）,XML属性如下：,列表布局（ListView）,ListView可以显示多条内容，当内容超出屏幕高度时，可以上下滚动显示ListView也继承View类,列表布局（ListView）,listView要显示数据，数据一般有以下几个来源：自定义的array，需要预先定义array，在listview中使用android:entries=array/xxx“数据库，需要先查询数据库，再操作在类中自定义的数组，直接使用adapter即可,列表布局（ListView）,自定义的array,列表布局（ListView）,要显示数据库和自定义的数组时，一般需要使用适配器（Adapter）。使用listview.setAdapter(ListAdapter)方法来加载数据资源。listView中常用的适配器有ArrayAdapter，SimpleAdapter和SimpleCursorAdapter等。,列表布局（ListView）,类中自定义数据，在listView中显示,想一想：在活动中把视图加载的方法是什么呢？,setContentView(R.layout.main);setContentView(view);上一个例子使用的是那种方法？为什么？,请课下阅读课本P118-135，详细了解simpleAdapter的使用,自定义视图,自定义视图的三种方法在主Activity中直接重写View类单独定义View类，在主Activity中引用单独定义View类，在布局文件中引用,自定义视图,在主Activity中直接重写View类，对View类（包含View类的子类）进行实例化即可。例子1,自定义视图,在主Activity中直接重写View类，对View类（包含View类的子类）进行实例化即可。例子2,自定义视图,在主Activity中直接重写View类，对View类（包含View类的子类）进行实例化即可。例子3,自定义视图,单独定义View类，在主Activity中引用,publicclassMy2DextendsActivitypublicvoidonCreate(BundlesavedInstanceState)super.onCreate(savedInstanceState);setContentView(newMyView(this);,自定义视图,单独定义View类，在布局文件中引用。