九宫格

最新推荐文章于 2025-09-13 09:50:31 发布

weixin_30341745

最新推荐文章于 2025-09-13 09:50:31 发布

阅读量47

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 java

原文链接：http://www.cnblogs.com/lmzjerk/p/6820689.html

本文介绍如何在Android应用中使用GridView展示一组图片。通过定义GridView布局并创建对应的item布局文件，利用SimpleAdapter填充数据，实现了图片网格的展示效果。

主页面，添加一个GridView

<GridView
    android:id="@+id/gridview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:horizontalSpacing="1dp"
    android:verticalSpacing="1dp"
    android:numColumns="3"
    android:gravity="center">
</GridView>

新建一个item

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
    android:id="@+id/image"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:scaleType="fitXY" />
</LinearLayout>

功能实现

package cn.edu.niit.nine;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;

public class MainActivity extends AppCompatActivity {

GridView gv;
//将图片Id放入数组中去
int []imageIds = new int[] {
        R.drawable.g1,R.drawable.g2, R.drawable.g3,
        R.drawable.g4,R.drawable.g5, R.drawable.g6,
        R.drawable.g7,R.drawable.g8, R.drawable.g9
};
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    list();
    //定义一个list来存放多个item元素
    ArrayList<Map<String, Object>> listItems = new ArrayList<Map<String,Object>>();
    for (int i = 0; i < imageIds.length; i++) {
        Map<String, Object> item = new HashMap<>();
        item.put("image", imageIds[i]);
        listItems.add(item);
    }
    //创建simpleAdapter来设置元素
    SimpleAdapter adapter = new SimpleAdapter(this, listItems, R.layout.item,
            new String[] {"image"}, new int[] {R.id.image});
    gv.setAdapter(adapter);

}

private void list() {
    gv = (GridView)findViewById(R.id.gridview);
}

}