ImageView、Gallery以及GridView学习笔记

1.ImageView部分

ImagView在main.xml文件里和一般的TextView这些差不多，还是想提醒自己，有时候在xml文件里面设置布局时要记得 想想，Layout_height这种不能随便写，写成了"match_parent"的话下面的所有控件全部都会被遮住。犯过这种错误，有时候可以可以在Graphical Layout里面看看是否正确。

下面是xml部分

<ImageView         android:id="@+id/imgShow"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        />

ImageView的方法主要是imgShow.setImageResource(int Id);

一般在这里的int Id取自java代码中作为成员变量设置的Int[] imgId数组。

直接根据数组下标遍历图片。

根据对应的操作绑定监听器，在监听器里复写方法就是了。感觉没什么好说的。

2.Gallery

首先，虽然这个控件已经被取代了，但这里面的原理还是要能看懂。其次，HorizontalScrollView和ViewPager作为新事物肯定要掌握。

This class was deprecated in API level 16.
This widget is no longer supported. Other horizontally scrolling widgets include HorizontalScrollView and ViewPager from the support library

2.1 xml代码部分

<Gallery         android:id="@+id/Gallery01"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:padding="5sp"        android:spacing="-5sp"        />

也没什么区别

2.2 Java代码部分，着重看方法以及绑定的Adapter。

package com.Harris.galleryactivity;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.BaseAdapter;import android.widget.Gallery;import android.widget.ImageView;public class Gallery1Activity extends Activity {private ImageView imgShow;private static final int[] imageIds = { R.drawable.about, R.drawable.f001,R.drawable.f002, R.drawable.f003, R.drawable.f004, R.drawable.f005,R.drawable.f006, R.drawable.welcome };@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);imgShow = (ImageView) findViewById(R.id.imgShow);Gallery gal = (Gallery) findViewById(R.id.Gallery01);// 1.创建自定义的AdapterMyAdapter adapter = new MyAdapter(this);// 2.设置Gallery的数据源，这样就可以使用Adapter来安排图片了。gal.setAdapter(adapter);// 3.设置Gallery组件 ItemSelected事件的Listener为galListenergal.setOnItemSelectedListener(galListener);}// 监听器部分，简单的设置图片来源，很easy。private Gallery.OnItemSelectedListener galListener = new Gallery.OnItemSelectedListener() {@Overridepublic void onItemSelected(AdapterView<?> parent, View v, int position,long id) {imgShow.setImageResource(imageIds[position % imageIds.length]);}@Overridepublic void onNothingSelected(AdapterView<?> arg0) {// TODO Auto-generated method stub}};class MyAdapter extends BaseAdapter {private Context mContext;// 以下完全不知道在说什么。。。。。<img alt="委屈"// src="http://static.blog.csdn.net/xheditor/xheditor_emot/default/wronged.gif"// />// 创建MyAdapter的构造函数，在构造函数中以mContext=c初始化；参数"c"是Context类型的全局变量，在生成变量时传入的// 那个this就是它了，其实也就是项目执行的主程序Galleryactivity了。public MyAdapter(Context c) {mContext = c;}public int getCount() {return Integer.MAX_VALUE;// 设置图片数量为系统最大数// 由于Adapter是用来设置图片展示方式的，getCount方法就是用于设置展示的图片数量的，// 我试了下，这里写1的话最后就只显示一张图片，所以不进行复写不行啊。}public Object getItem(int arg0) {return null;// 这里用不上}public long getItemId(int arg0) {return 0;// 这里用不上}// 用一个getView方法获得图片，这里面对ImageView的source以及摆放方式进行设置// 这个getView的函数变量分别代表：// position：到第几张图片了// 创建一个ImageView对象，必须加入mContext参数，表示对象要创建在主程序类Galleryactivity里面<span// style="color:rgba(0, 0, 0, 0.682352941176471);">public View getView(int position, View contextView, ViewGroup parent) {ImageView iv = new ImageView(mContext);iv.setImageResource(imageIds[position % imageIds.length]);// 对当前位置取余，无限循环，好办法！// 下面两个就是设置图片居中、宽高等细节了。感觉不重要吧。iv.setScaleType(ImageView.ScaleType.FIT_CENTER);iv.setLayoutParams(new Gallery.LayoutParams(120, 80));return iv;}}}

总结下来，new一个Adapter extends BaseAdapter，复写相应的方法来规范Gallery的图片显示模式，调用Gallery的setAdapter方法就可以用这个Adapter了。重点在于Adapter的创建过程需要注意一些参数，一些方法的返回值意义。

然后就是绑定监听器，相应用户的操作，无非是OnItemSelectedListener和OnClickListener这些老生常谈的东西了。下面这些也是：

View.OnDragListener

View.OnFocusChangeListener

View.OnKeyListener

View.OnLongClickListener

开始慢慢明白，这些Listener都是在View这个所有类的老祖宗里面事先定义(未实现)的接口，个人理解为：接口提供对于用户动作(Click,ItemSelected，drag等)的监听，有时候也会作为一个参数(position等)传进来，然后在实现这个接口的时候可以随便写里面的实现方法。所以貌似所有的控件都是可以相应用户操作的。今后想写一篇关于这些Listener接口的总结，面向对象又进了一步，好激动。扯远了貌似。。。。。

3.GridView部分

3.1 xml代码

<GridView         android:id="@+id/GridView01"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:padding="20sp"        android:horizontalSpacing="6sp"        android:verticalSpacing="6sp"        ></GridView>    <ImageView         android:id="@+id/imgShow"        android:layout_width="match_parent"        android:layout_height="200sp"        />

xml代码依旧简单，注意单位用sp。

3.2 Java代码

package com.Harris.gridviewactivity;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.BaseAdapter;import android.widget.GridView;import android.widget.ImageView;public class GridViewActivity extends Activity {private final int[] imageIds = {R.drawable.f001,R.drawable.f002,R.drawable.f003,R.drawable.f004,R.drawable.f005,R.drawable.f006,};private ImageView imgShow;private GridView gridView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);imgShow = (ImageView) findViewById(R.id.imgShow);gridView = (GridView) findViewById(R.id.GridView01);MyAdapter adapter = new MyAdapter(this);gridView.setAdapter(adapter);gridView.setOnItemClickListener(new OnItemClickListener(){@Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {imgShow.setImageResource(imageIds[position]);}});}class MyAdapter extends BaseAdapter{private Context mContext;public MyAdapter(Context c) {mContext = c;}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn imageIds.length;}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn null;}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn 0;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ImageView iv = new ImageView(mContext);iv.setImageResource(imageIds[position]);iv.setScaleType(ImageView.ScaleType.FIT_CENTER);iv.setLayoutParams(new GridView.LayoutParams(80,60));return iv;}}}

看起来好像和Gallery没什么区别？

都是用一个继承自BaseAdapter的Adapter来控制图片展示方式

监听器都是OnItemSelectedListener这个接口的方法复写。。

注意getView()里面的position参数是用来指数组的下标，这算需要注意的吧。

完事