首页 > 代码库 > 从零开始学android<GridView网格视图.二十八.>
从零开始学android<GridView网格视图.二十八.>
GridView组件是以网格的形式显示所有的组件,例如:在制作相册的时候,所有的图片都会以相同大小显示在不同的格子之中,就可以依靠此组件完成,此组件的继承结构如下所示:
java.lang.Object
? android.view.View
? android.view.ViewGroup
? android.widget.AdapterView<T extends android.widget.Adapter>
? android.widget.AbsListView
? android.widget.GridView
常用的方法
1 | public GridView(Context context) | 构造 |
| 创建GridView对象 |
2 | public void setStretchMode(int stretchMode) | 普通 | android:stretchMode | 缩放模式 |
3 | public void setVerticalSpacing(int verticalSpacing) | 普通 | android:verticalSpacing | 设置垂直间距 |
4 | public void setHorizontalSpacing(int horizontalSpacing) | 普通 | android:horizontalSpacing | 设置水平间距 |
5 | public void setNumColumns(int numColumns) | 普通 | android:numColumns | 设置每列显示的数据量,如果设置为auto_fit则表示自动设置 |
6 | public void setSelection(int position) | 普通 |
| 设置默认选中项 |
7 | public void setGravity(int gravity) | 普通 | android:gravity | 设置对齐模式,由Gravity类指定 |
8 | public void setAdapter(ListAdapter adapter) | 普通 |
| 设置显示图片集 |
当然要想使用GridView还是必须要使用到Adapter数据集类配置图片数据
大家可以使用SimpleAdapter 和BaseAdapter来配置adapter
今天我使用BaseAdapter来配置Adapter数据
XML文件
<span style="font-size:18px;"><RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <GridView android:id="@+id/gridview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:stretchMode="columnWidth" android:numColumns="4" /> </RelativeLayout> </span>
JAVA文件
<span style="font-size:18px;">package com.example.gridview; import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; import android.content.DialogInterface.OnClickListener; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.view.ViewGroup.LayoutParams; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.ImageView; public class MainActivity extends Activity { private GridView gridView;// 初始化GridView private int images[] = { R.drawable.a1, R.drawable.a2, R.drawable.a3, R.drawable.a4, R.drawable.a5, R.drawable.a6, R.drawable.a7, R.drawable.a8, R.drawable.a9, R.drawable.a10, R.drawable.a11, R.drawable.a12, R.drawable.a13, R.drawable.a14, R.drawable.a15, R.drawable.a16 };// 图片数据 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 获得GridView对象 gridView = (GridView) this.findViewById(R.id.gridview); // 设置Adpter gridView.setAdapter(new MyAdapter()); // 设置监听事件 gridView.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> adapterView, View view, int position, long id) { // TODO Auto-generated method stub // 为dialog设置view空间 ImageView image = new ImageView(MainActivity.this); // 设置图片信息 image.setImageResource(images[position]); // 设置图片的额对齐方式 image.setScaleType(ImageView.ScaleType.CENTER); // 设置图片的大小 image.setLayoutParams(new LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); // 创建对话框 AlertDialog.Builder builder = new AlertDialog.Builder( MainActivity.this) .setTitle("查看图片") .setView(image) .setIcon(android.R.drawable.btn_star_big_on) .setNegativeButton("关闭", new OnClickListener() { @Override public void onClick(DialogInterface arg0, int arg1) { // TODO Auto-generated method stub } }); //创建对话框 builder.create(); //显示对话框 builder.show(); } }); } class MyAdapter extends BaseAdapter { @Override public int getCount() { // TODO Auto-generated method stub return images.length; } @Override public Object getItem(int position) { // TODO Auto-generated method stub return position; } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public View getView(int position, View myView, ViewGroup parent) { // TODO Auto-generated method stub // 返回imageView对象 ImageView imageView = new ImageView(MainActivity.this); imageView.setImageResource(images[position]); imageView.setScaleType(ImageView.ScaleType.CENTER); return imageView; } } } </span>
通过GridView组件可以实现多彩菜单效果
下节预报:
TabHost标签组件
从零开始学android<GridView网格视图.二十八.>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。