常用Android开发组件之图像类组件

Android提供三种常用的图像类组件，分别是ImageView组件，Gallery组件和ImageSwitcher组件，其中，ImageView组件用来显示图像视图，Gallery组件用来显示画廊视图，而ImageSwitcher组件用来表示一个图像切换器。
ImageView组件：
ImageView也就是图像视图，用于在屏幕中显示任何的Drawable对象，通常用来显示图片。在Android中使用图片之前，通常要将要显示的图片放置在res/drawable目录中，然后应用下面的代码将其显示在布局管理器中

<ImageView  android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/calculator" />

Gallery组件
画廊视图使用Gallery表示，能够按水平方向显示内容，并且可用手指直接拖动图片移动，一般用来浏览图片，被选中的选项位于中间，并且可以响应显示信息。在使用画廊需要在XML布局文件中添加Gallery标签，也需要使用Adapter提供要显示的数据，通常使用BaseAdapter类为Gallery组件提供数据。

Step1，在XML布局文件中添加以下代码设置Gallery组件的id属性，未选择项的透明度：

<Gallery  android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/gall" android:spacing="5dp" android:unselectedAlpha="0.5" >

Step2，在主活动中定义一个用于保存要显示图片ID的数组：

<declare-styleable name="Gallery">        <attr name="android:galleryItemBackground"/>    </declare-styleable>

Step3，在onCreate方法中获取在布局文件中添加的画廊视图：

 Gallery gallery=(Gallery)findViewById(R.id.gall);

Step4，在string.xml文件中定义一个新的对象，该对象用于组合多个属性，这里定义了一个系统自带的属性– android:galleryItemBackground；用于设置各属性的背景：

BaseAdapter adapter=new BaseAdapter() {            @Override            public int getCount() {                return imageID.length;            }            @Override            public Object getItem(int position) {                return position;            }            @Override            public long getItemId(int position) {                return position;            }            @Override            public View getView(int position, View convertView, ViewGroup parent) {                ImageView imageView;//声明对象                if(convertView==null){                    imageView=new ImageView(MainActivity.this);//创建对象                    imageView.setScaleType(ImageView.ScaleType.FIT_XY);//设置缩放方式                    imageView.setLayoutParams(new Gallery.LayoutParams(180, 135));                    TypedArray typedArray=obtainStyledAttributes(R.styleable.Gallery);                    imageView.setBackgroundResource(typedArray.getResourceId(R.styleable.                            Gallery_android_galleryItemBackground,0));                    imageView.setPadding(5,0,5,0);                }else{                    imageView=(ImageView)convertView;                }                imageView.setImageResource(imageID[position]);                return imageView;            }        };

Step5，创建BaseAdapter类的对象，并重写其中的各方法。最重要的是重写getView()方法来设置显示图片的格式：

gallery.setAdapter(adapter);        gallery.setSelection(imageID.length / 2);        gallery.setOnItemClickListener(new AdapterView.OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {                Toast.makeText(MainActivity.this                ,"你选择了"+String.valueOf(position)+"张图片",Toast.LENGTH_SHORT).show();            }        });

ImageSwitcher组件
图像切换器使用ImageSwitcher表示，用于实现类似于图片查看器的上一张、下一张的功能。在使用ImageSwitcher前需要使用ViewSwitcher.ViewFactory接口，并通过makeView()方法来创建用于显示图片的ImageView。在使用ImageSwitcher组件时还需要使用setImageResource()方法来指定在中显示的图片资源。
Step1，在XML布局文件中添加标签ImageSwitcher，并设置图像切换器布局：

 <Button  android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="上一张" android:id="@+id/bt1" android:layout_gravity="center" />    <ImageSwitcher  android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:id="@+id/imgSw" >    </ImageSwitcher>    <Button  android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="下一张" android:id="@+id/bt2" android:layout_gravity="center"/></LinearLayout>

Step2，在主活动窗口中，初始化一个保存要显示图像ID的数组，然后声明一个当前显示图像索引的变量，最后再声明一个图像切换器的对象:

 private  int[] imgID=new int[]{R.drawable.android,R.drawable.bluetooth,R.drawable.browser,    R.drawable.bump,R.drawable.calculator,R.drawable.galaxy};    private  int index=0;    private ImageSwitcher imageSwitcher;

Step3，在主活动窗口的onCreate()方法中，首先获取布局文件中添加的图像切换器，并为其设置淡入淡出效果。再设置imageSwitcher.setFactory，重写makeView()，在里面设置图像显示的方式、大小等信息。最后设置初始默认显示的图片:

            imageSwitcher.setFactory(new ViewSwitcher.ViewFactory() {            @Override            public View makeView() {                ImageView imageView = new ImageView(MainActivity.this);                imageView.setAdjustViewBounds(true);                imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);                imageView.setLayoutParams(new ImageSwitcher.LayoutParams(240, 180));                return imageView;            }        });        imageSwitcher.setImageResource(imgID[index]);

Step4，获取用于控制显示图片动作的按钮，编写监听事件：

Button up=(Button)findViewById(R.id.bt1);        Button down=(Button)findViewById(R.id.bt2);        up.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                if(index>0){                    index--;                }else{                    index=imgID.length-1;                }                imageSwitcher.setImageResource(imgID[index]);            }        });        down.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                if(index<imgID.length-1){                    index++;                }else{                    index=0;                }                imageSwitcher.setImageResource(imgID[index]);            }        });

更多相关文章

随机推荐