画廊视图(Gallery)的功能和用法

      Gallery与Spinner组件有共同的父类:AbsSpinner,表明Gallery和Spinner是同一个列表框。它们之间的区别是Spinner显示的垂直的列表选择框,而Gallery显示的是一个水平的列表选择框。Gallery和Spinner还有一个区别:Spinner的作用是供用户选择,而Gallery则允许用户通过拖动来查看上一个、下一个列表项。

     Gallery本身的用法非常简单——基本上与Spinner的用法相似,只要为它提供一个内容Adapter即可,该Adapter的getView方法所返回的View将作为Gallery列表的列表项。如果程序要监控到Gallery列表项的改变,通过为Gallery添加OnItemSelectedListener监听器即可实现。

     实例:“幻灯片”式图片查看器

     本实例也是带预览的图片浏览器,但本实例的界面更加友好,因为本实例采用Gallery作为图片预览器,Gallery会生成一个“水平列表”,每个列表项就是一张图片预览,而且Gallery生成的“水平列表”可以让用户通过拖动来切换列表项。

     下面是本实例的界面布局文件。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
   >
<!-- 定义一个ImageView组件 -->
<ImageView android:id="@+id/imageView"
    android:layout_width="320dp"
    android:layout_height="320dp"
android:layout_gravity="center"
/> <!-- 定义一个Gallery组件 --> <Gallery android:id="@+id/gallery" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="25dp" android:unselectedAlpha="0.6" android:spacing="2pt"/> </LinearLayout>

上面的布局文件非常简单,仅仅定义了两个组件:ImageView和Gallery组件。接下来的主程序很简单:为Gallery传入一个Adapter对象,这样Gallery即可正常工作。

为了让ImageView可显示Gallery中选中的图片,为Gallery绑定OnItemSelectedListener监听器即可。程序代码如下:

package org.crazyit.helloworld;

import android.os.Bundle;
import android.app.Activity;
import android.content.res.TypedArray;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.*;
import android.widget.AdapterView.OnItemSelectedListener;

public class GalleryTest extends Activity {
       int[] imageIds=new int[]{
               R.drawable.shuangzi,
               R.drawable.shuangyu,
               R.drawable.chunv,
               R.drawable.tiancheng,
               R.drawable.tianxie,
               R.drawable.sheshou,
               R.drawable.juxie,
               R.drawable.shuiping,
               R.drawable.shizi,
               R.drawable.baiyang,
               R.drawable.jinniu,
               R.drawable.mojie
       };
       
       @SuppressWarnings("deprecation")
         Gallery gallery;
      ImageView imageView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.gallery_test);
        gallery=(Gallery)findViewById(R.id.gallery);
        //获取显示图片的ImageView对象
        imageView=(ImageView)findViewById(R.id.imageView);
        //创建一个BaseAdapter对象,该对象负责提供Gallery所显示的列表项
        BaseAdapter adapter=new BaseAdapter()
        {

            @Override
            public int getCount() {
                // TODO Auto-generated method stub
                return imageIds.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;
            }

            @SuppressWarnings("deprecation")
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                // TODO Auto-generated method stub
                //创建一个ImageView
                ImageView imageView=new ImageView(GalleryTest.this);
                imageView.setImageResource(imageIds[position]);
                //设置ImageView的缩放类型
                imageView.setScaleType(ImageView.ScaleType.FIT_XY);
                //为imageView设置布局参数
                imageView.setLayoutParams(new Gallery.LayoutParams( 175,
                        275));
                //设置背景风格。Gallery背景风格定义在attrs.xml中  
                TypedArray typedArray=obtainStyledAttributes(R.styleable.Gallery);
                imageView.setBackgroundResource(typedArray.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 1));
        
                return imageView;
            }
        };
        gallery.setAdapter(adapter);
        gallery.setOnItemSelectedListener(new OnItemSelectedListener(){
            //当Gallery选中项发生改变时触发该方法
            @Override
            public void onItemSelected(AdapterView<?> parent, View view,
                    int position, long id) {
                // TODO Auto-generated method stub
                imageView.setImageResource(imageIds[position]);
            }

            @Override
            public void onNothingSelected(AdapterView<?> arg0) {
                // TODO Auto-generated method stub
                
            }
            
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.gallery_test, menu);
        return true;
    }

}

上面代码中使用了R.styleable.Gallery资源,该资源是/res/values/attrs.xml文件,其布局文件如下:

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

上面的程序中粗体字代码创建了一个BaseAdapter对象,该Adapter将负责为Gallery提供列表项。运行上面的程序,将可以看到如下效果:

posted @ 2013-10-21 21:22  TealerProg  Views(1366)  Comments(0Edit  收藏  举报