[Android智慧型手機設計_Gallery元件]

woff

完成圖


layout上建立ImageView Gallery

1.建立 attr.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <resources>
   
3. <declare-styleable name="GalleryCCTU">
   
4. <attr name="android:galleryItemBackground">
   
5. </attr>
   
6. </declare-styleable>
   
7. </resources>

複製代碼

2.主程式 MainActivity.java

1. 
   
2. 
   
3. package org.galleryEx;
   
4. //匯入類別庫
   
5. import android.app.Activity;
   
6. import android.content.Context;
   
7. import android.content.res.TypedArray;
   
8. import android.os.Bundle;
   
9. import android.view.View;
   
10. import android.view.ViewGroup;
    
11. import android.widget.AdapterView;
    
12. import android.widget.AdapterView.OnItemClickListener;
    
13. import android.widget.BaseAdapter;
    
14. import android.widget.Gallery;
    
15. import android.widget.ImageView;
    
16. import android.widget.Toast;
    
17. 
    
18. public class MainActivity extends Activity {
    
19. //宣告資料型態
    
20. ImageView imageView;
    
21. Gallery gallery;
    
22. //宣告圖片陣列，檔案必須匯入到圖片資料夾
    
23. private Integer[] images = {
    
24. R.drawable.baby0, R.drawable.baby1, R.drawable.baby2, R.drawable.baby3,
    
25. R.drawable.baby4, R.drawable.baby5, R.drawable.baby6
    
26. };
    
27. 
    
28. //建立Adapter
    
29. public class ImageAdapter extends BaseAdapter {
    
30. int Background;
    
31. private Context context;
    
32. 
    
33. 
    
34. //建構元
    
35. public ImageAdapter(Context c) {
    
36. context = c;
    
37. //獲取陣列
    
38. TypedArray attr = context.obtainStyledAttributes(R.styleable.GalleryCCTU);
    
39. 
    
40. //變更背景
    
41. Background = attr.getResourceId(
    
42. R.styleable.GalleryEx_android_galleryItemBackground, 0);
    
43. //回收記憶體資源
    
44. attr.recycle();
    
45. }
    
46. 
    
47. 
    
48. @Override
    
49. //回傳幾張圖片
    
50. public int getCount() {
    
51. return images.length;
    
52. }
    
53. 
    
54. 
    
55. @Override
    
56. public Object getItem(int position) {
    
57. return position;
    
58. }
    
59. 
    
60. 
    
61. @Override
    
62. public long getItemId(int position) {
    
63. return position;
    
64. }
    
65. 
    
66. 
    
67. @Override
    
68. public View getView(int position, View convertView, ViewGroup parent) {
    
69. 
    
70. 
    
71. ImageView imageView;
    
72. //如果convertView為空，設定預設值到imageView，不然秀出點選圖
    
73. if (convertView == null) {
    
74. imageView = new ImageView(context);
    
75. imageView.setLayoutParams(new Gallery.LayoutParams(150, 150));
    
76. imageView.setScaleType(ImageView.ScaleType.FIT_XY);
    
77. imageView.setBackgroundResource(Background);
    
78. } else {
    
79. imageView = (ImageView)convertView;
    
80. }
    
81. //獲取點選而改變圖片並回傳
    
82. imageView.setImageResource(images[position]);
    
83. return imageView;
    
84. }
    
85. }
    
86. 
    
87. @Override
    
88. public void onCreate(Bundle savedInstanceState) {
    
89. super.onCreate(savedInstanceState);
    
90. setContentView(R.layout.main);
    
91. findViews();
    
92. }
    
93. 
    
94. private void findViews() {
    
95. 
    
96. imageView = (ImageView)findViewById(R.id.imageView);
    
97. gallery = (Gallery) findViewById(R.id.gallery);
    
98. 
    
99. //設定gallery Adapter
    
100. gallery.setAdapter(new ImageAdapter(this));
     
101. //監聽gallery點擊圖片 即改變圖片到ImageView
     
102. gallery.setOnItemClickListener(new OnItemClickListener() {
     
103. public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
     
104. //秀出訊息
     
105. Toast.makeText(MainActivity.this, "第 " + position+" 張", Toast.LENGTH_SHORT).show();
     
106. //改變圖片到ImageView
     
107. 
     
108. imageView.setImageResource(images[position]);
     
109. }
     
110. });
     
111. 
     
112. }
     
113. }

複製代碼