备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

自定义gradview

2014-10-31 1142
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： http://blog.csdn.net/jdsjlzx/article/details/7525724 虽然Android已自带了GridView，但是，却不够灵活，同时也不能自由添加控件，因此，本人通过需要进一步封装，来实现Android自定义GridView控件，达到自己需要的效果。 我们看一下最终所需要的效果图： 说明： 上图：这里先省去分页，只

http://blog.csdn.net/jdsjlzx/article/details/7525724



虽然Android已自带了GridView，但是，却不够灵活，同时也不能自由添加控件，因此，本人通过需要进一步封装，来实现Android自定义GridView控件，达到自己需要的效果。

我们看一下最终所需要的效果图：

说明：

上图：这里先省去分页，只讲：Android GridView 控件实现自定义。

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

思路如下：

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

　　实现这一效果我们需要两个类，一个类用来表示Android 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 的操作，等下文再讲述。效果是这样的：

全部源码为：

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 出来，但注意要设置它每列显示的个数。

如何，看到这里，是不是觉得自定义的GridView很强大呢？大也自己DIY一下Android GridView控件自定义吧


文章标签：
Android开发
数据格式
XML
Java
code_xzh
目录
相关文章
闻缺陷则喜何志丹
|
6月前
|
SQL 数据库连接 数据库
使用自定义的类CSetODBC(二)
使用自定义的类CSetODBC(二)
闻缺陷则喜何志丹
17 0
闻缺陷则喜何志丹
|
6月前
|
数据库
使用自定义的类CSetODBC(一)
使用自定义的类CSetODBC(一)
闻缺陷则喜何志丹
19 0
米果粒
|
27天前
|
存储 Python
自定义模板过滤器
自定义模板过滤器
米果粒
11 1
龙腾九州
|
1月前
|
Python
默认的模板配置
默认的模板配置。
龙腾九州
11 1
simplify0
|
3月前
Qt表格中的自定义编辑组件---------------自定义代理QStyledItemDelegate
Qt表格中的自定义编辑组件---------------自定义代理QStyledItemDelegate
simplify0
28 5
复活的炎头队长
|
9月前
|
Unix 关系型数据库 程序员
自定义伟大👑
C语言作为一种经典而强大的编程语言，在计算机科学领域有着广泛的应用。它的简洁性、高效性以及跨平台特性使得C语言成为了开发系统级软件、嵌入式系统以及大规模应用程序的首选。本文将介绍C语言的起源和发展，分析其特点和优势，同时讨论一些常见的应用场景和实例
复活的炎头队长
40 0
CN華少
|
Java 开发工具 Windows
五、实现自定义配置属性动态加载
在我们日常开发项目时，经常需要自定义一些配置属性用于我们项目的一些启动配置，这里我们就直接在application-dev配置文件中直接实现一下自定义配置属性的读取与使用，便于我们在dev和prod配置文件来回切换。
CN華少
71 0
五、实现自定义配置属性动态加载
代码的天敌是懒惰
自定义 InputSplit
自定义 InputSplit
代码的天敌是懒惰
78 0
代码的天敌是懒惰
自定义 RecordReader
自定义 RecordReader
代码的天敌是懒惰
89 0
JoanKing
自定义大头针
自定义大头针
JoanKing
180 0
自定义大头针

热门文章

最新文章

  • 1
    随机生成UserAgent的python库（fake-useragent库）
  • 2
    使用zxing识别一幅包含多个二维码的图片
  • 3
    阿里云的SLB，植入cookie和重写cookie有什么区别？
  • 4
    基于Flink的实时日志分析系统实践
  • 5
    如何在服务器上跑python程序
  • 6
    电池技术多年没有较大发展，成为移动设备最大制约
  • 7
    Spread for WinRT 7新功能使用指南
  • 8
    codeforces Soldier and Number Game（dp+素数筛选）
  • 9
    九度oj-1001-Java
  • 10
    Android:随笔——对页面的View进行截图
  • 1
    分解商业周期时间序列：线性滤波器、HP滤波器、Baxter滤波器、Beveridge Nelson分解等去趋势2
    9
  • 2
    分解商业周期时间序列：线性滤波器、HP滤波器、Baxter滤波器、Beveridge Nelson分解等去趋势法1
    9
  • 3
    灰色关联分析(Grey Relation Analysis,GRA)中国经济社会发展指标
    9
  • 4
    极值分析：分块极大值BLOCK-MAXIMA、阈值超额法、广义帕累托分布GPD拟合降雨数据时间序列
    9
  • 5
    GARCH-DCC模型和DCC（MVT）建模估计
    8
  • 6
    ARIMA、ARIMAX、 动态回归和OLS 回归预测多元时间序列
    10
  • 7
    R语言预测期货波动率的实现：ARCH与HAR-RV与GARCH，ARFIMA模型比较
    10
  • 8
    spss modeler用决策树神经网络预测ST的股票
    9
  • 9
    K-means和层次聚类分析癌细胞系微阵列数据和树状图可视化比较
    8
  • 10
    matlab中使用VMD(变分模态分解)对信号去噪
    8

    • 相关电子书

    更多
  • JCLI使用说明文档
  • 低代码开发师（初级）实战教程
  • 阿里巴巴DevOps 最佳实践手册

    • 相关实验场景

    更多
  • 使用Count功能批量创建资源
  • 使用资源编排为云资源批量绑定标签
  • ROS模板参数动态展示
    • 下一篇
    阿里云oss简介和使用流程
    为什么选择阿里云什么是云计算全球基础设施技术领先稳定可靠安全合规分析师报告
    产品和定价全部产品免费试用产品动态产品定价价格计算器云上成本管理
    解决方案技术解决方案
    文档与社区文档开发者社区天池大赛培训与认证
    权益中心免费试用高校计划企业扶持计划推荐返现计划
    支持与服务基础服务企业增值服务迁云服务官网公告健康看板信任中心
    关注阿里云
    关注阿里云公众号或下载阿里云APP，关注云资讯，随时随地运维管控云服务
    阿里云APP阿里云微信
    联系我们：4008013260
    法律声明Cookies政策廉正举报安全举报联系我们加入我们
    阿里巴巴集团淘宝网天猫全球速卖通阿里巴巴国际交易市场1688阿里妈妈飞猪阿里云计算AliOS万网高德UC友盟优酷钉钉支付宝达摩院淘宝海外阿里云盘饿了么
    © 2009-2024 Aliyun.com 版权所有 增值电信业务经营许可证： 浙B2-20080101 域名注册服务机构许可： 浙D3-20210002 京D3-20220015
    浙公网安备 33010602009975号浙B2-20080101-4