Android系列教程之九:GridView组件的使用
16lz
2021-01-23
写道 GridView是一个网络布局的视图,他能让你的元素显示在一个个的格子里。我们的桌面就是一个GridView。。
Android系列教程目录:
-
Android教程之一:Window下搭建Android开发环境
-
Android教程之二:Linux下搭建Android开发环境
-
Android教程之三:第一个Android应用,HelloWorld
-
Android系列教程之四:Android项目的目录结构
-
Android系列教程之五:Activity的生命周期
-
Android系列教程之六:TextView小组件的使用--附带超链接和跑马灯效果
-
Android系列教程之七:EditText使用详解-包含很多教程上看不到的功能演示
-
Android系列教程之八:ListView组件的使用
本文版权归飞雪无情 所有,转载请注明出处, 永久链接: http://flysnow.iteye.com/blog/890171
我新建了一个Android的技术交流群,群号为86686524 120059404 ,感兴趣的可以申请加入,大家一块学习。
- 新建一个HelloGridView的工程
- 修改main.xml代码如下:
<?xml version="1.0" encoding="utf-8"?><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:columnWidth="90dp" android:numColumns="auto_fit" android:horizontalSpacing="10dp" android:verticalSpacing="10dp" android:stretchMode="columnWidth" android:gravity="center"></GridView>
很简单,就是一个GridView。设置列宽为90dp,这样当我们的numColumns设置为auto_fit时,Android就会自动计算我们手机屏幕的大小以决定每一行展示几个元素。这是很方便。android:horizontalSpacing定义列之间的间隔,android:verticalSpacing定义行之间的间隔。android:stretchMode设置为columnWidth是意味着根据列宽自动缩放。 - 修改我们Activity HelloGridView如下:
/** * * @author 飞雪无情 * @since 2011-1-20 */public class HelloGridView extends Activity { /** Called when the activity is first created. */@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);GridView gridView=(GridView)findViewById(R.id.gridview);gridView.setAdapter(new ImageAdapter(this));//单击GridView元素的响应gridView.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {//弹出单击的GridView元素的位置Toast.makeText(HelloGridView.this,mThumbIds[position], Toast.LENGTH_SHORT).show();}});}private class ImageAdapter extends BaseAdapter{private Context mContext;public ImageAdapter(Context context) {this.mContext=context;}@Overridepublic int getCount() {return mThumbIds.length;}@Overridepublic Object getItem(int position) {return mThumbIds[position];}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn 0;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {//定义一个ImageView,显示在GridView里ImageView imageView;if(convertView==null){imageView=new ImageView(mContext);imageView.setLayoutParams(new GridView.LayoutParams(85, 85));imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setPadding(8, 8, 8, 8);}else{imageView = (ImageView) convertView;}imageView.setImageResource(mThumbIds[position]);return imageView;}}//展示图片private Integer[] mThumbIds = { R.drawable.sample_2, R.drawable.sample_3, R.drawable.sample_4, R.drawable.sample_5, R.drawable.sample_6, R.drawable.sample_7, R.drawable.sample_0, R.drawable.sample_1, R.drawable.sample_2, R.drawable.sample_3, R.drawable.sample_4, R.drawable.sample_5, R.drawable.sample_6, R.drawable.sample_7, R.drawable.sample_0, R.drawable.sample_1, R.drawable.sample_2, R.drawable.sample_3, R.drawable.sample_4, R.drawable.sample_5, R.drawable.sample_6, R.drawable.sample_7 };}
这里我们也是采用的自定义Adapter,可以上一节的自定义Adapter讲解。展示了一些图片,然后点击一个图片的时候会显示这个图片所在的位置。 - 运行程序,效果图如下:
更多相关文章
- [Android jni开发系列(四)]利用jni开发生成Android串口开发的so
- android典型代码系列(五)------deviceadmin步骤
- android开源系列:CircleImageView自定义圆形控件的使用
- android典型代码系列(二)------sqlite数据库操作高级
- android - Room的使用教程
- Android 开发系列6 安装Cordova及示例程序
- Android官方开发文档Training系列课程中文版:如何避免ANR?
- Android 2.2 r1 API 中文文档系列(11) ―― RadioButton
- android 共享元素