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 };

	@Override
	protected 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.创建自定义的Adapter
		MyAdapter adapter = new MyAdapter(this);

		// 2.设置Gallery的数据源，这样就可以使用Adapter来安排图片了。
		gal.setAdapter(adapter);

		// 3.设置Gallery组件 ItemSelected事件的Listener为galListener
		gal.setOnItemSelectedListener(galListener);
	}

	// 监听器部分，简单的设置图片来源，很easy。
	private Gallery.OnItemSelectedListener galListener = new Gallery.OnItemSelectedListener() {

		@Override
		public void onItemSelected(AdapterView<?> parent, View v, int position,
				long id) {
			imgShow.setImageResource(imageIds[position % imageIds.length]);

		}

		@Override
		public 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;
  	@Override
  	
  	protected 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(){
  
  			@Override
  			public 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;
  		}
  
  		@Override
  		public int getCount() {
  			// TODO Auto-generated method stub
  			return imageIds.length;
  		}
  
  		@Override
  		public Object getItem(int position) {
  			// TODO Auto-generated method stub
  			return null;
  		}
  
  		@Override
  		public long getItemId(int position) {
  			// TODO Auto-generated method stub
  			return 0;
  		}
  
  		@Override
  		public 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参数是用来指数组的下标，这算需要注意的吧。
• 
  
• 完事