DAY19:进阶清单元件之实作

这次要用所做过的范例来说明,首先,基本的设计画面就不多说了!
设计出後第一页会长这样
https://ithelp.ithome.com.tw/upload/images/20211004/20140488L4GAMPeo7t.png
按下新增联络人後会长这样,这时就可以新增联络人
https://ithelp.ithome.com.tw/upload/images/20211004/20140488x0rfX0x62p.png
当按下新增後,会跳到这个页面
https://ithelp.ithome.com.tw/upload/images/20211004/20140488lyisK6kruJ.png
我们可以在继续新增或点选叉叉做删除!
最重要的是我们要应用ViewHolder跟RecyclerView,那就接着看程序码,我们需要先建立三个类别,一个是原本的MainActivity再新增SecMainActivity以及MyAdapter。
我们要先在MainActivity建立联络人资料的类型
https://ithelp.ithome.com.tw/upload/images/20211004/20140488jnn1yrYftZ.png
接着,我们要在MyAdapter中显示RecyclerView的客制化画面,RecyclerView需搭配ViewHolder来使用,因此我们须创建一个继承RecyclerView. ViewHolder类别的Holder来使用,再将变数与xml的元件连接。
https://ithelp.ithome.com.tw/upload/images/20211004/201404883SqLy1wxSQ.png
接着,我们要回传数量,以及将ViewHolder跟画面做连接
https://ithelp.ithome.com.tw/upload/images/20211004/20140488e9G1YRzNI4.png
最後将资料分配给元件做呈现,以及设定监听器用来删除资料。
那MyAdapter这个类别就先完成了!
https://ithelp.ithome.com.tw/upload/images/20211004/20140488Yu25oslwsO.png
要继续说明MainActivity的程序码了,首先我们要先接受回传的资料,并透过onActivityResult()接收新的联络人资料。
https://ithelp.ithome.com.tw/upload/images/20211004/20140488uiWsVFpZpn.png
一样的,将变数跟xml元件绑定,并且创建LinearLayoutManager设定为垂直排列,以及将MyAdapter连接recylerView,最後设定监听元件使用startActivityForResult()去启动SecActivity。
https://ithelp.ithome.com.tw/upload/images/20211004/20140488ZvM5ps7Dbg.png
最後要说到SecActivity,要设立监听元件,判断使用者是否有输入资料,如果没有,则显示清输入姓名或电话,如果有,使用setResult()回传联络人资料。
https://ithelp.ithome.com.tw/upload/images/20211004/20140488IFOdJE6Zn4.png


<<:  Day20|【Git】介绍分支观念与切换分支指令动作

>>:  [Day 22] Python 视觉化解释数据 - Plotly Express

内容交付网络(Content delivery network)

内容传递网络(Content Delivery Network) 内容交付网络或内容分发网络(CD...

Day15 无障碍功能

无障碍网页是什麽 首先来介绍无障碍网页的概念,无障碍网页并不只是像我们生活中常听到的无障碍厕所、无障...

Leetcode 挑战 Day 16 [231. Power of Two]

231. Power of Two 今天我们一起挑战leetcode第231题Power of Tw...

day29 : OPA规范k8s yaml(下)

今天会来实作OPA的配置,由於之前有透过rancher管理了k8s环境,所以就可以从rancher的...

【Day21】什麽是函式?

函式功能 函式在 JavaScript 中为物件型别,以下列出它一般的物件差别 被呼叫的能力 {} ...