Android的GridView控件（一）

最新推荐文章于 2019-06-16 17:02:53 发布
最新推荐文章于 2019-06-16 17:02:53 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： Android


http://blog.csdn.net/lhp1331/article/details/7909477



点击每个item右上角的小框框之后：


[java]  view plain copy
  1. public class OrderClient2 extends Activity{  
  2.     TabHost tabHost;  
  3.     String[] dishType=new String[]{"tab1","tab2","tab3","tab4","tab5","tab6","tab7"};  
  4.     GridView gridView;  
  5.       
  6.     String[] dishName=new String[]{"1","2","3","4","5","6","7","8","9","10","11","12","1"};  
  7.     //这个路径是手机的sdcard，不是外接的sdcard  
  8.     String picPath=Environment.getExternalStorageDirectory().getPath() + "/picture/";  
  9.       
  10.     GridViewAdapter gridViewAdapter;  
  11.       
  12.     /** Called when the activity is first created. */  
  13.     @Override  
  14.     public void onCreate(Bundle savedInstanceState) {  
  15.         super.onCreate(savedInstanceState);  
  16.         setContentView(R.layout.main);  
  17.           
  18.         // 获取TabHost对象  
  19.         TabHost tabHost = (TabHost) findViewById(R.id.tabhost);  
  20.         // 如果没有继承TabActivity时，通过该种方法加载启动tabHost  
  21.         tabHost.setup();  
  22.           
  23.         gridView=(GridView)findViewById(R.id.view1);  
  24.         gridViewAdapter=new GridViewAdapter(this);  
  25.         gridView.setAdapter(gridViewAdapter);  
  26.         gridView.setOnItemClickListener(new GridViewAdapterListener());  
  27.           
  28.         for(int i=0;i<dishType.length;i++){  
  29.             TabHost.TabSpec tabSpec=tabHost.newTabSpec(dishType[i]);  
  30.             tabSpec.setIndicator(dishType[i],getResources().getDrawable(R.drawable.ic_launcher));  
  31.             tabSpec.setContent(R.id.view1);  
  32.             tabHost.addTab(tabSpec);  
  33.         }  
  34.           
  35.         tabHost.setCurrentTab(1);  
  36.         tabHost.setCurrentTab(0);  
  37.           
  38.         new AsyncLoadImage().execute(100);  
  39.     }  
  40.       
  41.     class GridViewAdapterListener implements OnItemClickListener{  
  42.   
  43.         @Override  
  44.         public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,  
  45.                 long arg3) {  
  46.             // TODO Auto-generated method stub  
  47.             Log.i("选择的图片", arg2+"");  
  48.             //GridViewItem item=(GridViewItem) gridView.getItemAtPosition(arg2);  
  49.             Toast.makeText(getApplicationContext(), "click item", 500).show();  
  50.             //item.ifSelect.setBackgroundResource(R.drawable.selected);  
  51.         }  
  52.           
  53.     }  
  54.     class AsyncLoadImage extends AsyncTask<Object, Bitmap, Object>{  
  55.   
  56.         @Override  
  57.         protected Object doInBackground(Object... params) {  
  58.             Bitmap bitmap;  
  59.               
  60.             Log.i("加载线程", "");  
  61.               
  62.             // TODO Auto-generated method stub  
  63.             for(int i=0;i<dishName.length;i++){  
  64.                 Log.i("图片路径", picPath + dishName[i] + ".jpg");  
  65.                 bitmap=BitmapFactory.decodeFile(picPath + dishName[i] + ".jpg");  
  66.                   
  67.                 if(bitmap != null){  
  68.                     bitmap=Bitmap.createScaledBitmap(bitmap, 500, 350, true);  
  69.                     publishProgress(bitmap);  
  70.                     Log.i("图片解析", "正确");  
  71.                 }  
  72.                 else  
  73.                     Log.i("图片解析", "错误");  
  74.             }  
  75.             return null;  
  76.         }  
  77.   
  78.         @Override  
  79.         protected void onProgressUpdate(Bitmap... values) {  
  80.             // TODO Auto-generated method stub  
  81.             for(Bitmap b : values){  
  82.                 gridViewAdapter.addPic(b);  
  83.                 gridViewAdapter.notifyDataSetChanged();  
  84.             }  
  85.         }  
  86.       
  87.           
  88.     }  
  89.     class GridViewAdapter extends BaseAdapter{  
  90.   
  91.         Context context;  
  92.         private LayoutInflater inflater;      
  93.         private ArrayList<Bitmap> picList=new ArrayList<Bitmap>();  
  94.           
  95.         GridViewAdapter(Context context){  
  96.             this.context=context;  
  97.             inflater=LayoutInflater.from(context);  
  98.         }  
  99.           
  100.         @Override  
  101.         public int getCount() {  
  102.             // TODO Auto-generated method stub  
  103.             return picList.size();  
  104.         }  
  105.   
  106.         @Override  
  107.         public Object getItem(int position) {  
  108.             // TODO Auto-generated method stub  
  109.             return picList.get(position);  
  110.         }  
  111.   
  112.         @Override  
  113.         public long getItemId(int position) {  
  114.             // TODO Auto-generated method stub  
  115.             return position;  
  116.         }  
  117.   
  118.         public void addPic(Bitmap bitmap){  
  119.             picList.add(bitmap);  
  120.         }  
  121.           
  122.         @Override  
  123.         public View getView(int position, View convertView, ViewGroup parent) {  
  124.             // TODO Auto-generated method stub  
  125.             Log.i("得到view", position + "");  
  126.               
  127.             GridViewItem gridViewItem;  
  128.               
  129.             if(convertView == null){  
  130.                 convertView=inflater.inflate(R.layout.gridviewitem, null);  
  131.                 gridViewItem=new GridViewItem();  
  132.                 gridViewItem.dishPic=(ImageView)convertView.findViewById(R.id.dishPic);  
  133.                 gridViewItem.ifSelect=(Button)convertView.findViewById(R.id.ifSelect);  
  134.                 gridViewItem.dishName=(TextView)convertView.findViewById(R.id.dishName);  
  135.                 convertView.setTag(gridViewItem);  
  136.                   
  137.             }  
  138.             else{  
  139.                 gridViewItem=(GridViewItem)convertView.getTag();  
  140.             }  
  141.               
  142.             gridViewItem.dishPic.setImageBitmap(picList.get(position));  
  143.             gridViewItem.dishName.setText(dishName[position]);  
  144.   
  145.             gridViewItem.ifSelect.setTag(false);  
  146.             gridViewItem.ifSelect.setOnClickListener(new SelectListener());  
  147.             return convertView;  
  148.         }  
  149.           
  150.     }  
  151.       
  152.     class SelectListener implements OnClickListener{  
  153.   
  154.         @Override  
  155.         public void onClick(View v) {  
  156.             // TODO Auto-generated method stub  
  157.             // TODO Auto-generated method stub  
  158.               
  159.             if((Boolean) v.getTag()){  
  160.                 ((Button)v).setBackgroundResource(R.drawable.unselected);  
  161.                 ((Button)v).setTag(false);  
  162.             }  
  163.             else{  
  164.                 ((Button)v).setBackgroundResource(R.drawable.selected);  
  165.                 ((Button)v).setTag(true);  
  166.             }  
  167.             //Toast.makeText(getApplicationContext(), "click me", 500).show();  
  168.             //gridViewAdapter.notifyDataSetChanged();  
  169.         }  
  170.           
  171.     }  
  172.     class GridViewItem{  
  173.         public ImageView dishPic;  
  174.         public Button ifSelect;  
  175.         public TextView dishName;  
  176.     }  
  177.       
  178. }  

两个布局文件：

main.xml,

[html]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  3.     android:id="@+id/hometabs"  
  4.     android:orientation="vertical"  
  5.     android:layout_width="fill_parent"    
  6.     android:layout_height="fill_parent">  
  7.     <!-- TabHost必须包含一个 TabWidget和一个FrameLayout-->   
  8.     <TabHost android:id="@+id/tabhost"  
  9.         android:layout_width="fill_parent"  
  10.         android:layout_height="wrap_content"  
  11.         android:layout_weight="1">  
  12.         <LinearLayout  
  13.             android:orientation="vertical"  
  14.             android:layout_width="fill_parent"  
  15.             android:layout_height="fill_parent">  
  16.             <HorizontalScrollView  
  17.                 android:layout_width="fill_parent"  
  18.                 android:layout_height="wrap_content"  
  19.                 android:scrollbars="none">  
  20.                 <!-- TabWidget的id属性必须为 @android:id/tabs-->              
  21.                 <TabWidget android:id="@android:id/tabs"   
  22.                 android:orientation="horizontal"  
  23.                 android:layout_width="fill_parent"  
  24.                 android:layout_height="wrap_content">  
  25.                 </TabWidget>  
  26.             </HorizontalScrollView>  
  27.               
  28.             <!-- FrameLayout的id属性必须为 @android:id/tabcontent-->  
  29.              <FrameLayout   
  30.                   android:id="@android:id/tabcontent"  
  31.                   android:layout_width="fill_parent"  
  32.                   android:layout_height="fill_parent">  
  33.                     
  34.                   <GridView   
  35.                       android:id="@+id/view1"  
  36.                       android:listSelector="#000000"  
  37.                       android:layout_width="fill_parent"  
  38.                       android:layout_height="wrap_content"  
  39.                       android:padding="0dip"  
  40.                       android:layout_margin="0dip"  
  41.                       android:numColumns="2"  
  42.                       android:horizontalSpacing="3dip"  
  43.                       android:verticalSpacing="3dip"  
  44.                       android:stretchMode="columnWidth"  
  45.                       android:gravity="fill"/>"  
  46.                       
  47.              </FrameLayout>  
  48.            
  49.          </LinearLayout>  
  50.     </TabHost>  
  51.     <LinearLayout   
  52.         android:orientation="horizontal"  
  53.         android:layout_width="fill_parent"  
  54.         android:layout_height="wrap_content">  
  55.         <Button  
  56.         android:layout_width="wrap_content"  
  57.         android:layout_height="wrap_content"  
  58.         android:text="hha"/>  
  59.         <Button  
  60.         android:layout_width="wrap_content"  
  61.         android:layout_height="wrap_content"  
  62.         android:text="hha2"/>  
  63.         <Button  
  64.         android:layout_width="wrap_content"  
  65.         android:layout_height="wrap_content"  
  66.         android:text="hha3"/>  
  67.     </LinearLayout>  
  68.       
  69. </LinearLayout>  

gridViewItem,xml:单个item 的布局

[html]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="wrap_content"  
  4.     android:layout_height="wrap_content">  
  5.         <ImageView  
  6.             android:id="@+id/dishPic"  
  7.             android:adjustViewBounds="true"  
  8.             android:layout_width="wrap_content"  
  9.             android:layout_height="wrap_content"  
  10.             android:scaleType="fitXY"/>  
  11.         <Button  
  12.             android:id="@+id/ifSelect"  
  13.             android:background="@drawable/unselected"  
  14.             android:focusable="false"  
  15.             android:layout_width="wrap_content"  
  16.             android:layout_height="wrap_content"  
  17.             android:layout_alignTop="@id/dishPic"  
  18.             android:layout_alignRight="@id/dishPic"/>  
  19.         <TextView   
  20.         android:id="@+id/dishName"  
  21.         android:layout_width="wrap_content"  
  22.         android:layout_height="wrap_content"  
  23.         android:layout_below="@id/dishPic"  
  24.         android:layout_alignLeft="@id/dishPic"  
  25.         android:layout_alignRight="@id/dishPic"  
  26.         android:background="#555555"/>  
  27. </RelativeLayout> 

Justin-BJ
关注
专栏目录
Android UI设计——GridView控件
To_be_Designer
08-27 2079
GridView　　GridView的用法与ListView的用法相同，都需要使用Adapter适配器。GridView与ListView控件唯一的不同便是显示形式不同，GridView是以行*列的形式展现的，使多条数据在一行。我们手机上的相册一个很好的例子。 　　 GridView的使用步骤：（在下面这个例子中，添加了一个小功能：这个功能在我们平常发送图片的时候会看到，就是当我们点击选择框选择
Android基本控件之GridView
weixin_33724046的博客
12-04 867
我们在使用手机的过程中，会看到一些图片配上文字的一些情况，今天我们就来介绍一下安卓控件的GridView GridView组件用来以网格方式排列视图，与矩阵类似，当屏幕上有很多元素（文字、图片或其他元素）需要显示时，可以使用该组件 二话不说，我们先上图： 今天，我们就来实现这样的一个即显示图片又显示文字的一个GridView 我们首先来分析一下，我们如果想实现这样的一个GridView...
Android开发学习笔记：浅谈GridView
hao201011的专栏
12-01 2245
GridView(网格视图)是按照行列的方式来显示内容的，一般用于显示图片，图片等内容，比如实现九宫格图，用GridView是首选，也是最简单的。主要用于设置Adapter。 GridView常用的XML属性：   属性名称 描述 android:columnWidth 设置列的宽度。 android:gravity
Android的GridView控件
lhp1331的专栏
08-26 6445
GridView控件是可以用来显示二维排列的控件，这里在上一篇TabHost控件的基础上添加了一个GridView控件，用作Tab页的显示内容。 效果图： 帖代码： public class OrderClientActivity extends Activity { TabHost tabHost; String[] dishType=new String[]{"1","2",
Android中的GridView
weixin_30569153的博客
06-24 117
GridView网格视图 这个控件可以通过网格的形式来显示数据（文本、图像），且它的排列方式类似于矩阵，要采用行列的方式来布局子控件 　　EG： 　　第一步：先建立一个布局文件（gridview_layout.xml）并采用线性布局，并嵌入GridView控件 　　第二步：在新建一个gridview_item.xml布局文件，采用线性布局，增加TextView和ImageView...
android 通过GridView控件获取本地图片并动态显示 程序源码
12-08
文章是参考博客http://blog.csdn.net/eastmount/article/details/41808179完成，主要讲述通过GridView控件点击加号图片动态添加本地相册图片，点击图片可以删除已添加图片。同时界面比较美观。 免费资源，希望对大家...
android GridView控件学习
03-07
本教程将深入探讨Android中的GridView控件，帮助开发者更好地理解和运用这一功能。 一、GridView简介 GridView继承自ViewGroup，它将子视图按照行和列进行排列，形成一个二维的网格结构。每个子视图（通常为...
Android控件之GridView用法实例分析
01-20
总结起来，Android的GridView控件是一个功能强大的组件，通过它可以创建动态、可滚动的网格布局。在实际使用中，开发者需要自定义适配器来绑定数据，同时通过布局文件来定义每个单元格的样式，实现各种交互效果。...
Android编程实现GridView控件点击图片变暗效果的方法
08-30
总结一下，实现Android GridView控件点击图片变暗效果的方法主要包括以下几个步骤： 1. 创建一个自定义的适配器类，继承自BaseAdapter。 2. 在适配器的`getView`方法中，为每个ImageView设置OnTouchListener。 3. ...
Android学习教程之动态GridView控件使用（6）
09-01
在Android开发中，GridView是一种常见的布局控件，用于展示数据集，通常以网格形式排列。在本教程中，我们将深入探讨如何在Android应用中动态地使用GridView，特别是在案例中涉及到的`StaggeredGridView`，这是一种...
Android中Gridview
05-11
AS开发Gridview视图以及设置itemclick事件
Android之GridView
xiangjai的专栏
10-23 3093
简介 一个在平面上可显示多个条目的可滚动的视图组件，该组件中的条目通过一个ListAdapter和该组件进行关联。 比如实现九宫格图，用GridView是首选，也是最简单的。 XML属性 属性： android:columnWidth   设置列的宽度。关联的方法为：setColumnWidth(int) android:gravity    设置此
Android控件之GridView探究
hua_wei1212的专栏
02-14 363
GridView是一项显示二维的viewgroup，可滚动的网格。一般用来显示多张图片。 以下模拟九宫图的实现，当鼠标点击图片时会进行相应的跳转链接。 目录结构 2011-5-14 08:56:17 上传 下载附件 (13.54 KB) main.xml布局文件，存放GridView控件 android:numColumns="aut
Android基础控件—GridView
不忘初心
02-26 923
1.GridView是什么？        GridView又称为网格视图或者九宫格视图，当手机屏幕上需要显示比较多的内容时(包括文字、图片或者其它元素)，可以使用GridView。最常见的GridView使用在于早期Android手机的一二级菜单和相册里的照片墙效果，当然如果将GridView的这种布局方式用于软件的主页面用来显示菜单，也是比较好的选择。 2.代码中具体实现
Android基础学习之GridView控件
青芸的博客
09-20 469
1.添加控件<GridView android:padding="10dp" android:id="@+id/gridview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:columnWidth="90dp" android:num
Android-GridView
dxm809的博客
06-16 285
package com.cs.dxm.gridviewtest; import android.content.Context; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; i...
Android的GridView
weixin_34269583的博客
12-29 71
为什么80%的码农都做不了架构师？>>> ...
android GridView
雷雨路上
03-08 194
主类 import android.app.Activity; import android.os.Bundle; import android.view.Window; import android.view.WindowManager; import android.widget.Gallery; import android.widget.GridView; import ...
Android GridView
weixin_34344677的博客
08-27 90
一、结构　　　　publicfinalclassGridViewextendsAbsListView　　　　java.lang.Object　　　　　　android.view.View　　　　　　　　android.view.ViewGroup　　　　　　　　　　android.widget.AdapterView<Textendsandroid.wid...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值