Android 关于GridView那些事
2015-12-05 12:21
716 查看
[code]最近用了好多GridView,今天小编总结一下,关于GridView的那些注意的东西...
先看一下效果:
不知道为什么,整成gif的横线就没有了,在模拟器上也看不到,真机上是没有问题的,纠结死小编了
首先我们来看看GridView的一些常用的属性吧
1.android:numColumns=”auto_fit” //GridView的列数设置为自动2.android:columnWidth=”90dp ” //每列的宽度,也就是Item的宽度
3.android:stretchMode=”columnWidth”//缩放与列宽大小同步
4.android:verticalSpacing=”10dp” //两行之间的边距
5.android:horizontalSpacing=”10dp” //两列之间的边距
6.android:cacheColorHint=”#00000000” //去除拖动时默认的黑色背景
7.android:listSelector=”#00000000” //去除选中时的***底色
8.android:scrollbars=”none” //隐藏GridView的滚动条
9.android:fadeScrollbars=”true” //设置为true就可以实现滚动条的自动隐藏和显示
10.android:fastScrollEnabled=”true” //GridView出现快速滚动的按钮(至少滚动4页才会显示)
11.android:fadingEdge=”none” //GridView衰落(褪去)边缘颜色为空,缺省值是vertical。(可以理解为上下边缘的提示色)
12.android:fadingEdgeLength=”10dip” //定义的衰落(褪去)边缘的长度
13.android:stackFromBottom=”true” //设置为true时,你做好的列表就会显示你列表的最下面
14.android:transcriptMode=”alwaysScroll” //当你动态添加数据时,列表将自动往下滚动最新的条目可以自动滚动到可视范围内
15.android:drawSelectorOnTop=”false” //点击某条记录不放,颜色会在记录的后面成为背景色,内容的文字可见(缺省为false)
至于GridView的用法就不多说了,和ListView的用法一样。下面小编给打加分享一下GridView的一些比较特殊的情况吧。
一.GridView按钮图片点击效果
二.GridView九宫格分割线效果实现
一.GridView按钮图片点击效果
我们先来看看GridView按钮图片的点击效果吧,不是说每一个item的点击背景颜色的改变,那个很简单实现,自定义一个selector就可以实现,接下来小编要说的是每一个item上的imageview的点击效果….要想实现这种功能我们要设置imageview的 android:clickable=”true”,看一下布局文件:
[code]<ImageView android:id="@+id/ItemImage" android:layout_height="50dp" android:layout_width="50dp" android:scaleType="fitXY" android:adjustViewBounds="true" android:clickable="true" android:layout_marginTop="@dimen/smaller_space" android:layout_centerHorizontal="true"> </ImageView>
2.然后我们在自定义adapter中定义一个改变按钮图片的颜色方法,通过初始化adapter的时候,将九宫格的图片传过来,通过onTouch事件来改变颜色值
[code]public View.OnTouchListener onTouchListener = new View.OnTouchListener() { @Override public boolean onTouch(View view, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_UP: changeLight((ImageView) view, 0); // listener.onCustomItemClk(listener.getPostion()); // view.getParent().requestDisallowInterceptTouchEvent(false);//通知父控件勿拦截本控件 // onclick break; case MotionEvent.ACTION_DOWN: changeLight((ImageView) view, -80); break; case MotionEvent.ACTION_MOVE: // changeLight(view, 0); break; case MotionEvent.ACTION_CANCEL: changeLight((ImageView) view, 0); break; default: changeLight((ImageView) view, 0); break; } return false; } }; /** *改变gridview图片的颜色值 **/ private void changeLight(ImageView imageview, int brightness) { ColorMatrix matrix = new ColorMatrix(); matrix.set(new float[] { 1, 0, 0, 0, brightness, 0, 1, 0, 0, brightness, 0, 0, 1, 0, brightness, 0, 0, 0, 1, 0 }); imageview.setColorFilter(new ColorMatrixColorFilter(matrix)); }
3.我们还需要定义一个接口实现gridview的onItem点击事件
[code]public interface OnCustomItemClickListener{ public int getPostion(); public void onCustomItemClk(int i); }
[code] holder.itemImage.setOnTouchListener(onTouchListener); holder.itemImage.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { clickPos = i; listener.onCustomItemClk(clickPos); } });
大体思路和主要代码都跟大家介绍的很详细了,需要的小伙伴可以去下载源码….
二:GridView九宫格分割线效果实现(仿支付宝)
最近项目中要实现一个仿支付宝九宫格分割线的功能,因为项目比较急在网上找了找,发现都是设置一些背景来实现,闲的时候想了想,可以自定义一个GridView来实现,下面小编来分享一下实现方法1.设置背景来实现九宫格分割线效果:
定义selector背景
[code]<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"><shape android:shape="rectangle"> <stroke android:width="1.0px" android:color="@color/line" /> <gradient android:angle="270.0" android:endColor="#ffe8ecef" android:startColor="#ffe8ecef" /> </shape></item> <item android:state_focused="true"><shape android:shape="rectangle"> <gradient android:angle="270.0" android:endColor="#ffe8ecef" android:startColor="#ffe8ecef" /> <stroke android:width="1.0px" android:color="@color/line" /> </shape></item> <item><shape android:shape="rectangle"> <gradient android:angle="270.0" android:endColor="@color/gray" android:startColor="@color/gray" /> <stroke android:width="0.5px" android:color="@color/line" /> </shape></item> </selector>
给布局设置这个背景就可以了,一点小瑕疵就是每一行重叠的线会比不重叠的粗,不认真看看不出来的,还可以凑合用,但是小编比较追求完美,下面看一下自定义GridView的实现方法吧。
2.自定义GridView实现:
思路:
1.通过反射获取GridView的列数
2.获取GridView的childview
3.根据childview的情况画线
代码:
[code]@Override protected void dispatchDraw(Canvas canvas) { super.dispatchDraw(canvas); int column = 1; try { //通过反射拿到列数 Field field = GridView.class.getDeclaredField("mNumColumns"); field.setAccessible(true); column = field.getInt(this); } catch (NoSuchFieldException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e.printStackTrace(); } int childCount = getChildCount(); Paint paint = new Paint(); paint.setStyle(Paint.Style.STROKE); paint.setColor(getContext().getResources().getColor(R.color.line)); for (int i = 0; i < childCount; i++) { View cellView = getChildAt(i); Log.e(">>>>>>>>>>>>>>>","i="+i+"||||||||||"+"top"+cellView.getTop()+"bottom"+cellView.getBottom()+"left"+cellView.getLeft()+"right"+cellView.getRight()); if (cellView.getTop()!=0){ //顶部线,坐标+1是为了画在cellView上 canvas.drawLine(cellView.getLeft(), cellView.getTop() + 1, cellView.getRight(), cellView.getTop() + 1, paint); } //左边线 canvas.drawLine(cellView.getLeft() + 1, cellView.getTop(), cellView.getLeft() + 1, cellView.getBottom(), paint); if ((i + 1) % column == 0) //最右边一列单元格画上右边线 { canvas.drawLine(cellView.getRight(), cellView.getTop() + 1, cellView.getRight(), cellView.getBottom() + 1, paint); } if ((i + column) >= childCount) //最后column个单元格画上底边线 { canvas.drawLine(cellView.getLeft(), cellView.getBottom() + 1, cellView.getRight(), cellView.getBottom() + 1, paint); } if (childCount % column != 0 && i == childCount - 1) //如果最后一个单元格不在最右一列,单独为它画上右边线 { canvas.drawLine(cellView.getRight() + 1, cellView.getTop() + 1, cellView.getRight() + 1, cellView.getBottom() + 1, paint); canvas.drawLine(cellView.getRight()+1, cellView.getBottom() + 1, cellView.getLeft(), cellView.getBottom() + 1, paint); } } }
好了就先说些这个吧,小编已经把源码传到github上了。
https://github.com/Hankkin/GridViewDemo
对了在这里,小编给大家推荐两个Android开发群,群里的人都很好,群主是KJFrameForAndroid框架的作者张涛,有什么问题都可以直接在群里问,气氛很好.(最好写好备注哦)
Android开发群1 :257053751
Android技术群: 201055521
相关文章推荐
- RecyclerView介绍(五)----实现点击效果以及动画
- 百度地图系列04——自定义Marker
- Android Training - 适配不同的屏幕(Lesson 2 - 适配不同屏幕密度)
- Android Training - 适配不同的屏幕(Lesson 1 - 支持不同的屏幕大小)
- Android 的ToggleButton, Spinner和Picker
- Android 清空activity栈的方法
- 关于this.context=context语句
- Android 学习之MeasureSpec类简介
- RecyclerView介绍(四)----实现瀑布流效果
- Android中常用控件分类总结
- Android 自定义属性的使用
- android 各国时区
- Android Training - 创建自定义的Views(Lesson 4 - 优化Views)
- Android Camera开发:扫描二维码,周期性循环自动聚焦auto focus挂掉原因分析(preview is not enabled)
- Android Training - 创建自定义的Views(Lesson 3 - 处理View的交互性)
- Android Training - 创建自定义的Views(Lesson 2 - 自定义Drawing)
- Android Training - 创建自定义的Views(Lesson 1 - 创建一个View类)
- RecyclerView介绍(三)----实现GridView效果
- Android:res之shape制作圆角、虚线、渐变
- android——Bitmap.Config ARGB_8888