`
rain_2372
  • 浏览: 682979 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Android入门第八篇之GridView(九宫图)

阅读更多
GridView更是实现九宫图的首选!本文就是介绍如何使用GridView实现九宫图。GridView的用法很多,网上介绍最多的方法就是自己实现一个ImageAdapter继承BaseAdapter,再供GridView使用,类似这种的方法本文不再重复,本文介绍的GridView用法跟前文ListView的极其类似。



本文需要添加/修改3个文件:main.xml、night_item.xml、JAVA源代码。

main.xml源代码如下,本身是个GirdView,用于装载Item:


view plaincopy to clipboardprint?
<?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:numColumns="auto_fit" 
    android:verticalSpacing="10dp" 
    android:horizontalSpacing="10dp" 
    android:columnWidth="90dp" 
    android:stretchMode="columnWidth" 
    android:gravity="center" 
/> 
介绍一下里面的某些属性:

android:numColumns="auto_fit" ,GridView的列数设置为自动

android:columnWidth="90dp",每列的宽度,也就是Item的宽度
android:stretchMode="columnWidth",缩放与列宽大小同步
android:verticalSpacing="10dp",两行之间的边距,如:行一(NO.0~NO.2)与行二(NO.3~NO.5)间距为10dp
android:horizontalSpacing="10dp",两列之间的边距。



接下来介绍 night_item.xml,这个XML跟前面ListView的ImageItem.xml很类似:


view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout  
         xmlns:android="http://schemas.android.com/apk/res/android"  
         android:layout_height="wrap_content"  
         android:paddingBottom="4dip" android:layout_width="fill_parent"> 
         <ImageView  
               android:layout_height="wrap_content"  
               android:id="@+id/ItemImage"  
               android:layout_width="wrap_content"  
               android:layout_centerHorizontal="true">  
         </ImageView> 
         <TextView  
               android:layout_width="wrap_content"  
               android:layout_below="@+id/ItemImage"  
               android:layout_height="wrap_content"  
               android:text="TextView01"  
               android:layout_centerHorizontal="true"  
               android:id="@+id/ItemText"> 
         </TextView> 
</RelativeLayout> 


最后就是JAVA的源代码了,也跟前面的ListView的JAVA源代码很类似,不过多了“选中”的事件处理:


view plaincopy to clipboardprint?
  public void onCreate(Bundle savedInstanceState) { 
      super.onCreate(savedInstanceState); 
      setContentView(R.layout.main); 
      GridView gridview = (GridView) findViewById(R.id.gridview); 
       
      //生成动态数组,并且转入数据 
      ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>(); 
      for(int i=0;i<10;i++) 
      { 
        HashMap<String, Object> map = new HashMap<String, Object>(); 
        map.put("ItemImage", R.drawable.icon);//添加图像资源的ID 
    map.put("ItemText", "NO."+String.valueOf(i));//按序号做ItemText 
        lstImageItem.add(map); 
      } 
      //生成适配器的ImageItem <====> 动态数组的元素,两者一一对应 
      SimpleAdapter saImageItems = new SimpleAdapter(this, //没什么解释 
                                                lstImageItem,//数据来源  
                                                R.layout.night_item,//night_item的XML实现 
                                                 
                                                //动态数组与ImageItem对应的子项         
                                                new String[] {"ItemImage","ItemText"},  
                                                 
                                                //ImageItem的XML文件里面的一个ImageView,两个TextView ID 
                                                new int[] {R.id.ItemImage,R.id.ItemText}); 
      //添加并且显示 
      gridview.setAdapter(saImageItems); 
      //添加消息处理 
      gridview.setOnItemClickListener(new ItemClickListener()); 
  } 
   
  //当AdapterView被单击(触摸屏或者键盘),则返回的Item单击事件 
  class  ItemClickListener implements OnItemClickListener 
  { 
public void onItemClick(AdapterView<?> arg0,//The AdapterView where the click happened  
                                  View arg1,//The view within the AdapterView that was clicked 
                                  int arg2,//The position of the view in the adapter 
                                  long arg3//The row id of the item that was clicked 
                                  ) { 
    //在本例中arg2=arg3 
    HashMap<String, Object> item=(HashMap<String, Object>) arg0.getItemAtPosition(arg2); 
    //显示所选Item的ItemText 
    setTitle((String)item.get("ItemText")); 

     
  } 
本文来自http://blog.csdn.net/xyz_lmn/archive/2009/11/30/4908632.aspx
分享到:
评论
2 楼 542891879 2010-12-10  
这个问题让我记忆费城深刻,面试那次考的就是这个,做了好几个小时没做出来。当我把GridView托进main.xml时他就报空指针这点很是让我郁闷。还有就是hashmap的使用。
1 楼 zhq56030207 2010-07-16  
  

相关推荐

    android GridView 添加图片

    在这个场景下,"android GridView 添加图片"的主题涉及了如何在GridView中加载和操作图片,包括从图库选择图片、通过相机拍摄图片以及对图片进行剪切等操作。下面将详细介绍这些知识点。 1. **GridView的基本使用**...

    Android 九宫图GridView及继承BaseAdapter实现

    本篇文章将详细讲解如何利用Android的GridView实现九宫图显示,并通过继承BaseAdapter来定制数据绑定逻辑。 首先,我们需要了解GridView的基本用法。GridView继承自AbsListView,它会把数据项按照指定的列数进行...

    android Gridview分页实现

    本篇文章将详细讲解如何在Android中利用GridView实现分页加载功能。 首先,理解GridView的基本概念。GridView是ListView的一种变体,它按照指定的列数来排列子视图。默认情况下,GridView会一次性加载所有数据,这...

    Android高级应用源码-GridView添加图片DeleteGridView0.2.zip

    "Android高级应用源码-GridView添加图片DeleteGridView0.2.zip" 这个标题揭示了我们关注的焦点是关于Android应用程序开发的一个高级示例,具体涉及使用GridView来显示图片,并且实现了一个名为DeleteGridView的功能...

    Android九宫图加对话框.rar

    总之,"Android九宫图加对话框.rar"是一个涵盖了Android界面设计和交互关键元素的资源包,它可以帮助开发者学习和掌握如何在Android应用中优雅地展示图片并实现交互式对话框。通过分析和实践压缩包内的代码,你将...

    android 自定义gridView 按日期显示图片和视频 galleryDemo

    android 自定义gridView 按日期显示图片和视频 galleryDemo android 自定义gridView 按日期显示图片和视频 galleryDemo android 自定义gridView 按日期显示图片和视频 galleryDemo 免费下载 给个好评!

    Android --可刷新的GridView

    本篇文章将深入探讨如何在Android中实现一个可刷新的GridView,以提高用户体验并及时更新内容。 首先,我们需要理解GridView的基本用法。在XML布局文件中,我们可以创建一个GridView元素,并设置其属性,如列数...

    GridView加载大量图片卡的问题

    在Android开发中,GridView是一种常见的布局控件,用于展示大量数据,如图片、列表项等。然而,当GridView需要加载大量图片时,由于内存限制和性能问题,可能会出现明显的卡顿现象,严重影响用户体验。为了解决这个...

    android九宫图图片处理

    ### Android九宫图图片处理详解 #### GridView与SimpleAdapter简介 **GridView** 是Android中用于展示网格状数据的布局控件。它适用于显示一系列按行和列排列的项目,如相册、商品列表等场景。当涉及到需要整齐...

    android 通过GridView控件获取本地图片并动态显示 程序源码

    文章是参考博客http://blog.csdn.net/eastmount/article/details/41808179完成,主要讲述通过GridView控件点击加号图片动态添加本地相册图片,点击图片可以删除已添加图片。同时界面比较美观。 免费资源,希望对大家...

    AndroidStudio ListView 嵌套多组GridView

    在标题“AndroidStudio ListView 嵌套多组GridView”中,提到的是在ListView的每个条目(item)中嵌入多个GridView。这种方式可以让每个ListView条目的展示更加丰富,例如在一个图书应用中,每个书的信息(如作者、...

    Android最简单的gridview嵌套gridview,解决滑动冲突问题

    总之,Android中的GridView嵌套需要考虑滑动冲突的解决策略,这可以通过使用特定的布局管理器、自定义监听器或者第三方库来实现。在实际项目中,开发者应根据应用的具体需求和性能要求,选择最适合的方法。

    android首页布局和仿美团gridview轮播

    在Android开发中,首页布局和仿美团Gridview轮播是一项常见的需求,这涉及到对用户界面的设计和实现,以及对Android自定义控件的理解和运用。本文将深入探讨如何在Android应用中实现这样的功能。 首先,我们需要...

    Android中GridView以表格形式显示多张图片(仿桌面)

    在Android开发中,GridView是一种非常常用的控件,它允许我们以网格的形式展示数据,通常用于显示多张图片、图标或者列表项。这个话题是关于如何在Android应用中使用GridView来实现一个类似桌面的布局,展示多张图片...

    android_girdview.rar_Android 九宫_android_九宫格 android

    在Android应用开发中,"九宫格"是一种常见的界面设计模式,它通常用于展示一系列小图标或图片,如应用快捷方式、设置选项等。这个"android_girdview.rar"文件内容可能包含了一个实现Android九宫格菜单的示例项目。...

    Android 实现横向滑动的GridView

    本篇文章将详细讲解如何在Android中实现一个横向滑动的GridView。 首先,了解GridView的基本概念。GridView继承自AbsListView,它会将数据集中的每个项显示为一个单元格,并且可以自动调整列的数量以适应屏幕宽度。...

Global site tag (gtag.js) - Google Analytics