二零二三年 优质公开课GridLayout网格布局v.pptxVIP

北京电子科技职业学院移动应用软件开发（基于Android平台）01GridLayout网格布局 网格布局Android SDK 4.0新支持的布局方式将用户界面划分为网格，界面元素可随意摆放在网格中网格布局比表格布局（TableLayout）在界面设计上更加灵活，在网格布局中界面元素可以占用多个网格的，而在表格布局却无法实现，只能将界面元素指定在一个表格行（TableRow）中，不能跨越多个表格行。 GridLayout 首先它与LinearLayout布局一样，也分为水平和垂直两种方式，默认是水平布局，一个控件挨着一个控件从左到右依次排列，但是通过指定android:columnCount设置列数的属性后，控件会自动换行进行排列。另一方面，对于GridLayout布局中的子控件，默认按照wrap_content的方式设置其显示，这只需要在GridLayout布局中显式声明即可。? 其次，若要指定某控件显示在固定的行或列，只需设置该子控件的android:layout_row和android:layout_column属性即可，但是需要注意：android:layout_row=”0”表示从第一行开始，android:layout_column=”0”表示从第一列开始，这与编程语言中一维数组的赋值情况类似。 网格布局模拟器运行结果 网格布局main.xml代码 ?xml version=1.0 encoding=utf-8?GridLayout xmlns:android=/apk/res/android android:layout_width=match_parent android:layout_height=match_parent android:columnCount=4 TextView android:layout_columnSpan=4 android:layout_gravity=center_horizontal android:text=这是关于GroidLayout的示例 android:textSize=20dip / TextView android:text=用户名： android:layout_gravity=right / 网格布局 EditText android:ems=8 android:layout_columnSpan=2/ EditText android:ems=8 android:layout_columnSpan=2 / Button android:text=清空输入 android:layout_column=1 android:layout_gravity=fill_horizontal/ Button android:text=下一步 android:layout_column=2 android:layout_gravity=fill_horizontal//GridLayout小结 本节主要对Android中的GridLayout网格布局进行了介绍，并结合该控件的特点进行了代码讲解。北京电子科技职业学院谢谢观看GroidLayoutDemo示例 界面设计器中可以看到虚线网格，但在模拟器的运行结果中是看不到的网格布局将界面划分成多个块，这些块是根据界面元素动态划分的具体的讲，GroidLayoutDemo示例的左边第一列的宽度，是综合分析在第一列中的两个界面元素“用户名”和“密码”TextView的宽度而进行设定的，选择两个元素中最宽元素的宽度，作为第一列的宽度最上方第一行的高度，也是分析“这是关于GridLayout的示例”这个TextView元素的高度进行设定的。因此，网格布局中行的高度和列的宽度，完全取决于本行或本列中，高度最高或宽对最宽的界面元素5.3.5网格布局代码第7行的useDefaultMargins表示网格布局中的所有元素都遵循缺省的边缘规则，就是说所有元素之间都会留有一定的边界空间。代码第8行的columnCount表示纵向分为4列，从第0列到第3列，程序开发人员也可以在这里定义横向的行数，使用rowCount属性。代码第10行的layout_columnSpan属性表示TeixtView控件所占据的列的数量。代码第12行的layout_gravity = center_horizontal表示文字内容在所占据的块中居中显示代码第9行到第13行定义了第一个界面控件，虽然定义了纵向所占据的块的数量，但却没有定义元素起始位置所在的块，原因是网格布局中第1个元素默认在第0行第0列代码第16行到第18行定义了第2个界面控件，仍然没有定义元素起始位置所在的块。根据网格布局界面元素的排布规则，如果没有明确说明元素所在的块，那么当前元素会