安卓實現Iphone的圖片拖動效果 – iPhone手機開發技術文章 iPhone軟體開發教學課程


曾經被Iphone用手指在屏幕上滑來滑去拖動圖片的操作方式吸引嗎?在Android裡頭,這並不是什麼難事。

  所需要的技術點如下:Android.content.Context 、Android.widget.BaseAdapter、Android.widget.ImageView等通常會用在設計相冊、圖片類型的選擇器上。

  在開始之前,必須瞭解什麼是Context以及widget裡的 BaseAdpater ,在Acitivity當中,Context就如同是張Canvas畫佈,隨時等著被處理或覆蓋。

  示例運行結果如圖:

  主程序中較為重要的部分是在其中創建一個繼承自BaseAdapter的ImageAdapter方法,這個ImageAdapter的存在目的,是為瞭要暫存欲顯示的圖片,並作為Gallery控件圖片的源引用(在這裡我們可以用.Net的Ado.Net來理解 比如把BaseAdpater理解成SqlDataAdapter的數據適配器,而我們要填充的是Gallery的一個方法為setAdapter 可以暫時理解成Dataset 這樣子應該好理解一點)OK,現在到瞭我們代碼實現功能的步驟瞭:

 import android.app.Activity;
 import android.os.Bundle;
 import android.content.*;
 import android.graphics.*; 
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.*;
 public class ImageGallery extends Activity {
 private TextView mTextView;
 private Gallery mGallery;
 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
 mTextView=(TextView)findViewById(R.id.TextView01);
 mGallery=(Gallery)findViewById(R.id.Gallery01);
 mTextView.setText(R.string.about);
 mTextView.setTextColor(Color.BLUE);
 mGallery.setAdapter(new ImageApdater(this));
 }
 
 public class ImageApdater extends BaseAdapter{

 //類成員myContext為context父類
 private Context myContext;
 private int[] myImageIds={ 
 R.drawable.a,
 R.drawable.b,
 R.drawable.c,
 R.drawable.d,
 R.drawable.e
 };
 //構造函數,有一個參數,即要存儲的Context
 public ImageApdater(Context c) {
 // TODO Auto-generated constructor stub
 this.myContext=c;
 }

 //返回所有的圖片總數量
 @Override
 public int getCount() {
 // TODO Auto-generated method stub
 return this.myImageIds.length;
 }
 
 //利用getItem方法,取得目前容器中圖像的數組ID
 @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;
 }
 
 //取得目前欲顯示的圖像的VIEW,傳入數組ID值使之讀取與成像
 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
 // TODO Auto-generated method stub
 ImageView i=new ImageView(this.myContext);
i.setImageResource(this.myImageIds[position]);
 i.setScaleType(ImageView.ScaleType.FIT_XY);
 //i.setLayoutParams(new Gallery.LayoutParams(120,120));  //設置高度和寬度

 return i;
 }
 
 }
 }

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *