GridView布局(九宫格布局)

来源:互联网 发布:天界法宝升阶数据 编辑:程序博客网 时间:2024/04/30 23:26


//安卓开发所需要的GridView布局(九宫格布局)完美使用

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

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

images=new int[]{R.drawable.p8, R.drawable.p2,
                R.drawable.p3, R.drawable.p4, 
                R.drawable.p5,R.drawable.p6, 
                R.drawable.p7,R.drawable.p8};
        texts = new String[]{ "宫式布局1", "宫式布局2",
                "宫式布局3", "宫式布局4", 
                "宫式布局5", "宫式布局6",
                "宫式布局7", "宫式布局8"};
        GridView gridview = (GridView) findViewById(R.id.gridview);
        ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();
        for (int i = 0; i < 8; 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, 0).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;
            case R.drawable.p3:
                startActivity(new Intent(MainActivity.this, TestActivity3.class));
                finish();
                break;
            }
            
        }
    }

}

//activity_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="fill_parent"
    android:numColumns="auto_fit"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:columnWidth="90dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
/>

//item_grid.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="fill_parent">
    <ImageView android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        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>

1 0