Android 有趣味的GridView

工作这么久以来,都是以解决需求为目标。渐渐发现这种学习方式不好,学到的知识能马上解决问题,但没有经过梳理归纳。故想系统总结下一些有趣味的知识点。在这篇博客中想以一个例子系统讲解下GridView控件涉及到的方方面面,比如监听,背景图的设置等。

  1.控件属性介绍

android:listSelector="@drawable/bg"

//该属性很重要,如果不设置的话,GridView控件会自带自己的选中样式(黄色边框),如图所示:

做项目一般是不需要这个的。所以解决办法是将GridView的android:listSelector属性设置为和Activity背景相同即可。
    android:verticalSpacing="10dp"  //行宽
    android:horizontalSpacing="10dip"  //列宽
    android:numColumns="3"  //列数

    android:stretchMode="columnWidth"  //列可扩展
      以上列数为3,若想在高分辨率中列数设置为4怎么办呢。

    首先,需要在属性中设置列为可扩展android:stretchMode="columnWidth"。然后在代码中做个判断:

    if(Metrics.heightPixels == 1280 && Metrics.widthPixels == 800){
               gridview.setNumColumns(4);
          }这样GridView的列数是可以随分辨率不同而做更多的设置。

2.例子一:设置个边框,并且右上角设置个CheckBox来美化选中状态(左图→右图)。

这个Item的xml设计中,我是用两个ImageView控件来实现的.

   第一个ImageView 要设置一个属性:android:layout_margin="4dip"。上下左右留出4dip的具体来显示边框的效果。并且在相应的Adapter中做个判断,选中的话背景图片颜色为#87CEFA,未选中时为3FFFFFF:

  if(bSelect){ //bSelect表示是否选中
        arg1.setBackgroundColor(Color.parseColor("#87CEFA"));
    }else{
        arg1.setBackgroundColor(Color.parseColor("#FFFFFF"));

  右上角的看起来像复选框,其实我也是用ImageView控件来实现的。界面设计很重要,距离要对好。我设置的该控件离上边距和右边距分别为2dip的距离。同样的只需要修改该ImageView所绑定的图片就可以。

  if(bSelect){
     viewclass.checkboxImage.setImageBitmap(bmpwater_sel); //bmpwater_sel表示左图右上角的图片
    }else{
     viewclass.checkboxImage.setImageBitmap(bmpwater_unsel); //bmpwater_unsel表示右图右上角的图片
      }

 3.例子二:打开一个GridView控件的Activity时,如果打开的图片过多,如何让图片异步加载。如图所示:

首先在界面定义中要定义一个全屏显示的加载圈效果,叫做mLoading。程序刚启动时显示图片加载结束后调用函数mLoading.setVisibility(View.GONE);让它不显示。我是用一个函数来调用它,这样更好的体现了封装性,如下:

   private void showLoading(boolean bShow){
      if(mLoading == null) return;
      mLoading.setVisibility(bShow ? View.VISIBLE : View.GONE);
   }

xml中该加载框的设计如下:

<span style="font-size: 13px;"><RelativeLayout android:id="@+id/video_tip_layout"
    android:layout_width="fill_parent" android:layout_height="fill_parent">
<ProgressBar style="?android:attr/progressBarStyleLarge"
    android:layout_width="wrap_content" android:id="@+id/video_tip_progressbar"
    android:layout_height="wrap_content" android:layout_centerVertical="true"
    android:layout_centerHorizontal="true" />
<TextView android:textAppearance="?android:attr/textAppearanceMedium"
    android:id="@+id/video_tip_text" android:text="加载中..."
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:layout_below="@+id/video_tip_progressbar"
    android:textColor="#808080"
    android:layout_centerHorizontal="true"></TextView>
</span>

  ①为了不卡主线程,实现这一的效果要多开一个线程。在该线程中调用函数 InitList(),在该函数中将图片加载到ArrayList中去(花时间最多的就是对多图片的处理,这个放在子线程中可以不卡主线程,如果直接在主 线程中做,会让画面出现2-3秒的黑屏停顿)。

  像这样,在onCreate方法中开一个子线程:

  new Thread(new Runnable() {
     @Override
     public void run() {
        InitList();
     }
    }).start();

  ②方法InitList()中要做两件事情。一是加载图片,二是通知Handler图片加载完成(因为子线程不可以操作UI控件,只能通过Handler的方式)。

  private void InitList()
  {

    XXXX; //加载图片代码
      mMainHandler.sendMessage(MainHandler.MSG_FINISH); //发送消息
    }

  ③当收到InitList发送的消息时就让上面所提的mLoading不显示。同时GridView绑定adapter的代码也在这个里面写。因为图片加载完成后再绑定adapter,这样图片才能全部显示,否则只能显示一部分。

     case MSG_FINISH:
        showLoading(false); //让加载框不再显示
        gridview.setAdapter(ia); //绑定数据
       break;
     default:
       break;

  提供几张我们专业设计师做的美图,大家可以下载素材尝试一下,做个demo。地址:http://www.kuaipan.cn/file/id_37676161790126914.html

  

时间: 2024-09-07 15:52:38

Android 有趣味的GridView的相关文章

Android实现ListView或GridView首行/尾行距离屏幕边缘距离

Android上ListView&GridView默认行都是置顶的,这样会很丑. 一般为了解决这个问题都会在首行或尾行加上一个隐藏的View,那样实在是太麻烦了.在网上看博客的时候突然看到这个属性真的很有用! 直接上关键属性: 设置ListView或GridView的android:clipToPadding = true, 然后通过paddingTop和paddingBottom设置距离就好了. 博客原文: http://www.cnblogs.com/xitang/p/3606578.htm

Android开发:自定义GridView/ListView数据源

http://mobile.51cto.com/android-259861.htm 在开发中,我们常常会遇到比较复杂的GridView/ListView的布局,重新实现BaseAdapter不但能帮助我们实现我们想要的布局效果,并且在绑定大数据量时也不会感觉有卡壳现象.记得以前用一个ListView直接去绑定手机内的联系人Cursor(一百多号人),滑动的时候就会有卡的感觉.今天决定写个Demo是因为在项目中可能会要实现这样的一个效果:一个GridView中绑定4个ImageButton,有些

Android PullToRefresh (ListView GridView 下拉刷新) 使用详解

Android PullToRefresh (ListView GridView 下拉刷新) 使用详解 标签: Android下拉刷新pullToRefreshListViewGridView 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38238749,本文出自:[张鸿洋的博客] 群里一哥们今天聊天偶然提到这个git hub上的控件:pull-to-r

Android高级控件——GridView ScrollView ViewPager (上)

Android高级控件--GridView ScrollView ViewPager (上) GridView 网格视图,网格视图组件,九宫图显示数据表格(一种控件) ScrollView滚动视图 是一个单一容器,只能包含一个组件. ViewPager左右滑动 SlideMenu侧边栏 PullToRefreshListView下拉刷新 ListView新闻 原声列表视图 <?xml version="1.0" encoding="utf-8"?> &l

Android控件之GridView的使用

GridView主要是类似表格的形式显示数据.这里主要是模仿别人的Demo来实现了一下. XML布局文件之activity_main.xml <?xml version="1.0" encoding="utf-8"?> <GridView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/gridview"

Android入门之ActivityGroup + GridView 实现Tab分页标签

很多客户端软件和浏览器软件都喜欢用 Tab 分页标签来搭建界面框架.读者也许会马上想到使用 TabHost 与 TabActivity 的组合,其实最常用的不是它们,而是由 GridView 与 ActivityGroup 的组合.每当用户在 GridView 选中一项, ActivityGroup 就把该项对应的 Activity 的 Window 作为 View 添加到 ActivityGroup 所指定的容器 (LinearLayout) 中. 接下来贴出本例运行的效果图 : ImageA

Android实现自适应正方形GridView

Android实现自适应正方形GridView

Android只有一行的GridView

前段时间因为项目需要,需要一个只有一行的GridView,而且当一行内容较多的时候,可以左右滑动.一开始想到使用Gallery,但是现在已经过时了.于是决定自定义一个. 基本思路是用一个HorizonScrollView包住一个GridView,然后根据数据的长度,动态计算GridView的宽度. 先看下效果: 具体实现如下: 首先是布局文件 <?xml version="1.0" encoding="utf-8"?> <HorizontalScr

android学习笔记之GridView的使用

除了listview会使用适配器外,还有一种就是GridView,listview是单列多行的显示形式,适用于多项目的查看.而GridView是多行多列的显示形式,一般用在查看图片样式的activity中.一个小demo.每一项都是一个图片下面一行文字. GirdView的一些属性: android:numColumns="auto_fit" --------列数设置为自动android:columnWidth="90dp",----------每列的宽度,也就是I