|
學習目的：
1、掌握在Android中如何建立Gallery
2、初步理解Android適配器的原理
3、實現(xiàn)簡單的控件縮放動畫
簡介：
1、Gallery是Android內(nèi)置的一個控件，它可以繼承若干圖片甚至是其他控件
2、Gallery自帶了滾動播放圖片功能，此功能您可以通過模擬器拖曳鼠標或者在手機上拖拽驗證
3、Gallery需要適配器來傳輸數(shù)據(jù)，如果您不熟悉“適配器設計模式”，可以將適配器理解為某廠商的電腦適配器，只要這個廠商的所有型號的電腦都能使用該適配器，也就是說，設計新型號電腦時，我們?yōu)榱艘材苁褂眠@種適配器，只要在接收端實現(xiàn)如何接受電源就可以了，而這種適配器不關(guān)心哪種型號的電腦在使用它，它只需提供電源即可。
4、接口SpinnerAdapter就是一種線性的簡單適配器，你可以將它理解為二眼插頭，因此一定還有三眼插頭（其他適配器），鑒于Gallery存放的一組圖片是線性的，它們之間沒有父子關(guān)系，只有先后次序，因此Android為它定義了SpinnerAdapter作為適配器。結(jié)合3中描述的例子，您已經(jīng)有了適配器，也有了電源（Gallery），因此，不需要關(guān)心如何拿到電源了，只需要關(guān)心如何利用該電源。
5、SpinnerAdapter是一種接口，并沒有實現(xiàn)，因此本例中我們使用它的一個實現(xiàn)類：BaseAdapter，并加以擴充。
本例介紹如何使用Gallery最簡單特性，但希望您可以在此基礎上加以修改或美化，甚至將其變?yōu)?D效果亦非難事：
圖中包含若干圖片，選中的圖片將會慢慢放大。
XML布局：
1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas./apk/res/android"
3 android:orientation="vertical"
4 android:layout_width="fill_parent"
5 android:layout_height="fill_parent"
6 >
7 <Gallery
8 android:id="@+id/gallery"
9 android:layout_width="fill_parent"
10 android:layout_height="200px"
11 >
12 </Gallery>
13 </LinearLayout>
后臺代碼：
 1 @Override
2 public void onCreate(Bundle savedInstanceState) {
3 super.onCreate(savedInstanceState);
4
5 setContentView(R.layout.main);
6
7 //根據(jù)ID尋找到相冊
8 Gallery gallery = (Gallery)this.findViewById(R.id.gallery);
9 //初始化自定義的圖片適配器
10 ImageAdapter adp = new ImageAdapter(this);
11 //綁定適配器
12 gallery.setAdapter(adp);
13 //監(jiān)聽圖片選中事件
14 gallery.setOnItemClickListener(new OnItemClickListener() {
15
16 @Override
17 public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
18 long arg3) {
19 // TODO Auto-generated method stub
20 //初始化“縮放動畫”類的實例，表示從1倍放大到1.5倍，并且放大的中心點是圖片的中心點
21 ScaleAnimation animation = new ScaleAnimation(1, 1.5f, 1, 1.5f,
22 Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
23
24 //從1倍到1.5倍需要1秒鐘
25 animation.setDuration(1000);
26 //開始執(zhí)行動畫
27 arg1.startAnimation(animation);
28
29 }
30 });
31 }
32 //自定義適配器
33 public class ImageAdapter extends BaseAdapter{
34
35 //該值僅僅為了傳遞Activity
36 private Context context;
37
38 public ImageAdapter(Context context){
39 this.context = context;
40 }
41
42 //存放圖片ID的數(shù)組，每個ID可以被ImageView所調(diào)用，從而顯示圖片
43 private int[] imageArray = {
44 R.drawable.p01,
45 R.drawable.p03,
46 R.drawable.p04,
47 R.drawable.p05,
48 R.drawable.p07,
49 R.drawable.p09,
50 R.drawable.p21,
51 R.drawable.p23,
52 R.drawable.p33
53
54 };
55
56 @Override
57 public int getCount() {
58 // TODO Auto-generated method stub
59 //返回數(shù)組的總數(shù)
60 return imageArray.length;
61 }
62
63 @Override
64 public Object getItem(int arg0) {
65 // TODO Auto-generated method stub
66 return arg0;
67 }
68
69 @Override
70 public long getItemId(int arg0) {
71 // TODO Auto-generated method stub
72 return arg0;
73 }
74
75 @Override
76 public View getView(int arg0, View arg1, ViewGroup arg2) {
77 // TODO Auto-generated method stub
78
79 //實現(xiàn)Adapter的核心，即根據(jù)給定的數(shù)據(jù)返回什么樣的控件
80
81 //您需要返回的是ImageView，因為您要實現(xiàn)的是相冊
82 ImageView view = new ImageView(this.context);
83 //獲取指定索引的圖片的ID
84 int id = imageArray[arg0];
85 //將ID告訴ImageView,它就能找到圖片
86 view.setImageResource(id);
87 //對ImageView進行布局
88 view.setLayoutParams(new Gallery.LayoutParams(120,120));
89 //設置ImageView的拉升類型，這里采用居中，您可以嘗試不同的類型
90 view.setScaleType(ImageView.ScaleType.FIT_CENTER);
91 return view;
92 }
93
94 }
總結(jié)：
本文介紹了如何使用Gallery打造簡單的相冊，并實現(xiàn)了與用戶點擊的互動動畫，并介紹了適配器的原理。您可以在此基礎上修改，實現(xiàn)自己的相冊，嵌入到任何程序中都會增色不少。
|
