Android 控件GridView的使用

java测试代码:

package com.example.gridview;

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

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.os.Bundle;
import android.view.Display;
import android.view.Menu;
import android.view.MenuItem;
import android.view.MotionEvent;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {

	private ArrayList<HashMap<String, Object>> data;
	private String[] iconName = { "通讯录", "日历", "照相机", "时钟", "游戏", "短信", "铃声", "设置", "语音", "天气", "浏览器", "视频" };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		data = new ArrayList<HashMap<String, Object>>();
		for (int i = 0; i < iconName.length; i++) {

			HashMap<String, Object> map = new HashMap<String, Object>();
			map.put("image", R.drawable.ic_launcher);
			map.put("icon", iconName[i]);

			data.add(map);
		}
		GridView mGridView = (GridView) findViewById(R.id.gridview);
		
		String[] from = { "image", "icon" };

		int[] resource = { R.id.image, R.id.text };
		mGridView.setAdapter(new SimpleAdapter(this, data, R.layout.item, from, resource));

	}

}

需要的activity_main.xml:


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.gridview.MainActivity" >

    <!-- numColumns列数设置为自动 
    	columnWidth每列的宽度,也就是Item的宽度
    	stretchMode缩放与列宽大小同步
    -->

    <GridView
        android:id="@+id/gridview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnWidth="80dp"
        android:numColumns="auto_fit"
        android:stretchMode="columnWidth" >
    </GridView>

</LinearLayout>

需要的item.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp"
    android:gravity="center"
    tools:context="com.example.gridview.MainActivity" >

  <ImageView 
      android:id="@+id/image"
      android:layout_width="60dp"
      android:layout_height="60dp"
      android:src="@drawable/ic_launcher"/>
  
  <TextView 
      android:id="@+id/text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginTop="5dp"
      android:text="文字"/>

</LinearLayout>


GridViewAndroid常用的布局控件之一,用于在屏幕上展示多行多列的数据,类似于网格的形式。下面是GridView使用方法: 1. 在布局文件添加GridView控件 ```xml <GridView android:id="@+id/grid_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:numColumns="3" android:verticalSpacing="10dp" android:horizontalSpacing="10dp" android:padding="10dp" android:columnWidth="100dp" /> ``` 其`numColumns`属性表示每行显示的列数,`verticalSpacing`和`horizontalSpacing`属性表示网格之间的垂直和水平间距,`padding`属性表示GridView的内边距,`columnWidth`属性表示每个网格的宽度。 2. 创建适配器Adapter GridView需要一个适配器来提供数据,可以使用ArrayAdapter或BaseAdapter。这里以BaseAdapter为例: ```java public class MyAdapter extends BaseAdapter { private Context mContext; private List<String> mData; public MyAdapter(Context context, List<String> data) { this.mContext = context; this.mData = data; } @Override public int getCount() { return mData.size(); } @Override public Object getItem(int position) { return mData.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { convertView = LayoutInflater.from(mContext).inflate(R.layout.grid_item, null); holder = new ViewHolder(); holder.textView = convertView.findViewById(R.id.text_view); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } holder.textView.setText(mData.get(position)); return convertView; } static class ViewHolder { TextView textView; } } ``` 适配器重写了BaseAdapter的四个方法,其`getView()`方法用于设置每个网格的内容。 3. 设置适配器Adapter 在Activity或Fragment设置适配器: ```java GridView gridView = findViewById(R.id.grid_view); List<String> data = new ArrayList<>(); data.add("Item 1"); data.add("Item 2"); data.add("Item 3"); data.add("Item 4"); MyAdapter adapter = new MyAdapter(this, data); gridView.setAdapter(adapter); ``` 运行程序即可看到GridView展示了四个网格,每个网格显示了对应的文本。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值