Android控制項系列之相簿Gallery&Adapter適配器入門&控制項縮放動畫入門_Android

來源:互聯網
上載者:User
學習目的:

1、掌握在Android中如何建立Gallery
2、初步理解Android適配器的原理
3、實現簡單的控制項縮放動畫

簡介:

1、Gallery是Android內建的一個控制項,它可以繼承若干圖片甚至是其他控制項
2、Gallery內建了滾動播放圖片功能,此功能您可以通過模擬器拖曳滑鼠或者在手機上拖拽驗證
3、Gallery需要適配器來傳輸資料,如果您不熟悉“適配器設計模式”,可以將適配器理解為某廠商的電腦適配器,只要這個廠商的所有型號的電腦都能使用該適配器,也就是說,設計新型號電腦時,我們為了也能使用這種適配器,只要在接收端實現如何接受電源就可以了,而這種適配器不關心哪種型號的電腦在使用它,它只需提供電源即可。
4、介面SpinnerAdapter就是一種線性簡單適配器,你可以將它理解為二眼插頭,因此一定還有三眼插頭(其他適配器),鑒於Gallery存放的一組圖片是線性,它們之間沒有父子關係,只有先後次序,因此Android為它定義了SpinnerAdapter作為適配器。結合3中描述的例子,您已經有了適配器,也有了電源(Gallery),因此,不需要關心如何拿到電源了,只需要關心如何利用該電源。
5、SpinnerAdapter是一種介面,並沒有實現,因此本例中我們使用它的一個實作類別:BaseAdapter,並加以擴充。

本例介紹如何使用Gallery最簡單特性,但希望您可以在此基礎上加以修改或美化,甚至將其變為3D效果亦非難事:


圖中包含若干圖片,選中的圖片將會慢慢放大。
XML布局:
複製代碼 代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<Gallery
android:id="@+id/gallery"
android:layout_width="fill_parent"
android:layout_height="200px"
>
</Gallery>
</LinearLayout>

後台代碼:
複製代碼 代碼如下:

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//根據ID尋找到相簿
Gallery gallery = (Gallery)this.findViewById(R.id.gallery);
//初始化自訂的圖片適配器
ImageAdapter adp = new ImageAdapter(this);
//綁定適配器
gallery.setAdapter(adp);
//監聽圖片選中事件
gallery.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
// TODO Auto-generated method stub
//初始化“縮放動畫”類的執行個體,表示從1倍放大到1.5倍,並且放大的中心點是圖片的中心點
ScaleAnimation animation = new ScaleAnimation(1, 1.5f, 1, 1.5f,
Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
//從1倍到1.5倍需要1秒鐘
animation.setDuration(1000);
//開始執行動畫
arg1.startAnimation(animation);
}
});
}
//自訂配接器
public class ImageAdapter extends BaseAdapter{
//該值僅僅為了傳遞Activity
private Context context;
public ImageAdapter(Context context){
this.context = context;
}
//存放圖片ID的數組,每個ID可以被ImageView所調用,從而顯示圖片
private int[] imageArray = {
R.drawable.p01,
R.drawable.p03,
R.drawable.p04,
R.drawable.p05,
R.drawable.p07,
R.drawable.p09,
R.drawable.p21,
R.drawable.p23,
R.drawable.p33
};
@Override
public int getCount() {
// TODO Auto-generated method stub
//返回數組的總數
return imageArray.length;
}
@Override
public Object getItem(int arg0) {
// TODO Auto-generated method stub
return arg0;
}
@Override
public long getItemId(int arg0) {
// TODO Auto-generated method stub
return arg0;
}
@Override
public View getView(int arg0, View arg1, ViewGroup arg2) {
// TODO Auto-generated method stub
//實現Adapter的核心,即根據給定的資料返回什麼樣的控制項
//您需要返回的是ImageView,因為您要實現的是相簿
ImageView view = new ImageView(this.context);
//擷取指定索引的圖片的ID
int id = imageArray[arg0];
//將ID告訴ImageView,它就能找到圖片
view.setImageResource(id);
//對ImageView進行布局
view.setLayoutParams(new Gallery.LayoutParams(120,120));
//設定ImageView的拉升類型,這裡採用置中,您可以嘗試不同的類型
view.setScaleType(ImageView.ScaleType.FIT_CENTER);
return view;
}
}

總結:
本文介紹了如何使用Gallery打造簡單的相簿,並實現了與使用者點擊的互動動畫,並介紹了適配器的原理。您可以在此基礎上修改,實現自己的相簿,嵌入到任何程式中都會增色不少。
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.