Spinner (二) 自訂Layout

周政輝

透過上一次的範例，請將ArrayAdapter改寫成BaseAdapter的模式
能在每一個SpinnerItem中，除了文字內容外，也加入圖片。



MainActivity

1. @Override
   
2.     protected void onCreate(Bundle savedInstanceState) {
   
3.         super.onCreate(savedInstanceState);
   
4.         setContentView(R.layout.activity_main);
   
5.         final String[] food = {"雞腿飯", "魯肉飯", "排骨飯", "水餃", "陽春麵"};
   
6.         dataModel model = new dataModel();
   
7.         model.item = "雞腿飯";
   
8.         model.img = null;
   
9.         ArrayList<dataModel> list = new ArrayList<dataModel>();
   
10.         list.add(model);
    
11.         Spinner spinner = (Spinner) findViewById(R.id.spinner);
    
12. 
    
13.         SpinnerAdapter adapter = new SpinnerAdapter(list,MainActivity.this);
    
14.         spinner.setAdapter(adapter);
    
15. 
    
16.     }

複製代碼

SpinnerAdapter

1. public class SpinnerAdapter extends BaseAdapter {
   
2. 
   
3.     Context context;
   
4.     ArrayList<dataModel> data;
   
5.     public SpinnerAdapter(ArrayList<dataModel> data,Context context) {
   
6.         this.context = context;
   
7.         this.data = data;
   
8. 
   
9.     }
   
10. 
    
11.     @Override
    
12.     public int getCount() {
    
13.         return 2;
    
14.     }
    
15. 
    
16.     @Override
    
17.     public Object getItem(int position) {
    
18.         return data.get(position);
    
19.     }
    
20. 
    
21.     @Override
    
22.     public long getItemId(int position) {
    
23.         return position;
    
24.     }
    
25. 
    
26.     @Override
    
27.     public View getView(int position, View convertView, ViewGroup parent) {
    
28.         Log.d("leolog", String.valueOf(position));
    
29.         // 綁定你的Adapter要使用哪一個layout
    
30.         convertView = LayoutInflater.from(this.context).inflate(R.layout.spinner_layout, null);
    
31.         TextView textView = (TextView) convertView.findViewById(R.id.spinner_text);
    
32.         textView.setText(((dataModel) getItem(position)).item);
    
33.         ImageView imageView = (ImageView) convertView.findViewById(R.id.imageView);
    
34.         imageView.setImageBitmap(((dataModel) getItem(position)).img);
    
35.         return  convertView;
    
36.     }
    
37. }

複製代碼

SpinnerLayout

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:orientation="vertical" android:layout_width="match_parent"
   
4.     android:layout_height="match_parent">
   
5. 
   
6.     <ImageView
   
7.         android:layout_width="wrap_content"
   
8.         android:layout_height="wrap_content"
   
9.         android:id="@+id/imageView"
   
10.         android:layout_gravity="center_horizontal"
    
11.         android:src="@drawable/abc_ic_star_black_36dp"
    
12.         android:layout_alignParentTop="true"
    
13.         android:layout_alignParentEnd="true" />
    
14. 
    
15.     <TextView
    
16.         android:layout_width="wrap_content"
    
17.         android:layout_height="wrap_content"
    
18.         android:textAppearance="?android:attr/textAppearanceLarge"
    
19.         android:text="Large Text"
    
20.         android:id="@+id/spinner_text"
    
21.         android:layout_alignParentTop="true"
    
22.         android:layout_alignParentStart="true" />
    
23. 
    
24. </RelativeLayout>

複製代碼