第二课 GirdView九宫格布局的使用课件.pptx

第二课 GirdView九宫格布局的使用 本章目标 GridView的介绍 使用GridView完成APP图标列表 GridView控件简介 GridView组件用来以网格方式排列视图，与矩阵类似，当屏幕上有很多元素（文字、图片或其他元素）需要显示时，可以使用该组件 GridView控件简介 1.GirdView的常用属性 numColumns=auto_fit -----列数设置为自动 columnWidth=90dp，-------每列的宽度，也就是Item的宽度 stretchMode=columnWidth----缩放与列宽大小同步 verticalSpacing=10dp------垂直边距 horizontalSpacing=10dp-----水平边距 GridView控件简介 课堂案例 案例1：使用GirdView显示APP图标界面 定义UI布局：显示UI界面和ItemUI界面。 准备图片数据，并自定义适配器。 在适配器中绑定数据，填充布局。 加载测试 课堂案例 案例1：使用GirdView显示APP图标界面 定义UI布局：显示UI界面和ItemUI界面。 准备图片数据，并自定义适配器。 在适配器中绑定数据，填充布局。 加载测试 课堂案例 案例1：使用GirdView显示APP图标界面 定义UI布局：显示UI界面和ItemUI界面。 准备图片数据，并自定义适配器。 在适配器中绑定数据，填充布局。 加载测试 课堂案例 案例1：使用GirdView显示APP图标界面 定义UI布局：显示UI界面和ItemUI界面。 准备图片数据，并自定义适配器。 在适配器中绑定数据，填充布局。 加载测试 课堂练习 练习1：使用GirdView显示美图列表界面 上网自己找感兴趣的图片，完成如下界面； 35分钟 课堂案例 案例2：为APP图标绑定点击事件 在如下APP界面，点击某个app图片，弹出相应提示信息。 课堂练习 练习2：为美图列表绑定点击事件 在如下界面，点击图片，弹出相应提示信息。 35分钟 感谢观映！