Android学习笔记(8) - GridView与ImageView

红薯 发布于 2009/07/15 17:36
阅读 3K+
收藏 1

简单一点吧,就瞧瞧那个Grid的效果,Android提供了一个GridView,不过从APIDemo中看来,它似乎与PC上的GRID差别还 是挺大的,更像那个IconView的感觉。不知道Android中如何实现表格界面?虽然在移动终端上,表格一般不会有谁使用,大家似乎更倾向于使用 ListView,而Android对于ListView则有更简单的实现ListActivity。

废话不说,还是自己写几句代码来实验一下。

<GridView id="@+id/grid"
    android:layout_width
="fill_parent" 
    android:layout_height
="fill_parent"
    android:padding
="10dip"
    android:verticalSpacing
="10"
    
    android:horizontalSpacing
="10"
    android:numColumns
="auto_fit"
    android:columnWidth
="60"
    android:stretchMode
="columnWidth"
    
    android:gravity
="center"
    
/>     

 从描述文件中的这些属性来看,与表格非常类似,除了padding和spacing以外,它还多了那个gravity,这里是center表示单元格中的内容居中放,在类GridView中也提供了方法setGravity(int)来实现这个效果。

接着,我们沿用以前那个fillMaps方法来构造SimpleAdapter,以前将这个adapter赋给ListActivity,现在同样的Adapter,却是赋给了GridView,效果又会是怎样呢?

List<HashMap<String, String>> items = fillMaps();

GridView grd
=(GridView)this.findViewById(R.id.grid);
SimpleAdapter adapter
=new SimpleAdapter(this,items,R.layout.list_row,new String[]{"name"},new int[]{R.id.item});
grd.setAdapter(adapter);

我觉得GridView并不象表格,倒更象IconView,下面试试用图像作为GridView的内容。现在,不能用简单Adapter了,得自己弄一个ImageAdapter,就让它衍生于BaseAdapter类吧。

public class ImageAdapter extends BaseAdapter {
        
//这是资源ID的数组
        private Integer[] mThumbIds = {
                R.drawable.a,R.drawable.b,R.drawable.c,
                R.drawable.d,R.drawable.e,R.drawable.f,
                R.drawable.g,R.drawable.h,R.drawable.i
                }
;
        
        
public ImageAdapter(Context c) {
            mContext 
= c;
        }


        
public int getCount() {
            
return mThumbIds.length;
        }


        
public Object getItem(int position) {
            
return position;
        }


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


        
public View getView(int position, View convertView, ViewGroup parent) {
            ImageView i 
= new ImageView(mContext);
            
//设置图像源于资源ID。
      i.setImageResource(mThumbIds[position]);
            i.setAdjustViewBounds(
true);            
            i.setBackground(android.R.drawable.picture_frame);

            
return i;
        }

        
        
private Context mContext;

    }

很简单,只要重载几个方法就可以了,关键是那个getView方法,它负责构建出每个单元格中的对象实例。这里我们构造的是一个ImageView实例。

然后就是同样的将这个Adapter赋给GridView即可,大家可以看看效果,注意在做这个例子前,先放几个小图片到res/drawable目录下,buildproject一下就可以得到那个R.drawable.a了(这里的a是图像文件名,如a.png)。

在getView方法中我们使用了ImageView类,这又是一个widget。除了上面用到的几个方法以外,还有以下几个方法值得注意:

与图像来源有关的方法,我们只用了资源文件的方式。

    //不同的图像来源
public void setImageBitmap(Bitmap bm) 
public void setImageDrawable(Drawable drawable) 
public void setImageResource(int resid) 
public void setImageURI(ContentURI uri) 

图像效果的操作。

//颜色过滤
public void setColorFilter(int color, Mode mode) 
//矩阵变换
public void setImageMatrix(Matrix matrix) 
//透明度
public void setAlpha(int alpha) 

具体的使用可以参考API,动手试一下就差不多了。

加载中
返回顶部
顶部