zoukankan      html  css  js  c++  java
  • 画廊视图(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提供列表项。运行上面的程序,将可以看到如下效果:

  • 相关阅读:
    C#中KeyDown和KeyPress区别
    c#快捷键设置和text输入限制
    问题总结
    c#串口编程和单片机通信重大发现
    c#类似单片机的8bit或运算
    c#中将默认常量(32bit)转换为8bit
    我的秋季个人阅读计划
    学期总结
    阅读笔记《软件秘籍》03
    阅读笔记--09
  • 原文地址:https://www.cnblogs.com/wolipengbo/p/3381395.html
Copyright © 2011-2022 走看看