Android的GridView控件

GridView控件是可以用来显示二维排列的控件，这里在上一篇TabHost控件的基础上添加了一个GridView控件，用作Tab页的显示内容。

效果图：

帖代码：

public class OrderClientActivity extends Activity {TabHost tabHost;String[] dishType=new String[]{"1","2","3","4","5","6","7"};GridView gridView;String[] dishName=new String[]{"1","2","3","4","5","6","7","8","9","10","11","12"};String picPath=Environment.getExternalStorageDirectory().getPath() + "/picture/";GridViewAdapter gridViewAdapter;/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.orderform);// 获取TabHost对象TabHost tabHost = (TabHost) findViewById(R.id.tabhost);// 如果没有继承TabActivity时，通过该种方法加载启动tabHosttabHost.setup();gridView=(GridView)findViewById(R.id.view1);gridViewAdapter=new GridViewAdapter(this);gridView.setAdapter(gridViewAdapter);for(int i=0;i<dishType.length;i++){TabHost.TabSpec tabSpec=tabHost.newTabSpec(dishType[i]);tabSpec.setIndicator(dishType[i],getResources().getDrawable(R.drawable.ic_launcher));tabSpec.setContent(R.id.view1);tabHost.addTab(tabSpec);}tabHost.setCurrentTab(1);tabHost.setCurrentTab(0);new AsyncLoadImage().execute(100);}class AsyncLoadImage extends AsyncTask<Object, Bitmap, Object>{@Overrideprotected Object doInBackground(Object... params) {Bitmap bitmap;Log.i("加载线程", "");// TODO Auto-generated method stubfor(int i=0;i<dishName.length;i++){Log.i("图片路径", picPath + dishName[i] + ".jpg");bitmap=BitmapFactory.decodeFile(picPath + dishName[i] + ".jpg");if(bitmap != null){publishProgress(bitmap);Log.i("图片解析", "正确");}elseLog.i("图片解析", "错误");}return null;}@Overrideprotected void onProgressUpdate(Bitmap... values) {// TODO Auto-generated method stubfor(Bitmap b : values){gridViewAdapter.addPic(b);gridViewAdapter.notifyDataSetChanged();}}}class GridViewAdapter extends BaseAdapter{Context context;private ArrayList<Bitmap> picList=new ArrayList<Bitmap>();GridViewAdapter(Context context){this.context=context;}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn picList.size();}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn picList.get(position);}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}public void addPic(Bitmap bitmap){picList.add(bitmap);}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stubLog.i("得到view", position + "");ImageView image = null;if(convertView == null){image=new ImageView(context);}else{image=(ImageView)convertView;}image.setLayoutParams(new GridView.LayoutParams((getWindowManager().getDefaultDisplay().getWidth()-3)/2,(int) (getWindowManager().getDefaultDisplay().getWidth()/2*0.6)));//设置ImageView对象布局 image.setAdjustViewBounds(true);//设置边界对齐 image.setScaleType(ImageView.ScaleType.FIT_XY);//设置刻度的类型 image.setPadding(0, 0, 0, 0);//设置间距 image.setImageBitmap(picList.get(position));return image;}}
}

GridView需要通过Adapter来加载需要显示的内容，在这里我们自定义了BaseAdapter，必须实现几个方法，其中getCount（）和getView（）是必须实现的方法，getView（）用来提供GridView显示的每一个Item。关于Adapter的详细情况可以参考 Android之Adapter用法总结。

另外，实际的运行过程中，发现Gridview的图片加载很卡，所以我们改成了异步加载图片，用到了AsyncTask类，这是Android提供的一个轻量级的线程既能在后台线程中执行一些耗时操作，又有方法直接更新ui,关于AsyncTask的详细介绍可以参考：android AsyncTask介绍。

这里如果没有必要用到异步加载，可以在GridViewAdapter里直接给picList赋值。

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:id="@+id/hometabs"android:orientation="vertical"android:layout_width="fill_parent"  android:layout_height="fill_parent"><!-- TabHost必须包含一个 TabWidget和一个FrameLayout--> <TabHost android:id="@+id/tabhost"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_weight="1"><LinearLayoutandroid:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"><HorizontalScrollViewandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:scrollbars="none"><!-- TabWidget的id属性必须为 @android:id/tabs-->            <TabWidget android:id="@android:id/tabs" android:orientation="horizontal"android:layout_width="fill_parent"android:layout_height="wrap_content"></TabWidget></HorizontalScrollView><!-- FrameLayout的id属性必须为 @android:id/tabcontent--><FrameLayout android:id="@android:id/tabcontent"android:layout_width="fill_parent"android:layout_height="fill_parent"><GridView android:id="@+id/view1"android:listSelector="#000000"android:layout_width="fill_parent"android:layout_height="wrap_content"android:padding="0dip"android:layout_margin="0dip"android:numColumns="2"android:horizontalSpacing="3dip"android:verticalSpacing="3dip"android:stretchMode="columnWidth"android:gravity="fill"/>"</FrameLayout></LinearLayout></TabHost><LinearLayout android:orientation="horizontal"android:layout_width="fill_parent"android:layout_height="wrap_content"><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="hha"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="hha2"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="hha3"/></LinearLayout></LinearLayout>

在布局文件里看到，GridView设置了一个属性android:listSelector,这个属性用来设置GridView的每个item 的背景。如果没有设置这个属性，每个item在点击的时候都有一个蓝色边框，我们可以设置成我们想要的颜色，不想显示的话可以直接设置成背景色。

下一篇介绍GridView的更复杂的用法。

Android的GridView控件相关推荐

android studio 画控件,Android Studio 基础控件使用
TextView android:gravity="center" //文字对其方式 top bottom left right center android:textColor= ...
android中翻页控件,Android GridView控件分页自定义
上一篇:Android GridView控件自定义中,我们自定义了Android GridView控件. 包名解释: com.yaomei.activity.adapter DEMO使用到的自定义 ...
android卡片风格,[Android] Android 卡片式控件CardView的优雅使用
[Android] Android 卡片式控件CardView的优雅使用 CardView是在安卓5.0提出的卡片式控件其具体用法如下: 1.在app/build.gradle 文件中添加 comp ...
Android 常见界面控件（ListView、RecyclerView、自定义View篇）
Android 常见界面控件(ListView.RecyclerView.自定义View篇) 目录 3.3 ListView的使用 3.3.1 ListView控件的简单使用 3.3.2 常用数据适配 ...
Android活动，控件，碎片，广播，数据库小总结
系统架构与开发环境搭建 3月2日Android Activities代码练习 3月5日 Intent的应用与传值 3月9日 1:显式Intent与隐式Intent的区别显式Inten ...
Android使用ListView控件问题
Android使用ListView控件问题: The application has stopped unexpectedly, please try again. 开发环境:android 1.6 ...
ASP.NET2.0中用Gridview控件操作数据
在ASP.NET 2.0中,加入了许多新的功能和控件,相比asp.net 1.0/1.1,在各方面都有了很大的提高.其中,在数据控件方面,增加了不少控件,其中的Gridview控件功能十分强大.在本文 ...
GridView控件修改、删除示例（修改含有DropDownList控件）
GridView控件修改.删除例子,修改时含有DropDownList控件. 示例运行效果图: GridViewUp.aspx文件代码: <%@ Page Language="C#&q ...
Android的WebView控件载入网页显示速度慢的究极解决方案
Android的WebView控件载入网页显示速度慢的究极解决方案 [转载来源自http://hi.baidu.com/goldchocobo/] Android客户端中混搭HTML页面,会出现虽然H ...

Android的GridView控件

Android的GridView控件相关推荐

最新文章

热门文章