AndroidUI組件之ImageSwitcher

標籤：android4.0   gridview   imageswitcher   

今天繼續AndroidUI組件的講解（寫部落格只是為了鞏固與繼續學習知識----工欲善其事，必先利其器！）

下面是主Activity的源碼，裡面附含知識點的講解，在前面的部落格裡已經說明，簡單的知識點我會以代碼注釋的形式講解，好了，不廢話了：

package com.gc.imageswitcherdemo;/* * 映像切換器（ImageSwitcher）的功能與用法 *  * 1、ImageSwitcher繼承了ViewSwitcher，因此它具有與ViewSwitcher相同的特徵 * ：可以在切換View組件時使用動畫效果。ImageSwitcher繼承了ViewSwitcher並重寫了 * ViewSwitcher的showNext()、showPrevious()方法，因此ImageSwitcher使用起來 * 更加簡單。 *2、 使用ImageSwitcher只要如下兩步即可。 * （1）為ImageSwitcher提供一個ViewFactory，該ViewFactory產生的View組件必須 * 是ImageView * （2）需要切換圖片時，只要調用ImageSwitcher的setImageDrawable（Drawable drawable） *      setImageResource(int resid)和setImageURI（Uri uri）方法更換圖片即可 * 3、ImageSwitcher與ImageView的功能有點相似，它們都可用於顯示圖片，區別在於ImageSwitcher * 的效果更炫，它可以指定圖片切換時的動畫效果。   *//****@author:Android將軍*/import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.View;import android.view.ViewGroup.LayoutParams;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.AdapterView.OnItemSelectedListener;import android.widget.GridView;import android.widget.ImageSwitcher;import android.widget.ImageView;import android.widget.SimpleAdapter;import android.widget.ViewSwitcher.ViewFactory;public class MainActivity extends Activity {int[] imageIds=new int[]{R.drawable.addresslist1,R.drawable.conference2,R.drawable.daiban3,R.drawable.email4,R.drawable.file5,R.drawable.infrom6,R.drawable.organization7,R.drawable.publicfile8,R.drawable.request9,R.drawable.sign10,R.drawable.task11,R.drawable.work12};private ImageSwitcher switcher;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//建立一個List對象，List對象的元素時MapList<Map<String,Object>> listItems=new ArrayList<Map<String,Object>>();for(int i=0;i<imageIds.length;i++){Map<String,Object> listItem=new HashMap<String, Object>();listItem.put("image",imageIds[i]);listItems.add(listItem);}//擷取顯示圖片的ImageSwitcherswitcher=(ImageSwitcher)findViewById(R.id.switcher);//為ImageSwitcher設定圖片切換的動畫效果switcher.setFactory(new ViewFactory() {@Overridepublic View makeView() {// 建立ImageView對象ImageView imageView=new ImageView(MainActivity.this);imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);imageView.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));return imageView;}});//建立一個SimpleAdapterSimpleAdapter simpleAdapter=new SimpleAdapter(this,listItems,R.layout.cell,new String[]{"image"},new int[]{R.id.image1});GridView grid=(GridView)findViewById(R.id.grid01);//為GridView設定Adaptergrid.setAdapter(simpleAdapter);//添加清單項目被選中的監聽器grid.setOnItemSelectedListener(new OnItemSelectedListener() {@Overridepublic void onItemSelected(AdapterView<?> parent, View view,int position, long id) {// TODO Auto-generated method stub//顯示當前被選中的圖片switcher.setImageResource(imageIds[position]);}@Overridepublic void onNothingSelected(AdapterView<?> parent) {// TODO Auto-generated method stub}});//添加清單項目被單擊的監聽器grid.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {//顯示當前被選中的圖片switcher.setImageResource(imageIds[position]);}});}}

下面來看一下

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:gravity="center_horizontal"     >     <!-- 定義一個GridView組件 -->     <GridView          android:id="@+id/grid01"         android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:horizontalSpacing="pt"         android:verticalSpacing="2pt"         android:numColumns="4"         android:gravity="center"         />   <!-- 定義一個ImageSwitcher組件，inAnimation與outAnimation是切換圖片時的動畫效果，這裡用的系統預設提供的一種動畫 -->   <ImageSwitcher        android:id="@+id/switcher"       android:layout_width="300dp"       android:layout_height="300dp"       android:layout_gravity="center_horizontal"       android:inAnimation="@android:anim/slide_in_left"       android:outAnimation="@android:anim/slide_out_right"       /></LinearLayout>

效果 ：

轉載請註明出處：http://blog.csdn.net/android_jiangjun/article/details/25594669