Android自定义GridView之实现一个图片加多个文本框

标签: android 定义 gridview | 发表时间:2012-01-01 00:52 | 作者:lincyang
出处:http://blog.csdn.net

GridView的使用是很简单的,API Demo中有例子,但是要实现复杂的GridView,就需要自定义了。

今天我们要实现如下的效果:

先说它的布局,它是由gridview和grid_item两部分组成。

main.xml

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/gridview"
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"
    android:columnWidth="90dp"
    android:numColumns="auto_fit"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
    />

grid_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 	android:layout_width="fill_parent" android:layout_height="fill_parent"
 	android:orientation="vertical"
 	android:layout_marginTop="5dp"
 	>
 <ImageView android:id="@+id/image" android:layout_width="80dip"
  android:layout_height="80dip" android:layout_gravity="center_horizontal">
 </ImageView>
 <TextView android:id="@+id/title" android:layout_width="wrap_content"
  	android:layout_height="wrap_content" android:layout_gravity="left"
  	android:textSize="16dip"
  	android:gravity="left">
 </TextView>

 <TextView android:id="@+id/description" android:layout_width="wrap_content"
  android:layout_height="wrap_content" android:layout_gravity="left"
  android:textColor="#938192"
  android:textSize="13dip"
  android:gravity="left"
  >
 </TextView>
</LinearLayout>

接下来我们要新写一个继承自BaseAdapter类的Adapter类,在这里做grid item的适配。

由于我们每个grid item是一个图片加两个文本框,就需要有一个容器类:

GridItem类:

class GridItem 
    { 
        private String title; 
        private int imageId; 
        private String description;
        
        public GridItem() 
        { 
            super(); 
        } 
     
        public GridItem(String title, int imageId,String time) 
        { 
            super(); 
            this.title = title; 
            this.imageId = imageId; 
            this.description = time;
        } 
     
        public String getTime( )
        {
            return description;
        }

        public String getTitle() 
        { 
            return title; 
        } 
     
        public int getImageId() 
        { 
            return imageId; 
        } 
    } 

再来个Viewholder

    static class ViewHolder 
    { 
        public ImageView image; 
        public TextView title;
        public TextView time;
    } 

接下来的Adapter的实现就顺理成章了。

GridItemAdapter

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

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class GridItemAdapter extends BaseAdapter
{

    private LayoutInflater inflater; 
    private List<GridItem> gridItemList; 
 
    public GridItemAdapter(String[] titles, int[] images,String[] description, Context context) 
    { 
        super(); 
        gridItemList = new ArrayList<GridItem>(); 
        inflater = LayoutInflater.from(context); 
        for (int i = 0; i < images.length; i++) 
        { 
            GridItem picture = new GridItem(titles[i], images[i],description[i]); 
            gridItemList.add(picture); 
        } 
    } 
    @Override
    public int getCount( )
    {
        if (null != gridItemList) 
        { 
            return gridItemList.size(); 
        } 
        else
        { 
            return 0; 
        } 
    }

    @Override
    public Object getItem( int position )
    {
        return gridItemList.get(position); 
    }

    @Override
    public long getItemId( int position )
    {
        return position; 
    }

    @Override
    public View getView( int position, View convertView, ViewGroup parent )
    {
        ViewHolder viewHolder; 
        if (convertView == null) 
        { 
            convertView = inflater.inflate(R.layout.grid_item, null); 
            viewHolder = new ViewHolder(); 
            viewHolder.title = (TextView) convertView.findViewById(R.id.title); 
            viewHolder.image = (ImageView) convertView.findViewById(R.id.image);
            viewHolder.time = (TextView) convertView.findViewById(R.id.description); 
            convertView.setTag(viewHolder); 
        } else
        { 
            viewHolder = (ViewHolder) convertView.getTag(); 
        } 
        viewHolder.title.setText(gridItemList.get(position).getTitle());
        viewHolder.time.setText(gridItemList.get(position).getTime()); 
        viewHolder.image.setImageResource(gridItemList.get(position).getImageId()); 
        return convertView; 
    }

在activity中调用如下:

package com.linc.gridview;


import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class CustomGridViewActivity extends Activity {
    private GridView gridView; 
    //图片的第一行文字
    private String[] titles = new String[] 
    { "美女卷珠帘", "美女回眸", "美女很有趣", "美女醉酒", "美女微笑", "美女如脱兔", "美女柳叶弯眉"}; 
    //图片的第二行文字 
    private String[] description = new String[] 
    { "啦啦啦", "嘎嘎嘎", "哇哇哇", "喵喵喵", "刚刚刚", "当当当", "咔咔咔"}; 
    //图片ID数组 
    private int[] images = {            
                    R.drawable.five, R.drawable.sample_7,            
                    R.drawable.one, R.drawable.three,            
                    R.drawable.sample_3, R.drawable.sample_7,            
                    R.drawable.sample_0 };
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        gridView = (GridView) findViewById(R.id.gridview); 
        GridItemAdapter adapter = new GridItemAdapter(titles, images,description,this); 
        gridView.setAdapter(adapter); 
 
        gridView.setOnItemClickListener(new OnItemClickListener() 
            { 
                @Override
                public void onItemClick(AdapterView<?> parent, View v, int position, long id) 
                { 
                    Toast.makeText(CustomGridViewActivity.this, "item" + (position+1), Toast.LENGTH_SHORT).show(); 
                }
            }); 
    }
}

这样就可以了,

此实现与ListView类似,熟练使用会带来很好的用户体验。






作者:lincyang 发表于2012-1-1 0:52:58 原文链接
阅读:111 评论:0 查看评论

相关 [android 定义 gridview] 推荐:

Android自定义GridView之实现一个图片加多个文本框

- - CSDN博客推荐文章
GridView的使用是很简单的,API Demo中有例子,但是要实现复杂的GridView,就需要自定义了. 今天我们要实现如下的效果:. 先说它的布局,它是由gridview和grid_item两部分组成. 接下来我们要新写一个继承自BaseAdapter类的Adapter类,在这里做grid item的适配.

Android自定义Lint实践

- - 美团点评技术团队
Android Lint是Google提供给Android开发者的静态代码检查工具. 使用Lint对Android工程代码进行扫描和检查,可以发现代码潜在的问题,提醒程序员及早修正. 为保证代码质量,美团在开发流程中加入了代码检查,如果代码检测到问题,则无法合并到正式分支中,这些检查中就包括Lint.

NoScript for Firefox for Android 发布 移动页面也可自定义策略

- bill - cnBeta.COM
著名的Firefox插件NoScipt今天发布了Android版本,它可以适用于移动版的Firefox,它和桌面版的功能一样,可以在客户端拦截各种网页元素,就像是一个Web应用的防火墙,这样可以减少点击劫持,并为每一个特定站点设定策略,有需要用到的朋友现在可以可以下载. 未来该版本还可以实现和桌面版本的策略共享等特性.

Android软件开发之 自定义控件

- - CSDN博客推荐文章
Android软件开发之 自定义控件. 虽然Android系统提供了各种各样的控件供我们开发使用,但在实际的开发中,系统提供的控件有时候不能满足我们的需求,这时我们就需要自定义一个控件. 下面的例子就来自定义一个简单的Button:. 首先是布局,image_btn.xml:. 然后实现一个新的控件,ImageBtn.java:.

深入解析Android的自定义布局

- - CSDN博客移动开发推荐文章
原文链接: http://greenrobot.me/devpost/android-custom-layout/. 这篇文章是前Firefox Android工程师(现在 跳槽去Facebook了)   Lucas Rocha所写,文中对Android中常用的四种自定义布局方案进行了很好地分析,并结合这四种Android自定义布局方案所写的示例项目讲解了它们各自的优劣以及四种方案之间的比较.

android文件下载及自定义通知显示下载进度

- - CSDN博客推荐文章
这几天在实现一个APK版本更新的功能,发现涉及的东西比较繁杂. 本着一劳永逸的想法将相关的内容写成了相对比较独立的类供以后参考同时也与大家共享,欢迎大家批评指正. (1)文件下载:设计自定义类,只需传入一个Handler、下载地址URLStr及保存路径及可实现下载的功能. handler主要用于线程间通信,跟新通知中的进度条.

谷奥: Google Maps 5.3 for Android 发布,支持位置历史、在家签到与自定义评价

- Dolphin - 谷奥聚合——谷奥主站+谷安 aggregator
Google Maps 5.3 for Android 今日发布,这个新版本可以查看 Google 位置 Dashboard 历史控制台,在“家”签到以及评价地点时添加自己的观点. 如果您为 Google Latitude 启用了位置历史,就可以在计算机上使用个人控制台视觉化位置历史中有趣的趋势. 现在,您也可以在手机上轻按 Latitude 个人资料中的“查看位置历史”查看控制台.

Android 遥控车

- CasparZ - LinuxTOY
您确定您真的会用 Android 手机玩赛车. 16 岁的法国学生 Jonathan Rico 使用 Android 手机通过蓝牙实现了对改装玩具汽车的遥控. 操控的方式和那些标榜的智能手机游戏一样,使用重力感应,差别是这次控制的是现实世界中的遥控汽车. 收藏到 del.icio.us |.

Android免费?毛

- Ruby - FeedzShare
来自: 36氪 - FeedzShare  . 发布时间:2011年08月17日,  已有 2 人推荐. 微软CEO Steve Ballmer在预测竞争对手产品时通常口无遮拦. 比如他去年抨击Google的Android战略时,很多人都不屑一顾. 接着Android蚕食了微软的地盘,后来又开始侵犯苹果的地盘.