GridView(网格视图)是按照行列的方式来显示内容的,一般用于显示图片,图片等内容,比如实现九宫格图,用GridView是首选,也是最简单的。主要用于设置Adapter。
常用属性:
Android:columnWidth 设置列的宽度。
android:gravity 设置此组件中的内容在组件中的位置
android:horizontalSpacing 两列之间的间距。
android:numColumns 设置列数。
android:stretchMode 缩放模式。
android:verticalSpacing 两行之间的间距
1。在布局文件中创建GridView控件,并设置为3列显示
2.创建行布局item,添加一个ImageView控件
3.在MainActivity中实例化GridView控件
4.在MainActivity中创建图片数组;
5.自定义适配器MyAdapter(接收数据集和上下文)
6.在MainActivity中实例化适配器,并将值放到GridVIew中;
7.配置MyAdapter
点击GridView时跳转页面显示大图
创建LargeimageActivity.java 和activity_largeimage.xml布局
在布局中添加ImageView控件
ImageView中scaleType的属性:
android:scaleType="center"
保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。
android:scaleType="centerCrop"
以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等比例放大原图,直到填满ImageView为止(指的是ImageView的宽和高都要填满),原图超过ImageView的部分作裁剪处理。
android:scaleType="centerInside"
以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。如果原图的size本身就小于ImageView的size,则原图的size不作任何处理,居中显示在ImageView。
android:scaleType="matrix"
不改变原图的大小,从ImageView的左上角开始绘制原图,原图超过ImageView的部分作裁剪处理。
android:scaleType="fitCenter"
把原图按比例扩大或缩小到ImageView的ImageView的高度,居中显示
android:scaleType="fitEnd"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置
android:scaleType="fitStart"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置
android:scaleType="fitXY"
把原图按照指定的大小在View中显示,拉伸显示图片,不保持原比例,填满ImageView.
在MainActivity.java中给GridView添加监听
常用属性:
Android:columnWidth 设置列的宽度。
android:gravity 设置此组件中的内容在组件中的位置
android:horizontalSpacing 两列之间的间距。
android:numColumns 设置列数。
android:stretchMode 缩放模式。
android:verticalSpacing 两行之间的间距
1。在布局文件中创建GridView控件,并设置为3列显示
2.创建行布局item,添加一个ImageView控件
3.在MainActivity中实例化GridView控件
4.在MainActivity中创建图片数组;
5.自定义适配器MyAdapter(接收数据集和上下文)
6.在MainActivity中实例化适配器,并将值放到GridVIew中;
7.配置MyAdapter
点击GridView时跳转页面显示大图
创建LargeimageActivity.java 和activity_largeimage.xml布局
在布局中添加ImageView控件
ImageView中scaleType的属性:
android:scaleType="center"
保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。
android:scaleType="centerCrop"
以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等比例放大原图,直到填满ImageView为止(指的是ImageView的宽和高都要填满),原图超过ImageView的部分作裁剪处理。
android:scaleType="centerInside"
以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。如果原图的size本身就小于ImageView的size,则原图的size不作任何处理,居中显示在ImageView。
android:scaleType="matrix"
不改变原图的大小,从ImageView的左上角开始绘制原图,原图超过ImageView的部分作裁剪处理。
android:scaleType="fitCenter"
把原图按比例扩大或缩小到ImageView的ImageView的高度,居中显示
android:scaleType="fitEnd"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置
android:scaleType="fitStart"
把原图按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置
android:scaleType="fitXY"
把原图按照指定的大小在View中显示,拉伸显示图片,不保持原比例,填满ImageView.
在MainActivity.java中给GridView添加监听
在LargeimageActivity.java 中获取上个页面跳转过来的Intent对象