標題: Spinner (二) 自訂Layout [打印本頁]

---

作者: 周政輝    時間: 2018-12-8 11:56     標題: Spinner (二) 自訂Layout

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

[attach]5462[/attach]

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>

複製代碼

---

作者: 李知易    時間: 2018-12-9 11:27

此帖僅作者可見

---

作者: 蔡庭豪    時間: 2018-12-14 20:05

此帖僅作者可見

---

作者: 蔡季樺    時間: 2018-12-14 20:40

此帖僅作者可見

---

作者: 張健勳    時間: 2018-12-14 22:09

此帖僅作者可見

---

作者: 陳泓瑜    時間: 2018-12-17 20:29

此帖僅作者可見

---

作者: 黃璽安    時間: 2018-12-19 19:08

此帖僅作者可見

---

歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/)

Powered by Discuz! 7.2