Android应用开发技术 课件 第2章 Android布局管理器

Android

布局管理器前言布局管理器是一种用于管理界面布局的技术。使用布局管理器可以使界面设计更加灵活和可扩展，能够适应不同设备的屏幕尺寸和分辨率。02布局管理器目录01布局概述

2.1布局概述

在Android程序中界面是通过布局文件XML设定的，使用XML文件声明界面布局是将程序的表现层和控制层分离的一种方式，这使程序的结构更加清晰，更便于维护和修改。在每个应用程序创建时会默认包含一个主界面布局，该布局位于res/layout目录中。实际开发中每个应用程序都包含多个界面，而程序默认提供的一个主界面布局无法满足需求，因此经常会在程序中添加多个布局。

2.1布局概述

2.1.1View和ViewGroup布局管理器中的View和ViewGroup是AndroidUI设计的基础组件。1．View（1）View是AndroidUI设计的所有基础组件的基类。（2）View提供了视图的基本功能，包括绘制、事件处理等。

2.1布局概述

2.1.1View和ViewGroup布局管理器中的View和ViewGroup是AndroidUI设计的基础组件。1．View（3）View具有一些基本属性，如宽度、高度、位置、背景等。主要处理自己绘制的内容，以及处理用户输入事件（如触摸等）。

2.1

布局概述

2.1.1View和ViewGroup示例：端砚研墨。左图为端砚研墨的程序运行效果，右图为让端砚研墨动起来的程序运行效果。

2.1布局概述

2.1.1View和ViewGroup2．ViewGroup（1）ViewGroup是View的子类，是一种特殊的View，主要用来充当View的容器，可以包含和管理多个子View和子ViewGroup。（2）ViewGroup本身也是一个视图，因此它可以被添加到布局中。与View相比，ViewGroup更注重组织和管理子视图。（3）ViewGroup提供了一些额外的功能，如布局参数的传递、焦点的管理、测量等。

2.1布局概述

2.1.1View和ViewGroup3．ViewGroup和View的关系（1）ViewGroup可以包含多个View，而View也可以是ViewGroup的子View。（2）在布局过程中，先由根节点（通常是RelativeLayout或LinearLayout）创建一个ViewGroup，然后将这个ViewGroup作为根节点添加到布局中，最后向这个ViewGroup中添加各种View或者其他ViewGroup（也就是子ViewGroup）。

2.1

布局概述

2.1.1View和ViewGroup示例：展示岭南文化中端砚该示例展示了如何使用RelativeLayout来组织以岭南文化端砚为主题的界面，用户可以根据实际需求进行调整和扩展。

2.1布局概述

2.1.2布局规范在Android应用开发中，布局管理器用于组织和控制应用的用户界面元素。为了实现一致和可预测的界面效果，建议遵循以下布局规范。1．避免复杂的嵌套布局。嵌套过多的布局管理器会产生性能问题，因此建议尽量使用简单的布局结构。在必要时，可以通过组合布局来替代复杂的嵌套布局。

2.1布局概述

2.1.2布局规范2．尽量使用RelativeLayout。使用RelativeLayout相对布局可以根据其他的位置来定位自身或其他组件，这使得界面布局更加灵活。然而，由于在大型项目中使用RelativeLayout可能会导致复杂的布局结构，因此用户需要根据实际情况进行权衡。3．合理使用LinearLayout。使用LinearLayout线性布局可以将子组件按照垂直或水平方向排列。然而，在进行线性布局时，当组件数量较多时，可能会导致界面换行或出现空白区域。建议在进行线性布局时，考虑使用其他布局管理器。

2.1布局概述

2.1.2布局规范4．根据屏幕尺寸和分辨率选择合适的布局。不同的屏幕尺寸和分辨率需要使用不同的布局管理器。建议根据目标设备的屏幕尺寸和分辨率，选择合适的布局管理器，以确保界面在不同设备上呈现一致的效果。5．优化布局性能。在Android应用开发中，需要考虑布局的性能问题。例如，避免在布局中频繁进行复杂的计算和渲染操作，避免出现不必要的视图切换和动画效果等。

2.2布局管理器

常见布局管理器线性布局管理器LinearLayout网格布局管理器GridLayout帧布局管理器FrameLayout相对布局管理器RelativeLayout表格布局管理器TableLayout约束布局管理器ConstraintLayout

2.2布局管理器

2.2.1LinearLayoutLinearLayout用于将子组件按照垂直或水平方向排列。通过设置LinearLayout的布局参数，可以指定它们的布局方向、对齐方式等。LinearLayout的常用属性如表2-1所示，常用方法如表2-2所示。

2.2布局管理器

2.2.1LinearLayout

表2-1LinearLayout常用属性属性说明orientation设置布局方向：vertical（垂直）或horizontal（水平）id为组件指定对应的IDtext指定组件中显示的文字gravity指定组件的基本位置，如居中、靠右等textSize指定组件中字体的大小

2.2布局管理器

2.2.1LinearLayout

表2-1LinearLayout常用属性属性说明background指定组件使用的背景色width指定组件的宽度height指定组件的高度padding指定组件的内边距weight设置组件的权重，用于组件在水平或垂直方向上的比例

2.2布局管理器

2.2.1LinearLayout

表2-2LinearLayout常用方法方法说明setLayoutParams(LinearLayout.LayoutParamsparams)设置布局参数addView(Viewchild)添加子组件addView(Viewchild,intindex)在指定位置添加子组件addView(Viewchild,LinearLayout.LayoutParamsparams)添加子组件，并指定布局参数

2.2布局管理器

2.2.1LinearLayout

表2-2LinearLayout常用方法方法说明addView(Viewchild,intwidth,intheight)添加子组件，并指定宽度和高度addView(Viewchild,LinearLayout.LayoutParamsparams,intwidth,intheight)添加子组件，并指定布局参数、宽度和高度

2.2布局管理器

2.2.1LinearLayout线性布局案例

：使用线性布局实现岭南文化登录页面，左图为布局设计组件树，右图为显示效果。

2.2布局管理器

2.2.2RelativeLayoutRelativeLayout用于根据其他组件的位置来定位自身或其他组件。通过设置

属性，可以指定组件相对于其他组件的位置。RelativeLayout的常用属性如表2-3所示。

表2-3RelativeLayout常用属性属性说明layout_width设置RelativeLayout的宽度，可选值为match_parent、wrap_content等。layout_height设置RelativeLayout的高度，可选值为match_parent、wrap_content等。

2.2布局管理器

2.2.1RelativeLayout

表2-3RelativeLayout常用属性方法说明layout_gravity设置RelativeLayout在其父容器内的位置，可选值为left、right、top、bottom等layout_marginStart设置RelativeLayout与其最近的前置元素之间的起始边界距离。layout_marginTop设置RelativeLayout与其最近的顶层元素之间的顶部边界距离。layout_marginEnd设置RelativeLayout与其最近的元素之间的结束边界距离。

2.2布局管理器

2.2.1RelativeLayout

表2-3RelativeLayout常用属性方法说明layout_marginBottom设置RelativeLayout与其最近的底层元素之间的底部边界距离。layout_alignStart设置RelativeLayout与指定元素之间的起始边界的对齐方式。layout_alignTop设置RelativeLayout与指定元素之间的顶部边界的对齐方式。layout_alignEnd设置RelativeLayout与指定元素之间的结束边界的对齐方式。

2.2布局管理器

2.2.1RelativeLayout

表2-3RelativeLayout常用属性方法说明layout_alignBottom设置RelativeLayout与指定元素之间的底部边界的对齐方式。layout_toStartOf设置RelativeLayout与指定元素之间的起始边界距离，使其位于指定元素的起始侧。layout_toEndOf设置RelativeLayout与指定元素之间的结束边界距离，使其位于指定元素的结束侧。layout_toLeftOf设置RelativeLayout与指定元素之间的起始边界距离，使其位于指定元素的左侧。

2.2布局管理器

2.2.1RelativeLayout

表2-3RelativeLayout常用属性方法说明layout_toRightOf设置RelativeLayout与指定元素之间的结束边界距离，使其位于指定元素的右侧。layout_above设置RelativeLayout与指定元素之间的顶部边界的对齐方式，使其位于指定元素的上方。layout_below设置RelativeLayout与指定元素之间的底部边界的对齐方式，使其位于指定元素的下方。

2.2布局管理器

2.2.2RelativeLayout示例

：3个按钮分别位于RelativeLayout的上方、中间和右侧。

2.2布局管理器

2.2.2RelativeLayout相对布局案例

：使用相对布局实现岭南文化中端砚展示，左图为布局设计组件树，右图为显示效果

。

2.2布局管理器

2.2.3TableLayout

TableLayout允许在LinearLayout的上下文中组织视图，将子组件按照行、列的

方式排列；是一个灵活的布局管理器，非常适合在具有多个动态和静态子视

图的应用中使用。TableLayout常用属性:（1）stretchColumns：指定哪些列可以被拉伸以适应额外的空间，格式为“逗号分隔的列索引”，如“0,2”。在默认情况下，所有列都可以被拉伸。（2）shrinkColumns：指定哪些列可以被收缩以适应空间不足的情况，格式同上。在默认情况下，没有列可以被收缩。

2.2布局管理器

2.2.3TableLayoutTableLayout的常用属性:（3）collapseColumns：指定哪些列可以被完全隐藏，以适应空间不足的情况，格式同上。在默认情况下，没有列可以被完全隐藏。（4）scrollHorizontally：如果值为true，那么允许通过水平滚动条查看不能适应表格宽度的内容。其默认值为false。（5）shrinkableColumnsCount：指定在滚动视图时哪些列可以被收缩。其默认值为-1，表示所有列都可以被收缩。如果值为n，那么表示只有从左侧起的n个列可以收缩。shrinkableColumnsCount和stretchableColumns对应。

2.2布局管理器

2.2.3TableLayout

在XML文件中，使用TableLayout布局看起来是这样的。

2.2布局管理器

2.2.3TableLayout

使用java创建TableLayout布局。

添加TableRow到TableLayout中。TableLayouttableLayout=newTableLayout(context);tableLayout.setOrientation(LinearLayout.VERTICAL);//Bydefaultit'sverticalTableRowrow=newTableRow(context);tableLayout.addView(row);

2.2布局管理器

2.2.3TableLayout

在TableRow中添加视图元素。

ImageViewimageView=newImageView(context);imageView.setImageResource(R.drawable.some_image);row.addView(imageView);

2.2布局管理器

2.2.3TableLayout表格布局案例

：使用表格布局实现岭南文化中端砚展示，左图为布局设计组件树，右图为显示效果

。

2.2布局管理器

2.2.4GridLayoutGridLayout用于将子组件按照网格的方式排列。

GridLayout的常用属性和方法，如表2-4所示。

表2-4GridLayout常用属性和方法属性和方法说明columnCount设置网格的列数rowCount设置网格的行数

2.2布局管理器

2.2.4GridLayout

表2-4GridLayout常用属性和方法属性说明orientation设置网格的布局方向：vertical（垂直）或horizontal（水平）gravity设置网格内元素的对齐方式，如居中、靠右等addView(Viewview,intindex)添加视图，参数包括视图对象和它的位置（从上开始计数，第一行第一列的位置为0）

2.2布局管理器

2.2.4GridLayout网格布局案例

：使用网格布局实现端砚问天阁聊天室，左图为布局设计组件树，右图为显示效果。

2.2布局管理器

2.2.5FrameLayoutFrameLayout用于将子组件按照叠加的方式排列。

FrameLayout的常用属性和方法，如表2-5所示。表2-5FrameLayout常用属性和方法属性和方法说明background设置FrameLayout的背景颜色或背景图片visibility设置FrameLayout的可见性，可选值为visible、invisible、goneaddView(Viewview,intindex)添加视图，参数包括视图对象和它的位置（从上开始计数，第一行第一列的位置为0）

2.2布局管理器

2.2.5FrameLayout示例

：使用FrameLayout展示岭南文化中的端砚。将背景图片和端砚图片分别设置为布局的背景和顶层视图。背景图片填充整个FrameLayout，而因端砚图也填充了整个FrameLayout故它覆盖了背景图片。当然，也可以在FrameLayout中添加其他组件，如文字、按钮等，以展示更多的岭南文化元素。

2.2布局管理器

2.2.6ConstraintLayout

ConstraintLayout是一种灵活的布局管理器，使用ConstraintLayout可以很方便

地实现复杂的界面布局。ConstraintLayout的常用属性如表2-6所示，常用方法如表2-7所示。

2.2布局管理器

2.2.6ConstraintLayout

表2-6ConstraintLayout常用属性属性说明layout_constraintWidth_default宽度默认约束，可选值为wrap_content、match_constraint和match_parentlayout_constraintHeight_default高度默认约束，可选值为wrap_content、match_constraint和match_parent

2.2布局管理器

2.2.6ConstraintLayout

表2-6ConstraintLayout常用属性属性说明layout_constraintTop_toTopOf顶部约束，指定顶部参照元素，如另一个控件的IDlayout_constraintBottom_toBottomOf底部约束，指定底部参照元素，如另一个控件的IDlayout_constraintLeft_toLeftOf左侧约束，指定左侧参照元素，如另一个控件的ID

2.2布局管理器

2.2.6ConstraintLayout

表2-6ConstraintLayout常用属性属性说明layout_constraintRight_toRightOf右侧约束，指定右侧参照元素，如另一个控件的IDlayout_constraintHorizontal_bias水平偏移比例，用于设置相对于水平参照元素的偏移量layout_constraintVertical_bias垂直偏移比例，用于设置相对于垂直参照元素的偏移量

2.2布局管理器

2.2.6ConstraintLayout

表2-7ConstraintLayout常用方法属性说明setLayoutParams(ConstraintLayout.LayoutParamsparams)设置该组件的布局参数addView(Viewchild)添加子组件addView(Viewchild,intindex)在指定位置添加子