android GridView,Gallery，ListView 【安卓进化六】

一、今天总结了下几种常用的控件GridView,Gallery,ListView，希望对大家有帮助，基本是改的例子程序，先看效果图：

主页面效果：点击GridView后出现的界面：

点击Gallery后出现的界面： 点击ListView后出现的界面：

二、先把xml文件的代码贴出来：

1、main.xml文件中的代码

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="大明原创" android:gravity="center_horizontal" android:layout_marginBottom="5dip" android:layout_marginTop="5dip"/> <Button android:id="@+id/gridview_button" android:layout_width="fill_parent" android:layout_height="60dip" android:text="GridView"/> <Button android:id="@+id/gallery_button" android:layout_width="fill_parent" android:layout_height="60dip" android:text="Gallery"></Button> <Button android:id="@+id/listview_button" android:layout_width="fill_parent" android:layout_height="60dip" android:text="ListView"></Button> </LinearLayout>

2、gallery.xml中的代码：

<?xml version="1.0" encoding="utf-8"?>
<Gallery xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/gallery"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
/>

3、gridview.xml中的代码：

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

4、listview.xml中的代码：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:text="用户列表" android:gravity="center" android:layout_height="wrap_content" android:layout_width="fill_parent" android:background="#DAA520" android:textColor="#000000"> </TextView> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:text="姓名" android:gravity="center" android:layout_width="150px" android:layout_height="wrap_content" android:textStyle="bold" android:background="#7CFC00"> </TextView> <TextView android:text="年龄" android:layout_width="170px" android:gravity="center" android:layout_height="wrap_content" android:textStyle="bold" android:background="#F0E68C"> </TextView> </LinearLayout> <ListView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/users"> </ListView> </LinearLayout>

5、user.xml中的代码：

<?xml version="1.0" encoding="utf-8"?> <TableLayout android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="wrap_content" > <TableRow > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="10dip" android:id="@+id/img"> </ImageView> <TextView android:layout_height="wrap_content" android:layout_width="150px" android:gravity="center_vertical" android:layout_gravity="center_vertical" android:id="@+id/name"> </TextView> <TextView android:layout_height="wrap_content" android:layout_width="170px" android:gravity="center_vertical" android:layout_gravity="center_vertical" android:id="@+id/age"> </TextView> </TableRow> </TableLayout>

三，java类中的代码：

1、MainActivity类中的代码：

package com.cn.android; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; public class MainActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //初始化button按钮 initGridViewGalleryListViewButton(); } //实现button按钮的方法 private void initGridViewGalleryListViewButton() { // TODO Auto-generated method stub //跳转到GridView的Actvity中 Button GridViewButton = (Button)findViewById(R.id.gridview_button); GridViewButton.setOnClickListener(new OnClickListener(){ public void onClick(View arg0) { // TODO Auto-generated method stub Intent i_gridview = new Intent(); i_gridview.setClass(MainActivity.this, GridViewActivity.class); startActivity(i_gridview); } }); //跳转到Gallery的Activity中 Button GalleryButton = (Button)findViewById(R.id.gallery_button); GalleryButton.setOnClickListener(new OnClickListener(){ public void onClick(View arg0) { // TODO Auto-generated method stub Intent i_gallery = new Intent(); i_gallery.setClass(MainActivity.this, GalleryActivity.class); startActivity(i_gallery); } }); //跳转到ListView的Activity中 Button ListViewButton = (Button)findViewById(R.id.listview_button); ListViewButton.setOnClickListener(new OnClickListener(){ public void onClick(View arg0) { // TODO Auto-generated method stub Intent i_listview = new Intent(); i_listview.setClass(MainActivity.this,ListViewActivity.class); startActivity(i_listview); } }); } }

2、GridViewActivity中的代码：

package com.cn.android; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.ImageView; public class GridViewActivity extends Activity{ @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.gridview); GridView gridview = (GridView) findViewById(R.id.myGrid); gridview.setAdapter(new ImageAdapter(this)); } //定义ImageAdapter类 public class ImageAdapter extends BaseAdapter { private Context mContext; 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 imageView; if (convertView == null) { imageView = new ImageView(mContext); imageView.setLayoutParams(new GridView.LayoutParams(50, 50)); imageView.setAdjustViewBounds(false); imageView.setScaleType(ImageView.ScaleType.FIT_XY); imageView.setPadding(10, 10, 10, 10); } else { imageView = (ImageView) convertView; } imageView.setImageResource(mThumbIds[position]); return imageView; } private Integer[] mThumbIds = { R.drawable.sample_thumb_0, R.drawable.sample_thumb_1, R.drawable.sample_thumb_2, R.drawable.sample_thumb_3, R.drawable.sample_thumb_4, R.drawable.sample_thumb_5, R.drawable.sample_thumb_6, R.drawable.sample_thumb_7, R.drawable.sample_thumb_0, R.drawable.sample_thumb_1, R.drawable.sample_thumb_2, R.drawable.sample_thumb_3, R.drawable.sample_thumb_4, R.drawable.sample_thumb_5, R.drawable.sample_thumb_6, R.drawable.sample_thumb_7, R.drawable.sample_thumb_0, R.drawable.sample_thumb_1, R.drawable.sample_thumb_2, R.drawable.sample_thumb_3, R.drawable.sample_thumb_4, R.drawable.sample_thumb_5, R.drawable.sample_thumb_6, R.drawable.sample_thumb_7, }; } }

3、GalleryActivity中的代码：

package com.cn.android; import android.app.Activity; import android.content.Context; import android.content.res.TypedArray; import android.os.Bundle; import android.view.ContextMenu; import android.view.MenuItem; import android.view.View; import android.view.ViewGroup; import android.view.ContextMenu.ContextMenuInfo; import android.widget.AdapterView; import android.widget.BaseAdapter; import android.widget.Gallery; import android.widget.ImageView; import android.widget.Toast; import android.widget.AdapterView.AdapterContextMenuInfo; import android.widget.AdapterView.OnItemClickListener; public class GalleryActivity extends Activity{ @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.gallery); // Reference the Gallery view Gallery gallery = (Gallery) findViewById(R.id.gallery); // Set the adapter to our custom adapter (below) gallery.setAdapter(new ImageAdapter(this)); // Set a item click listener, and just Toast the clicked position gallery.setOnItemClickListener(new OnItemClickListener() { public void onItemClick(AdapterView parent, View v, int position, long id) { Toast.makeText(GalleryActivity.this, "" + position, Toast.LENGTH_SHORT).show(); } }); // We also want to show context menu for longpressed items in the gallery registerForContextMenu(gallery); } @Override public void onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo) { menu.add(R.string.gallery_text); } @Override public boolean onContextItemSelected(MenuItem item) { AdapterContextMenuInfo info = (AdapterContextMenuInfo) item.getMenuInfo(); Toast.makeText(this, "Longpress: " + info.position, Toast.LENGTH_SHORT).show(); return true; } public class ImageAdapter extends BaseAdapter { int mGalleryItemBackground; private Context mContext; public ImageAdapter(Context c) { mContext = c; // See res/values/attrs.xml for the <declare-styleable> that defines // Gallery1. TypedArray a = obtainStyledAttributes(R.styleable.Gallery1); mGalleryItemBackground = a.getResourceId( R.styleable.Gallery1_android_galleryItemBackground, 0); a.recycle(); } public int getCount() { return mImageIds.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); i.setImageResource(mImageIds[position]); i.setScaleType(ImageView.ScaleType.FIT_XY); i.setLayoutParams(new Gallery.LayoutParams(136, 88)); // The preferred Gallery item background i.setBackgroundResource(mGalleryItemBackground); return i; } private Integer[] mImageIds = { R.drawable.gallery_photo_1, R.drawable.gallery_photo_2, R.drawable.gallery_photo_3, R.drawable.gallery_photo_4, R.drawable.gallery_photo_5, R.drawable.gallery_photo_6, R.drawable.gallery_photo_7, R.drawable.gallery_photo_8 }; } }

4、ListViewActivity中的代码

package com.cn.android; import java.util.ArrayList; import java.util.HashMap; import android.app.Activity; import android.os.Bundle; import android.widget.ListView; import android.widget.SimpleAdapter; public class ListViewActivity extends Activity{ @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.listview); ArrayList<HashMap<String, Object>> users = new ArrayList<HashMap<String, Object>>(); for (int i = 0; i < 10; i++) { HashMap<String, Object> user = new HashMap<String, Object>(); user.put("img", R.drawable.icon); user.put("username", "姓名(" + i+")"); user.put("age", (20 + i) + ""); users.add(user); } SimpleAdapter saImageItems = new SimpleAdapter(this, users,// 数据来源 R.layout.user,//每一个user xml 相当ListView的一个组件 new String[] { "img", "username", "age" }, // 分别对应view 的id new int[] { R.id.img, R.id.name, R.id.age }); // 获取listview ((ListView) findViewById(R.id.users)).setAdapter(saImageItems); } }

四、在values的文件夹下面建一个attrs.xml文件：gallery设置样式的功能

<?xml version="1.0" encoding="utf-8"?>
<resources>

<!-- These are the attributes that we want to retrieve from the theme in view/Gallery1.java --> <declare-styleable name="Gallery1"> <attr name="android:galleryItemBackground" /> </declare-styleable> </resources>

五、Manifest.xml文件中的代码：

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.cn.android" android:versionCode="1" android:versionName="1.0"> <uses-sdk android:minSdkVersion="7" /> <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".MainActivity" android:label="@string/app_name"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".GridViewActivity" android:label="GridViewActivity"></activity> <activity android:name=".GalleryActivity" android:label="GalleryActivity"></activity> <activity android:name=".ListViewActivity" android:label="ListViewActivity"></activity> </application> </manifest>

六、特别说明：程序中有的图片我没有添加，大家找一些图片特换掉就行了，大小不合适的就调一下布局，设置一些参数就可以了！希望大家谅解：

drawable目录下的图片：