Android圖片輪播，

Android圖片輪播，

Android在國內這般火，這就試試水。。。不多說，直接上實踐結果，根據前輩經驗，首先看：AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.joyce"    android:versionCode="1"    android:versionName="1.0" >    <uses-sdk        android:minSdkVersion="14"        android:targetSdkVersion="16" />        <application        android:allowBackup="true"        android:icon="@drawable/ic_program"        android:label="@string/app_name"        android:theme="@style/AppTheme" >        <activity            android:name=".MainActivity"            android:label="@string/app_name" >            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application></manifest>

當我們看一個App時，只有先看這個檔案才能知道程式是從哪個activity啟動！！上面的設定檔已經說明程式是從MainActivity啟動，所以接著來看其對應的activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="fill_parent"    android:layout_height="fill_parent" >        <android.support.v4.view.ViewPager         android:id="@+id/viewpager"        android:layout_width="fill_parent"        android:layout_height="fill_parent"/>        <LinearLayout         android:id="@+id/ll"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:layout_centerHorizontal="true"        android:layout_marginBottom="20dip"        android:orientation="horizontal">                <ImageView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"            android:clickable="true"            android:padding="15dip"            android:src="@drawable/point"            android:contentDescription="@string/pic_title"/>                <ImageView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"            android:clickable="true"            android:padding="15dip"            android:src="@drawable/point"            android:contentDescription="@string/pic_title"/>                <ImageView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"            android:clickable="true"            android:padding="15dip"            android:src="@drawable/point"            android:contentDescription="@string/pic_title"/>                <ImageView             android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center_vertical"            android:clickable="true"            android:padding="15dip"            android:src="@drawable/point"            android:contentDescription="@string/pic_title"/>    </LinearLayout>        </RelativeLayout>

app程式介面的設計基本上就是這樣子的寫法啦，其實還是蠻簡單的，當然也有可能是Demo程式本身就簡單。Ok，上關鍵執行代碼：

package com.joyce;import java.util.List;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.view.View;public class ViewPagerAdapter extends PagerAdapter {//介面列表private List<View> views;public ViewPagerAdapter(List<View> views) {this.views = views;}/* * 擷取介面數 * (non-Javadoc) * @see android.support.v4.view.PagerAdapter#getCount() */@Overridepublic int getCount() {return views == null ? 0 : views.size();}/* * 判斷是否由對象產生介面 * (non-Javadoc) * @see android.support.v4.view.PagerAdapter#isViewFromObject(android.view.View, java.lang.Object) */@Overridepublic boolean isViewFromObject(View v, Object o) {return v == o;}/* * 初始化position位置的介面 * (non-Javadoc) * @see android.support.v4.view.PagerAdapter#instantiateItem(android.view.View, int) */@Overridepublic Object instantiateItem(View view, int position) {ViewPager viewpage = (ViewPager) view;viewpage.addView(views.get(position), 0);return views.get(position);}/* * 銷毀position位置的介面 * (non-Javadoc) * @see android.support.v4.view.PagerAdapter#destroyItem(android.view.View, int, java.lang.Object) */@Overridepublic void destroyItem(View view, int position, Object object) {((ViewPager)view).removeView(views.get(position));}}

接著看Activity對應的Java檔案類

package com.joyce;import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.app.AlertDialog.Builder;import android.os.Bundle;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.view.View.OnClickListener;import android.widget.ImageView;import android.widget.ImageView.ScaleType;import android.widget.LinearLayout;import android.widget.LinearLayout.LayoutParams;public class MainActivity extends Activity {//定義ViewPager對象      private ViewPager viewPager;         //定義ViewPager適配器      private ViewPagerAdapter vpAdapter;        //定義一個ArrayList來存放View      private List<View> views;        //引導圖片資源      private static final int[] pics = {R.drawable.pic1,R.drawable.pic2,R.drawable.pic3,R.drawable.pic4};        //底部小點的圖片      private ImageView[] points;        //記錄當前選中位置      private int currentIndex;        @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);                initView();        initData();    }        /**     * 初始化組件     */    private void initView(){    // 執行個體化對象    views = new ArrayList<View>();    viewPager = (ViewPager) this.findViewById(R.id.viewpager);    vpAdapter = new ViewPagerAdapter(views);    }        /**     * 初始化資料     */    private void initData(){    LayoutParams mParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);        for (int i = 0; i < pics.length; i++) {ImageView iv = new ImageView(this);iv.setScaleType(ScaleType.FIT_XY);iv.setLayoutParams(mParams);iv.setImageResource(pics[i]);views.add(iv);}        // 設定資料    viewPager.setAdapter(vpAdapter);        viewPager.setOnPageChangeListener(new OnPageChangeListener() {    /**     * 當新的頁面被選中時調用     * (non-Javadoc)     * @see android.support.v4.view.ViewPager.OnPageChangeListener#onPageSelected(int)     */@Overridepublic void onPageSelected(int position) {//設定底部小點選中狀態          setCurDot(position); }/**      * 噹噹前頁面被滑動時調用      */@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {}/**      * 當滑動狀態改變時調用      */@Overridepublic void onPageScrollStateChanged(int arg0) {}});        initPoint();    }        /**     * 初始化底部小點     */    private void initPoint(){    LinearLayout linearLayout = (LinearLayout) this.findViewById(R.id.ll);        points = new ImageView[pics.length];    //迴圈取得小點圖片    for (int i = 0; i < pics.length; i++) {    //得到一個LinearLayout下面的每一個子項目              points[i] = (ImageView) linearLayout.getChildAt(i);              //預設都設為灰色              points[i].setEnabled(true);              //給每個小點設定監聽              points[i].setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) { int position = (Integer)v.getTag();           setCurView(position);           setCurDot(position);}});              //設定位置tag，方便取出與當前位置對應              points[i].setTag(i);}        //設定當面預設的位置          currentIndex = 0;          //設定為白色，即選中狀態          points[currentIndex].setEnabled(false);    }        /**      * 設定當前頁面的位置      */      private void setCurView(int position){           if (position < 0 || position >= pics.length) {               return;           }           viewPager.setCurrentItem(position);       }         /**      * 設定當前的小點的位置      */      private void setCurDot(int positon){           if (positon < 0 || positon > pics.length - 1 || currentIndex == positon) {               return;           }           points[positon].setEnabled(false);           points[currentIndex].setEnabled(true);             currentIndex = positon;       }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.main, menu);        return true;    }        /**     * 當菜單被選擇點擊時觸發事件     */    @Override    public boolean onOptionsItemSelected(MenuItem item) {        int id = item.getItemId();        switch (id) {case R.id.about_we:new Builder(this).setTitle(R.string.about_we).setMessage("我的第一個Android程式，By Joyce！").setPositiveButton("確定", null).show();break;default:// 沒有自訂處理的事件，交給父類處理return super.onOptionsItemSelected(item);}        //返回true表示處理完功能表項目的事件，不需要將該事件繼續傳播下去了        return true;    }}

得了，就說這麼多吧，其實編碼語言之間思想基本上是類似的，只有發時間，你就會越發精通！