`
jandroid
  • 浏览: 1954593 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Android 分享机顶盒项目的封装类《GridView》

AndroidJ#XML 
阅读更多

由于使用系统自带的GridView 不够灵活，不能允许拖拉控件，故自己结合LinearLayout 封装的一个GridView ，通过本篇文章的阅读你可以学会如何自定义控件，如何使用组合控件，如何为自己的组合控件添加数据源和如何为自定义控件添加属性。

　　首先，我们要实现的效果是这样的：

　　上面1 2也是一个封装控件，用来为应用程序分页，具体如何实现下篇文章会提到，本篇先讲GridView。如图，这是一个标准的800*480大小的屏幕，所以设置了一页GridView 显示的应用程序数据为 三行五列，不足五列则按需显示。

　　按照上面的图例需求，大致上可以把GridView 画成如下的方式：

 

　　思路如下：

　　 默认将我们的组合控件设置为Orientation 是VERTICAL。  首先一行五个，那么一行以一个Orientation 为HORIZONTAL 的线性布局包起来。然后在一行结束后，将Orientation  的线性布局添加进组合控件里面来，不足五个则按需添加进来。

　　实现这一效果我们需要两个类，一个类用来表示GridView 的行，这里我们起名为TableRow，代码如下：

 

public   class  TableRow {
         private  TableCell[] cell;

         public  TableRow(TableCell[] cell) {
             this .cell  =  cell;
        }

         public   int  getSize() {
             return  cell.length;
        }

         public  TableCell getCellValue( int  index) {
             if  (index  >=  getSize()) {
                 return   null ;
            }
             return  cell[index];
        }

         public   int  getCellCount() {

             return  cell.length;

        }

         public   int  getLastCellCount() {
             return  lastRowCount;
        }
    }

 

 

　　另外一个类用来表示GridView 每行的列个，这里我们取名为TableCell，代码如下：

 

static   public   class  TableCell {
         private  Object value;

         public  TableCell(Object value) {
             this .value  =  value;
        }

         public  Object getValue() {
             return  value;
        }
    }

 

　　并且我们还需要为GridView 设置一个外部可添加数据的方法，代码如下：

 

public   void  setAdapter(AppsAdapter appsAdapter) {
         this .adapter  =  appsAdapter;
         this .setOrientation(LinearLayout.VERTICAL);
        bindView();
    }

 

 

其中，AppsAdapter 是一个自定义的BaseAdapter ，代码很简单，这里就不列出来了。关键的还是要看bindView ，这个方法是本篇GridView 显示数据的核心方法，代码如下：

 

void  bindView() {
        removeAllViews();
         int  count  =  adapter.getCount();
        TableCell[] cell  =   null ;
         int  j  =   0 ;
        LinearLayout layout;
        tableRowsList  =   new  ArrayList < HashMap < String, Object >> ();
         for  ( int  i  =   0 ; i  <  count; i ++ ) {
            j ++ ;
            final  int  position  =  i;
             if  (j  >  getColumnCount()  ||  i  ==   0 ) {
                cell  =   new  TableCell[getColumnCount()];
            }

            final View view  =  adapter.getView(i,  null ,  null );

            view.setOnTouchListener( new  OnTouchListener() {

                @Override
                 public  boolean onTouch(View v, MotionEvent  event ) {
                     //  TODO Auto-generated method stub
                    unCheckPressed();
                    checkRowID  =   - 1 ;
                    checkColumnID  =   - 1 ;
                     if  (onItemClickEvent  !=   null ) {

                        onItemClickEvent.onItemClick(position,  event , view);
                    }
                     return   false ;
                }
            });

            view.setOnLongClickListener( new  OnLongClickListener() {

                @Override
                 public  boolean onLongClick(View v) {
                     if  (onLongPress  !=   null ) {
                        onLongPress.onLongPress(v);
                    }
                     return   true ;
                }
            });
            cell[j  -   1 ]  =   new  TableCell(view);
             if  (j  ==  getColumnCount()) {
                lastRowCount  =  j;
                j  =   0 ;
                HashMap < String, Object >  map  =   new  HashMap < String, Object > ();
                TableRow tr  =   new  TableRow(cell);
                map.put( " tableRow " , tr);
                tableRowsList.add(map);
                layout  =   new  LinearLayout(getContext());
                addLayout(layout, cell, tr.getSize(), tr);

            }  else   if  (i  >=  count  -   1   &&  j  >   0 ) {
                lastRowCount  =  j;
                HashMap < String, Object >  map  =   new  HashMap < String, Object > ();
                TableRow tr  =   new  TableRow(cell);
                map.put( " tableRow " , tr);
                tableRowsList.add(map);
                layout  =   new  LinearLayout(getContext());
                addLayout(layout, cell, j, tr);
            }

        }

    }

getColumnCount（）是一个属性，表示可以从xml或者从代码动态改变GridView 每列显示的个数，属性点的代码为如下：

 

public  gridViewExt(Context context, AttributeSet attrs) {
        super(context, attrs);
         int  resouceID  =   - 1 ;
        TypedArray typedArray  =  context.obtainStyledAttributes(attrs,
                R.styleable.GridViewExt);
         int  N  =  typedArray.getIndexCount();
         for  ( int  i  =   0 ; i  <  N; i ++ ) {
             int  attr  =  typedArray.getIndex(i);
             switch  (attr) {
             case  R.styleable.GridViewExt_ColumnCount:
                resouceID  =  typedArray.getInt(
                        R.styleable.GridViewExt_ColumnCount,  0 );
                setColumnCount(resouceID);
                 break ;

            }
        }
        typedArray.recycle();
    }

 

当然，你必须在res 创建属性xml ，这里不多讲，可以去我博客看看如何为 View 添加属性 。

还有，还必须实现它的支持键盘的上下左右的焦点，下面的代码将会提供该功能，但还必须配合Activity 的操作，等下文再讲述。效果是这样的：

该 类的全部源码为：

 

GridViewExt
package com.yaomei.widget;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import android.content.Context;
import android.content.Intent;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.yaomei.activity.adapter.AppsAdapter;
import com.yaomei.activity.info.R;

 public   class  gridViewExt extends LinearLayout {
     public  List < HashMap < String, Object >>  tableRowsList;
     private  List < HashMap < String, Object >>  app  =   new  ArrayList < HashMap < String, Object >> ();
     private  AppsAdapter adapter;

    onItemClickListener onItemClickEvent;
    onLongPressExt onLongPress;
     int  checkRowID  =   - 1 ;  //  选中行的下标
     int  checkColumnID  =   - 1 ;  //  选中列的下标
     int  lastRowCount  =   - 1 ;  //  最后一行的总数
     private   int  ColumnCount;  //  每列的总数

     public   void  setColumnCount( int  count) {
         this .ColumnCount  =  count;
    }

     public   int  getColumnCount() {
         return  ColumnCount;
    }

     public   interface  onItemClickListener {
         public  boolean onItemClick( int  position, MotionEvent  event , View view);
    }

     public   interface  onLongPressExt {
         public  boolean onLongPress(View view);
    }

     public  gridViewExt(Context context) {
         this (context,  null );
         //  TODO Auto-generated constructor stub
    }

     public  gridViewExt(Context context, AttributeSet attrs) {
        super(context, attrs);
         int  resouceID  =   - 1 ;
        TypedArray typedArray  =  context.obtainStyledAttributes(attrs,
                R.styleable.GridViewExt);
         int  N  =  typedArray.getIndexCount();
         for  ( int  i  =   0 ; i  <  N; i ++ ) {
             int  attr  =  typedArray.getIndex(i);
             switch  (attr) {
             case  R.styleable.GridViewExt_ColumnCount:
                resouceID  =  typedArray.getInt(
                        R.styleable.GridViewExt_ColumnCount,  0 );
                setColumnCount(resouceID);
                 break ;

            }
        }
        typedArray.recycle();
    }

     public   void  setOnItemClickListener(onItemClickListener click) {
         this .onItemClickEvent  =  click;
    }

     public   void  setOnLongPressListener(onLongPressExt longPress) {
         this .onLongPress  =  longPress;
    }

     public   void  NotifyDataChange() {
        removeAllViews();
    }

     void  bindView() {
        removeAllViews();
         int  count  =  adapter.getCount();
        TableCell[] cell  =   null ;
         int  j  =   0 ;
        LinearLayout layout;
        tableRowsList  =   new  ArrayList < HashMap < String, Object >> ();
         for  ( int  i  =   0 ; i  <  count; i ++ ) {
            j ++ ;
            final  int  position  =  i;
             if  (j  >  getColumnCount()  ||  i  ==   0 ) {
                cell  =   new  TableCell[getColumnCount()];
            }

            final View view  =  adapter.getView(i,  null ,  null );

            view.setOnTouchListener( new  OnTouchListener() {

                @Override
                 public  boolean onTouch(View v, MotionEvent  event ) {
                     //  TODO Auto-generated method stub
                    unCheckPressed();
                    checkRowID  =   - 1 ;
                    checkColumnID  =   - 1 ;
                     if  (onItemClickEvent  !=   null ) {

                        onItemClickEvent.onItemClick(position,  event , view);
                    }
                     return   false ;
                }
            });

            view.setOnLongClickListener( new  OnLongClickListener() {

                @Override
                 public  boolean onLongClick(View v) {
                     if  (onLongPress  !=   null ) {
                        onLongPress.onLongPress(v);
                    }
                     return   true ;
                }
            });
            cell[j  -   1 ]  =   new  TableCell(view);
             if  (j  ==  getColumnCount()) {
                lastRowCount  =  j;
                j  =   0 ;
                HashMap < String, Object >  map  =   new  HashMap < String, Object > ();
                TableRow tr  =   new  TableRow(cell);
                map.put( " tableRow " , tr);
                tableRowsList.add(map);
                layout  =   new  LinearLayout(getContext());
                addLayout(layout, cell, tr.getSize(), tr);

            }  else   if  (i  >=  count  -   1   &&  j  >   0 ) {
                lastRowCount  =  j;
                HashMap < String, Object >  map  =   new  HashMap < String, Object > ();
                TableRow tr  =   new  TableRow(cell);
                map.put( " tableRow " , tr);
                tableRowsList.add(map);
                layout  =   new  LinearLayout(getContext());
                addLayout(layout, cell, j, tr);
            }

        }

    }

     private   void  addLayout(LinearLayout layout, TableCell[] cell,  int  size,
            TableRow tr) {

        LinearLayout.LayoutParams  params   =   new  LinearLayout.LayoutParams( 130 ,
                 110 );
        layout.setGravity(Gravity.LEFT);

        layout.setOrientation(LinearLayout.HORIZONTAL);
         for  ( int  k  =   0 ; k  <  size; k ++ ) {
            View remoteView  =  (View) tr.getCellValue(k).getValue();
            layout.addView(remoteView, k,  params );
        }
        LinearLayout.LayoutParams firstParams  =   new  LinearLayout.LayoutParams(
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        firstParams.leftMargin  =   60 ;
        addView(layout, firstParams);
    }

     public   void  setAdapter(AppsAdapter appsAdapter) {
         this .adapter  =  appsAdapter;
         this .setOrientation(LinearLayout.VERTICAL);
        bindView();
    }

     public   void  checkPressed( int  tableRowId,  int  tableRowColumnId) {
        ViewGroup view  =  (ViewGroup)  this .getChildAt(tableRowId);

        checkColumnID  =  tableRowColumnId;
        checkRowID  =  tableRowId;
        changeImageState(view.getChildAt(tableRowColumnId), app);

    }

     public   void  onClick( int  tableRowId,  int  tableRowColumnId, Context context) {
        LinearLayout view  =  (LinearLayout) ((ViewGroup)  this
                .getChildAt(tableRowId)).getChildAt(tableRowColumnId);

        TextView tv  =  (TextView) view.findViewById(R.id.folder);
        final String[] name  =  tv.getText().toString().split( " - " );
        Intent intent  =   null ;
         if  (name[ 0 ].toString().equals( " com.android.contacts " )) {
             if  (name[ 1 ].toString().equals(
                     " com.android.contacts.DialtactsActivity " )) {
                intent  =   new  Intent(Intent.ACTION_DIAL);
            }
             if  (name[ 1 ].toString().equals(
                     " com.android.contacts.DialtactsContactsEntryActivity " )) {
                intent  =   new  Intent(Intent.ACTION_CALL_BUTTON);
            }
        }  else  {
            intent  =  getContext().getPackageManager()
                    .getLaunchIntentForPackage(name[ 0 ].toString());
        }
        context.startActivity(intent);

    }

     /* *
     * 改变图片状态
     * 
     * @param v
     * @param list
      */
     private   void  changeImageState(View v, List < HashMap < String, Object >>  list) {
         int  size  =  list.size();
         for  ( int  i  =   0 ; i  <  size; i ++ ) {
            View view  =  (View) list. get (i). get ( " touch " );
            view.setPressed( false );
            list.remove(i);
        }
        v.setPressed( true );
        HashMap < String, Object >  map  =   new  HashMap < String, Object > ();
        map.put( " touch " , v);
        list.add(map);

    }

     public   void  unCheckPressed() {
         if  (checkColumnID  !=   - 1   &&  checkRowID  !=   - 1 ) {
            ViewGroup view  =  (ViewGroup)  this .getChildAt(checkRowID);
            view.getChildAt(checkColumnID).setPressed( false );

        }
    }

     public   class  TableRow {
         private  TableCell[] cell;

         public  TableRow(TableCell[] cell) {
             this .cell  =  cell;
        }

         public   int  getSize() {
             return  cell.length;
        }

         public  TableCell getCellValue( int  index) {
             if  (index  >=  getSize()) {
                 return   null ;
            }
             return  cell[index];
        }

         public   int  getCellCount() {

             return  cell.length;

        }

         public   int  getLastCellCount() {
             return  lastRowCount;
        }
    }

     static   public   class  TableCell {
         private  Object value;

         public  TableCell(Object value) {
             this .value  =  value;
        }

         public  Object getValue() {
             return  value;
        }
    }

}

 

 

 

每行显示的LAYOUT文件：

 

< LinearLayout  android:orientation ="vertical"
    android:background ="@drawable/lessbtn"  android:gravity ="center"
    android:layout_width ="fill_parent"  android:id ="@+id/grid_layout"
    android:layout_height ="fill_parent"  xmlns:android ="http://schemas.android.com/apk/res/android" >

     < ImageView  android:id ="@+id/btn_appicon"
        android:layout_width ="55dip"  android:layout_height ="55dip" ></ ImageView >
     < TextView  android:id ="@+id/tv_name"  android:layout_width ="wrap_content"
        android:textColor ="#030303"  android:layout_height ="wrap_content" ></ TextView >
     < TextView  android:id ="@+id/folder"  android:layout_width ="wrap_content"
        android:visibility ="invisible"  android:layout_height ="wrap_content" ></ TextView >

</ LinearLayout >

 

 

完成这一系列的编写后，你就可以在xml直接写或者在JAVA文件里面new 出来，但注意要设置它每列显示的个数。

下篇将讲述如何实现手势切屏，如何实现分页显示数据，如何实现封装分页控件。

分享到：
| Android开发——Android搜索框架（二）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Android ListView，GridView的Adapter封装

    在 Android中 如果使用到了 ListView 或GridView 一定要 给其 添加 适配器Adapter 但 每次 写对应的 适配器时，其中很多方法都是 重复的 ， 所以我这个demo 将其封装了起来，使用的时候，只需继承 我封装的类，然后...

    安卓机顶盒相关-TV端GridView焦点移动事件处理.rar

    在这个“安卓机顶盒相关-TV端GridView焦点移动事件处理”的主题中，我们将探讨如何在TV应用中处理GridView的焦点移动事件。 首先，我们需要了解TV应用的基本交互原则。在电视上，用户通过遥控器的上下左右按键来...

    android Gridview分页实现

    在Android开发中，GridView是一种常用的布局控件，它允许我们以网格的形式展示数据。当我们处理大量数据时，分页加载可以提高应用性能，减少内存消耗，并提供更好的用户体验。本篇文章将详细讲解如何在Android中利用...

    Android 实现机顶盒手势、数据分页功能.rar

    Android 实现机顶盒手势、数据分页功能，本源码需要800*480分辨率的模拟器才可运行。DEMO源码内使用到的封装类，包括一个分页控件、一个列表控件GridView 、一个支持动画效果的ViewFlipper。下载此源码的朋友可以从...

    android gridview分页和滑动效果

    在Android开发中，GridView是一种非常常见的布局控件，它允许我们以网格的形式展示数据，通常用于创建类似相册、应用列表等场景。本教程将详细讲解如何实现GridView的分页和滑动效果。 首先，我们需要了解GridView...

    Android GridView使用例子

    在Android开发中，GridView是一个非常常用的布局控件，它允许我们以网格的形式展示数据，通常用于创建类似照片墙、应用快捷方式或者菜单等界面。在这个"Android GridView使用例子"中，我们将深入探讨如何有效地利用...

    Android开发之机顶盒上gridview和ScrollView的使用详解

    在Android开发中，特别是在机顶盒应用开发场景中，`GridView` 和 `ScrollView` 是两种常用的布局组件。本文将深入探讨如何在机顶盒环境中有效使用这两种组件，并解决焦点问题和滚动冲突。 `GridView` 是一个显示多...

    Android 实现横向滑动的GridView

    在Android开发中，GridView是一种常用的布局控件，它允许我们以网格的形式展示数据。通常，GridView默认是垂直滚动的，但有时我们可能需要实现横向滑动的GridView，以适应不同的界面设计需求。本篇文章将详细讲解...

    android gridview多选删除

    "android gridview多选删除"是一个专题，主要涉及如何实现GridView中的多选功能，并支持用户选择多个项目后进行批量删除操作。下面将详细介绍这个主题的相关知识点。 1. GridView的基本使用： - GridView继承自...

    android查找手机上安装的应用gridview显示

    它是Android提供的一个视图控件，可以用来展示一系列的项目，这些项目会在水平方向上滚动，并且在垂直方向上会自动排列成网格形式。`GridView`通过适配器（如`BaseAdapter`或`ArrayAdapter`）与数据源连接，适配器...

    Android开发 ExpandableListView嵌套GridView的实现

    本文将深入探讨如何在Android中实现`ExpandableListView`嵌套`GridView`。 首先，我们要理解`ExpandableListView`的基本概念。它是一种特殊的`ListView`，具有分组（Group）和子项（Child）的概念。每个分组可以...

    Android GridView

    **Android GridView详解** Android GridView是Android开发中常用的一种布局组件，它允许我们以网格的形式展示数据，常用于创建像照片库、菜单项选择等多列显示的界面。GridView继承自AbsListView，支持滚动和触摸...

    Android中实现带有头部的GridView（HeaderGridView）

    Android中实现带有头部的GridView（HeaderGridView）,具体介绍，见我的博客：http://blog.csdn.net/ch1451082329/article/details/46801497

    Android下GridView的使用

    在Android开发中，GridView是一种非常常见的布局控件，它允许我们以网格的形式展示数据，通常用于...实践是学习的最佳途径，建议你亲自尝试创建一个自己的GridView项目，不断探索和优化，以提升你的Android开发能力。

    android 自定义控件 GridView

    在实际开发中，为了简化代码和提高复用性，我们通常会将拖放逻辑封装到一个单独的DragHelper类中，该类可以为任何ViewGroup提供拖放支持。通过回调接口，DragHelper可以在拖放操作完成时通知GridView，进行数据交换...

    Android应用源码之单排显示gridview并从解析JSON读取数据加载项目.rar

    这个项目的标题"Android应用源码之单排显示gridview并从解析JSON读取数据加载项目"表明它是一个实例，演示了如何在Android应用中实现一个单一横排的GridView，并从网络上获取JSON数据进行加载。以下将详细介绍涉及的...

    android GridView 简单计算器

    在这个"android GridView 简单计算器"项目中，开发者巧妙地利用GridView实现了计算器的功能，让我们来深入探讨一下这个设计背后的关键知识点。 首先，GridView的工作原理是通过Adapter来绑定数据源，并根据设定的列...

    android下GridView用法

    在Android开发中，GridView是一个非常常用的布局控件，它允许我们以网格的形式展示数据，通常用于创建类似照片墙、应用列表等界面。本教程将详细讲解Android中的GridView及其使用方法。 1. GridView简介： ...

    Android之GridView视图实现

    在Android开发中，GridView是一种非常常见的布局控件，它允许我们以网格的形式展示数据，通常用于创建类似照片墙、菜单选项或图标排列等界面。在本教程中，我们将深入探讨如何实现一个基本的GridView视图，并通过...

    Android 滑动效果 Gallery + GridView

    本主题主要聚焦于两种常见的滑动组件：Gallery和GridView，它们都是Android SDK中内置的视图组件，常用于展示多张图片或者项目列表。下面我们将深入探讨这两个组件的特性、用法以及如何在实际项目中实现它们的滑动...

Magicbox
Global site tag (gtag.js) - Google Analytics