Android学习笔记（五）常用控件下

一、废话

　　今天是冬至，两年前肯定会和兄弟一起去吃饺子，虽然是四川人，但是入乡随俗！可是现在在四川，所以没有那个机会，晚饭时候找了个小面馆儿要了一碗蒸饺，算是过了个冬至吧。

二、正文

　　1、  Gallery

　　　　a)   Gallery是个啥?

　　　　　　Gallery组件主要是用于横向显示图片列表，就如我们的画廊一样。按照常规的做法，该组件是不能循环的。也就是说，你从第一张浏览到最后一张图片后，如果想再看第一张，你就必须返回去。

　　　　　　来个图，看看我们需要做出来的效果。

　　　　b)   传统做法

　　　　　　i.   不管是传统做法还是稍微有所改进的做法，都是需要继承BaseAdapter，并实现其中的抽象方法的。

　　　　　　ii.   Gallery组件的常规使用步骤

• • • 资源文件，复制进res/drawable文件夹中
    • 定义Gallery 组件的背景样式文件
    • 定义含有Gallery组件和ImageSwitcher组件的main.xml文件
    • 继承BaseAdapter类，并实现其中的方法
    • 为Gallery组件绑定Adapter
    • 实现Gallery组件的onItemSelected方法，为ImageSwitcher组件设置其图片源
    • 填充ImageSwitcher中的ImageView控件

　　　　　　iii.   来看看具体的实现吧

　　背景样式文件res/values/attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="Gallery">
        <attr name="android:galleryItemBackground" />
    </declare-styleable>
</resources>

　　main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <Gallery 
android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:spacing="10dip" 
        android:unselectedAlpha="1.5"
        android:id="@+id/main_gallery"
        android:layout_marginTop="30dp"/>
    <ImageSwitcher 
android:id="@+id/imageSwitcher"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp" />
</LinearLayout>

　　继承BaseAdapter类，全部都有注释，就不多解释了

    //重载BaseAdapter类，定义我们自己的ImageAdapter·类
    public class MyImageAdapter extends BaseAdapter
    {
        private Context _context=null;
        private int _mGalleryItemBackground;
        public MyImageAdapter(Context context)
        {
            this._context=context;
              TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery);
              _mGalleryItemBackground = typedArray.getResourceId(
                        R.styleable.Gallery_android_galleryItemBackground, 0);
        }
        //返回传入的图片ID数组的长度，也就是图片的总数。既然是数组，那么一定要注意越界问题。
        @Override
        public int getCount() {
        // TODO Auto-generated method stub
　　　　 //return Integer.MAX_VALUE;
            return imageIDArray.length;
        }
        // 返回position所对应的图片对象
        @Override
        public Object getItem(int position) {
        // TODO Auto-generated method stub
            return imageIDArray[position];
        }
        // 取得列表中与指定位置的行关联的ID.
        @Override
        public long getItemId(int position) {
        // TODO Auto-generated method stub
            return position;
        }
        // 这个是在实现BaseAdapter最重要的一个类
33　　　　  // 取得用于显示数据集中指定位置数据的视图。你可以创建一个视图或者通过XML文件来定义视图
　　　　 // 当视图填充自布局文件时，除非通过 inflate(int, android.view.ViewGroup, boolean) 方法指定了根视图，
　　　　 // 并防止其附着于根视图，否则父视图（GridView、ListView等）会使用默认参数进行布局
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            ImageView iv = new ImageView(_context);
            // 设置ImageView控件的图片源
            iv.setImageResource(imageIDArray[position]);
            //iv.setImageResource(imageIDArray[position%imageIDArray.length]);
            // 设置图片的缩放方式
            iv.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
            // 将图片缩放
            iv.setLayoutParams(new Gallery.LayoutParams(100, 100));
            iv.setBackgroundResource(_mGalleryItemBackground);
            return iv;
        }
        
    }

　　为Gallery组件绑定Adapter(注意，如果要为ImageSwitcher控件生成视图，就需要调用它的setFactory方法，而这个方法的参数来自ViewFactory，所以让我们的Activity实现ViewFactory接口。

        main_Gallery =(Gallery)findViewById(R.id.main_gallery);
        imageSwitcher =(ImageSwitcher)findViewById(R.id.imageSwitcher);
        //用于生成视图，由于Android_GalleryActivity实现了ViewFactory接口，因此this其实就是一个ViewFactory。
        imageSwitcher.setFactory(this);
        //为了增加显示的效果，我们设置一个淡入的载入效果，关于Android
　　　　 //的开发工具为我们提供了几组默认的Animation效果，具体的可以参见帮助文档
        imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));
        imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));
        
        //MyImageAdapter myIamgeAdapter = new MyImageAdapter(Android_GalleryActivity.this);
        MyImageAdapter myIamgeAdapter = new MyImageAdapter(this);
        main_Gallery.setAdapter(myIamgeAdapter);

　　实现onItemSelected方法，为ImageSwitcher组件设置其图片源

        main_Gallery.setOnItemSelectedListener(new OnItemSelectedListener() {

            @Override
            public void onItemSelected(AdapterView<?> arg0, View arg1,
                    int arg2, long arg3) {
                
                //arg2%imageIDArray.length 目的是为了让图片能够循环
                imageSwitcher.setImageResource(imageIDArray[arg2%imageIDArray.length]);
            }

　　填充ImageSwitcher中的ImageView控件，makeView()方法来自ViewFactory接口。用于返回视图填充ImageSwitcher控件。

 　　　　//返回一个视图，这个视图用来填充imageSwitcher
    @Override
    public View makeView() {
        // 创建一个ImageView用来装载需要显示的图片
        ImageView imageView = new ImageView(this);
        // 设置背景色
        imageView.setBackgroundColor(0xFF000000);
        // 设置图片显示的缩放方式
        imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
        // 设置显示的图片对相对容器的填充方式
        imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
                LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
        return imageView;
    }

　　　　c)   稍微改进下

　　　　　　在实现的BaseAdapter中有一个getCount()方法，该方法返回的是我们的图片数组的长度，在Gallery控件显示图片的时候，会同时返回一个数与这个长度进行对比，一旦这个数字大于图片数组长度，那么Gallery控件就会拒绝往前滑动。这也是为什么Gallery图片不能循环的原因。所以要实现循环，首先必须就要让getCount()方法返回的数字永远不小于传入的值。可以使用一个Integer.MAX_VALUE来取得一个很大值，来实现一个伪循环。

　　　　　　循环的第一步是实现了，但是我们怎么给ImageSwitcher组件传入图片呢?我们可以使用取余(%)的方法来实现循环操作。

        //返回传入的图片ID数组的长度，也就是图片的总数。既然是数组，那么一定要注意越界问题。
        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return Integer.MAX_VALUE;
        }　　　　　　

//循环使用取余方法来实现
iv.setImageResource(imageIDArray[position%imageIDArray.length]);

　　2、GridView

　　　  GridView和Gallery控件的使用方式很相似，所以在此也不再过多废话了，例子可以在帮助文档或者在官方在线文档上找到。

三、总结

　　Gallery、GridView两个控件作为图片列表展示时最常使用的控件，同时，这两个控件一般情况下又与ImageSwitcher控件结合使用，所以学习Gallery、GridView控件时，需要了解ImageSwitcher以及BaseAdapter类的一些相关知识。更详细的信息，可以在帮助文档中看到，包括BaseAdapter类中最重要的getView（）的使用方法。

源码下载