作一個上下翻頁圖片的功能day1.2

一、在res/layout佈局該功能的界面
//該界面有2個按鈕 上頁按鈕 和下頁按鈕 在容器的底部中間
//按鈕上面是 一個ImageView 放圖片的 控件

佈局界面的代碼

<RelativeLayout 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:background="#808080" >

    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="請欣賞"
        android:textColor="#99cc33"
        android:textSize="30sp"
        />
    <ImageView
            android:id="@+id/image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/textview"
            android:layout_alignParentLeft="true"
            android:scaleType="centerCrop"  
        />
    <LinearLayout
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:orientation="horizontal"
       android:layout_alignParentBottom="true"
       android:layout_centerInParent="true"
        >
        <Button
        android:id="@+id/b_page_up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="30dp"
        android:text="上一頁"
        android:textColor="#d26911"
        android:textSize="25sp"
        />
         <Button
        android:id="@+id/b_page_down"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
  
        android:text="下一頁"
        android:textColor="#d26911"
        android:textSize="25sp"
        />
     
    </LinearLayout>
      
      

</RelativeLayout>

-----------------------------------------
二、在res/values 裏建一個 imagearray.xml文件
//用一個數組把圖片 裝起來

代碼

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <array name="pictrues">
        <item >@drawable/1</item>
        <item >@drawable/2</item>
        <item >@drawable/3</item>
        <item >@drawable/4</item>
        <item >@drawable/5</item>
        <item >@drawable/6</item>
        <item >@drawable/7</item>
        </array>
</resources>

------------------------------------------
三、在MainActivity裏面 寫實現 該 功能的 代碼

代碼

 public class MainActivity extends Activity {

//聲明 控件的 對象
private ImageView image_num;
private TypedArray array_image;
private Button b_up;
private Button b_down;
private int image = 0;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  image_num =  (ImageView) this.findViewById(R.id.image);
//經過getResources()方法.obtainTypedArray()來找到 數組文件
//而後經過R.array.數組的名字 來找到該數組
  array_image = getResources().obtainTypedArray(R.array.pictrues);

  b_down = (Button) this.findViewById(R.id.b_page_down);  b_up = (Button) this.findViewById(R.id.b_page_up);//監聽setOnClickListener()   b_down.setOnClickListener(new OnClickListener() {      @Override   public void onClick(View arg0) {    // TODO Auto-generated method stub    if(image == 6){     image = 0;    }//先用保存圖片的數組對象.getDrawable()來獲取圖片//image 爲數組的下標//而後把獲取到的圖片 設置到 ImageView 裏顯示//用ImageView對象.setImageDrawable()方法來設置 顯示圖片   image_num.setImageDrawable(array_image.getDrawable(image));   image++;            }  }); //上一頁   b_up.setOnClickListener(new OnClickListener() {      @Override   public void onClick(View arg0) {    // TODO Auto-generated method stub//判斷是否到第一頁 到第一頁 就把 最後一頁的 下標 賦值給image   if(image == 0){    image = 13;   }   image_num.setImageDrawable(array_image.getDrawable(image));   image--;       }  }); }}