gridview 显示图片及文字

配置文件：

string.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello World, MainActivity!</string>
<string name="app_name">gridAjustTest</string>
<string name="test_name1">跳转到TestActivity1</string>
<string name="test_name2">跳转到TestActivity2</string>
</resources>
main.xml

<?xml version="1.0" encoding="utf-8"?>
<!--
  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"，两列之间的边距
-->
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gridview" android:layout_width="fill_parent"
android:layout_height="wrap_content" android:numColumns="2"
android:verticalSpacing="10dp" android:horizontalSpacing="10dp"
android:columnWidth="90dp" android:stretchMode="columnWidth"
android:gravity="center" />

night_item.xml

<?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="80dp">
<ImageView android:layout_height="45dp"
  android:layout_width="fill_parent" android:layout_centerHorizontal="true"
  android:id="@+id/itemImage">
</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>

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.grid.test" android:versionCode="1" android:versionName="1.0">

<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=".TestActivity1" android:label="@string/test_name1" />
  <activity android:name=".TestActivity2" android:label="@string/test_name2" />
</application>

<uses-sdk android:minSdkVersion="4" />
</manifest>

代码：MainActivity.java

package com.grid.test;

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class MainActivity extends Activity {
private String texts[] = null;
private int images[] = null;

public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  images = new int[] { R.drawable.p1, R.drawable.p2, R.drawable.p3,
    R.drawable.p4, R.drawable.p5, R.drawable.p6, R.drawable.p7,
    R.drawable.p8, R.drawable.p5, R.drawable.p6, R.drawable.p7,
    R.drawable.p8, R.drawable.p8 };
  texts = new String[] { "宫式布局1", "宫式布局2", "宫式布局3", "宫式布局4", "宫式布局5",
    "宫式布局6", "宫式布局7", "宫式布局8", "宫式布局9", "宫式布局10", "宫式布局11",
    "宫式布局12", "宫式布局13" };
  GridView gridview = (GridView) findViewById(R.id.gridview);
  ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();
  for (int i = 0; i < 13; i++) {
   HashMap<String, Object> map = new HashMap<String, Object>();
   map.put("itemImage", images[i]);
   map.put("itemText", texts[i]);
   lstImageItem.add(map);
  }

  SimpleAdapter saImageItems = new SimpleAdapter(this, lstImageItem,// 数据源
    R.layout.night_item,// 显示布局
    new String[] { "itemImage", "itemText" }, new int[] {
      R.id.itemImage, R.id.itemText });
  gridview.setAdapter(saImageItems);
  gridview.setOnItemClickListener(new ItemClickListener());
}

class ItemClickListener implements OnItemClickListener {
  /**
   * * 点击项时触发事件 * * @param parent 发生点击动作的AdapterView * @param view
   * 在AdapterView中被点击的视图(它是由adapter提供的一个视图)。 * @param position
   * 视图在adapter中的位置。 * @param rowid 被点击元素的行id。
   */
  public void onItemClick(AdapterView<?> parent, View view, int position,
    long rowid) {
   HashMap<String, Object> item = (HashMap<String, Object>) parent
     .getItemAtPosition(position); // 获取数据源的属性值
   String itemText = (String) item.get("itemText");
   Object object = item.get("itemImage");
   Toast.makeText(MainActivity.this, itemText, Toast.LENGTH_LONG)
     .show();

   // //根据图片进行相应的跳转
   switch (images[position]) {
   case R.drawable.p1:
    startActivity(new Intent(MainActivity.this, TestActivity1.class));// 启动另一个Activity
    finish();// 结束此Activity，可回收
    break;
   case R.drawable.p2:
    startActivity(new Intent(MainActivity.this, TestActivity2.class));
    finish();
    break;
   }
  }
}
}


TestActivity1.java

package com.grid.test;

import android.app.Activity;
import android.os.Bundle;

public class TestActivity1 extends Activity {
public void onCreate(Bundle savedInstanceState) {   
  super.onCreate(savedInstanceState);      
  //setContentView(R.layout.main); 
  }
}


TestActivity2.java

package com.grid.test;

import android.app.Activity;
import android.os.Bundle;

public class TestActivity2 extends Activity {
public void onCreate(Bundle savedInstanceState) {   
  super.onCreate(savedInstanceState);      
  //setContentView(R.layout.main); 
  }
}

评论

1 楼 jackson200 2011-08-16  

顶！！！  [size=large][/size][color=green][/color]