DAY17:清单元件之实作

今天要给大家看实例,接下来用图片介绍。
首先我们先在主画面建立三个清单元件
https://ithelp.ithome.com.tw/upload/images/20211002/20140488d7eILQOtsu.png
以及新增两个客制化的画面
https://ithelp.ithome.com.tw/upload/images/20211002/20140488RCuRkRSLnE.png
https://ithelp.ithome.com.tw/upload/images/20211002/201404886RegMNS5iw.png
接着我们在MainActivity中建立客制化的类别data,用於之後要显示的Adapter资料。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488CnP1Cj5XSf.png
我们要新增一个Mydapter,目的在於显示Spinner跟GridView的画面,首先,先将传入的Layout建立,接着取得相对应的资料,并将图片指派给ImageView呈现,将讯息指配给TextView呈现,垂直排列显示名称,若不是显示名称及价格,最後回传此项目画面。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488Lzc49Ye8QN.png
下一步,我们须将图档加入到values的string.xml当中并建立Integer阵列,命名为resourceList。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488KIttLqOSO8.png
再来,将图档读出并放在ArrayList中,将变数与xml绑定。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488kb2bGJNXmS.png
接着,释放图档资源,并建立ArrayAdapter并传入各个xml档当作画面,以及设定横向的显示数列。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488wb27xTs5Ad.png
完成後我们可以看到有下拉式选单(Spinner)
https://ithelp.ithome.com.tw/upload/images/20211002/20140488j50OqOxWMF.png
还有基本的ListView(纵向清单)可以往下滑
https://ithelp.ithome.com.tw/upload/images/20211002/20140488hEd6DJakzq.png
还有我们的GridView的这种方块的清单。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488vBcYAbJifv.png


<<:  最短路径问题 (6)

>>:  [寿星优惠-2] 肉肉先生 Mr.zozo #当月寿星6折

使用Lucene.Net达成全文检索!基础解说(二)

上一集当中我们完成了Lucene基本操作中的Create与Read,这一集会将CRUD中的Updat...

Day30 赛後心得

在这30天的比赛中,不知不觉的到最後一天了,虽然中间发生了点小插曲导致没有成功,但我还是希望能照样将...

Day 17 AWS云端实作起手式第七弹 让开机器变得很自动自发Auto Scaling-ReadNode设置

关於Auto Scaling的建置,我们预计会花两到三天的时间来做比较详细说明。 参考Udemy A...

TypeScript 能手养成之旅 Day 5 原始型别

前言 前一天大致上了解一下,TypeScript 有支援哪些型别,从今天开始,将一一来每一个型别的定...

无线网路篇(Wi-Fi)

今天内容跟我原本预期的,出入满多QQ 因为先前有买一的书,叫「黑客大揭秘 近源渗透测试」, 本来打算...