1.項(xiàng)目介紹
? ? ? ? 大多數(shù)的app都需要用戶(hù)先進(jìn)行登錄注冊(cè)操作才可以繼續(xù)使用app功能忠藤,此項(xiàng)目以Pin和Pattern兩種方式實(shí)現(xiàn)登錄注冊(cè),通過(guò)這個(gè)項(xiàng)目可以學(xué)習(xí)梳理移動(dòng)開(kāi)發(fā)的基本流程,展示我對(duì)登錄注冊(cè)這個(gè)特定功能的理解和實(shí)現(xiàn)方式歉糜。這也是我的第一個(gè)比較完整的項(xiàng)目活翩,希望能在此項(xiàng)目中得到提升。
2.使用技術(shù)
? ? ? 此項(xiàng)目使用Kotlin語(yǔ)言莫绣,于Android平臺(tái)開(kāi)發(fā),使用了FragmentManager和Gson庫(kù)悠鞍,F(xiàn)ragmentManager用于管理Fragment的類(lèi)对室,它的主要優(yōu)點(diǎn)是可以輕松地實(shí)現(xiàn)app的導(dǎo)航和用戶(hù)界面切換,但是在處理頁(yè)面跳轉(zhuǎn)、數(shù)據(jù)傳遞時(shí)可能會(huì)導(dǎo)致它的代碼量較大咖祭。Gson庫(kù)的主要優(yōu)點(diǎn)是簡(jiǎn)單易用和高效掩宜。通過(guò)Gson庫(kù),可以將Java對(duì)象轉(zhuǎn)換為JSON或從JSON轉(zhuǎn)換為Java對(duì)象么翰,TypeToken處理JSON的解析,進(jìn)行文件相關(guān)操作牺汤。使用ViewBinding減少冗余代碼,直接將XML布局文件與Kotlin代碼進(jìn)行綁定浩嫌。用戶(hù)輸入框部分利用多控件組合復(fù)用實(shí)現(xiàn)檐迟,手勢(shì)密碼界面自定義View繪制。利用ViewModel管理數(shù)據(jù)固该,實(shí)現(xiàn)Activity和Fragment之間的數(shù)據(jù)共享锅减。使用Geet代碼托管平臺(tái),代碼倉(cāng)庫(kù)于下方連接:https://gitee.com/Annie5281/LoginAnnie.git
3.項(xiàng)目詳情
該項(xiàng)目從文件獲取用戶(hù)信息開(kāi)始伐坏,以下為文件操作怔匣、用戶(hù)操作的UML圖:
FileManager和UserManager都采用單例設(shè)計(jì)模式,加伴生對(duì)象桦沉,確保一個(gè)類(lèi)只有一個(gè)實(shí)例每瞒,并提供一個(gè)全局訪問(wèn)點(diǎn)。進(jìn)行用戶(hù)的數(shù)據(jù)存取時(shí)需要用到context纯露,但是如果直接val context:Context會(huì)出現(xiàn)內(nèi)存泄漏的問(wèn)題剿骨,所以使用弱引用以防止內(nèi)存泄露。
在UML類(lèi)圖中已經(jīng)列出所有方法(黑色方法為最終未用到的方法)
以下是demo的效果圖:
? ? 根據(jù)效果圖可知埠褪,當(dāng)當(dāng)前界面輸入框未全部填寫(xiě)時(shí)浓利,按鈕無(wú)法點(diǎn)擊,全部輸入完畢后才可以點(diǎn)擊钞速,用戶(hù)Pin登錄密碼輸入錯(cuò)誤時(shí)和注冊(cè)兩次密碼輸入不一致時(shí)會(huì)有爆紅的顯示贷掖,按鈕有震動(dòng)的效果。
? ? ? ? 當(dāng)存在用戶(hù)信息時(shí)渴语,用戶(hù)可以進(jìn)行Pin登錄苹威,也可以點(diǎn)擊“切換到圖案解鎖”進(jìn)行Pattern登錄;不存在用戶(hù)信息時(shí)驾凶,“切換到圖案解鎖”的文本不顯示牙甫,點(diǎn)擊“現(xiàn)在注冊(cè)掷酗?”進(jìn)行注冊(cè)操作,先進(jìn)行Pin密碼注冊(cè)窟哺,成功后進(jìn)行Pattern圖案密碼注冊(cè)泻轰,二者注冊(cè)成功后跳轉(zhuǎn)到Pin登錄界面,用戶(hù)可以選擇登錄方式脏答,登錄成功后跳轉(zhuǎn)到RootActivity顯示登錄成功糕殉。
? ? ? ? 進(jìn)行Pattern登錄時(shí),圖案密碼錯(cuò)誤會(huì)爆紅殖告;進(jìn)行Pattern注冊(cè)時(shí),下部會(huì)彈出彈窗雳锋,選擇登錄的用戶(hù)名后方可進(jìn)行滑動(dòng)黄绩,當(dāng)?shù)诙蚊艽a和第一次滑動(dòng)不一致時(shí)會(huì)爆紅,并提示重新設(shè)置玷过,一致后提示密碼設(shè)置成功并跳轉(zhuǎn)到登錄界面爽丹。
? ? ? ? 有五個(gè)Fragment,分別是PinLoginFragment辛蚊、PatternLoginFragment粤蝎、PinRegisterFragment、PatternRegisterFragment袋马,均用viewBinding進(jìn)行視圖綁定初澎,使用FragmentManager進(jìn)行Fragment之間的切換,并添加了切換的動(dòng)畫(huà)效果虑凛,為了方便使用碑宴,減少代碼量,給Fragment添加了擴(kuò)展方法navagateTo()桑谍。
? ? ? ? 用戶(hù)輸入框部分利用多控件組合復(fù)用實(shí)現(xiàn)延柠,使用UserInputView類(lèi)關(guān)聯(lián)該布局文件,解析對(duì)應(yīng)屬性锣披,實(shí)現(xiàn)靈活配置贞间。
? ? ? ? 滑動(dòng)解鎖界面自定義View實(shí)現(xiàn),封裝圓點(diǎn)信息統(tǒng)一管理圓點(diǎn)雹仿,實(shí)現(xiàn)手觸摸到點(diǎn)上即可點(diǎn)亮增热,線要隨著手指滑動(dòng)而移動(dòng)
? ? ? ? 一個(gè)界面對(duì)應(yīng)一個(gè)ViewModel,管理這個(gè)界面的所有數(shù)據(jù)盅粪,ViewModel可以實(shí)現(xiàn)對(duì)擁有者的生命周期的監(jiān)聽(tīng)钓葫,其生命周期沒(méi)有結(jié)束的時(shí)候ViewModel不會(huì)消失,好處是對(duì)一些我們需要長(zhǎng)時(shí)間存在的數(shù)據(jù)票顾,可以把數(shù)據(jù)放在ViewModel里面础浮,如果數(shù)據(jù)的變化需要外面能感知到帆调,那么可以使用LiveData(MutableLiveData是LiveData的實(shí)現(xiàn)子類(lèi)),postVale設(shè)置它的值豆同,一旦設(shè)置就會(huì)調(diào)給監(jiān)聽(tīng)者番刊,告知其發(fā)生變化。所有的操作都是從ViewModel發(fā)出去影锈,ViewModel就是管理數(shù)據(jù)的芹务,想要做什么事就先在ViewModel中添加什么方法。這個(gè)項(xiàng)目所有的Fragment都只公用一個(gè)ViewModel鸭廷,
? ? ? ? 提供記錄是否顯示“切換到圖案密碼解鎖”枣抱、登錄按鈕是否點(diǎn)擊、注冊(cè)按鈕是否點(diǎn)擊辆床、記錄登錄結(jié)果的狀態(tài)佳晶、記錄登錄的用戶(hù)信息的變量,提供改變按鈕登錄狀態(tài)的方法讼载、登錄和注冊(cè)方法轿秧、通過(guò)用戶(hù)名得到用戶(hù)信息的方法。
4.項(xiàng)目難點(diǎn)
(1)自定義View
? ? ? ? 重寫(xiě)onMeasure()方法咨堤,測(cè)量View的大小菇篡,通過(guò)MeasureSpec來(lái)測(cè)量并設(shè)置View的寬高。onSizeChanged()方法會(huì)在View的尺寸改變時(shí)被調(diào)用一喘,需要重新計(jì)算View的位置和尺寸驱还,以確保View在正確的地方顯示,并且正確地顯示內(nèi)容津滞。正確使用Canvas對(duì)象來(lái)進(jìn)行繪制铝侵,Canvas對(duì)象是畫(huà)板,用Paint在上面作畫(huà)触徐,Paint類(lèi)用來(lái)設(shè)置畫(huà)筆和畫(huà)刷咪鲜,以及畫(huà)筆的顏色、粗細(xì)撞鹉、樣式等屬性,需要按照正確的順序繪制View中的圖形元素疟丙。需要恰當(dāng)?shù)卣{(diào)用invalidate()方法,即在合適的時(shí)機(jī)重新繪制這個(gè)View
(2)數(shù)據(jù)的回調(diào)
? ? ? ? 正確地理解和使用回調(diào)函數(shù)是一大難點(diǎn)鸟雏。數(shù)據(jù)回調(diào)的原理是將函數(shù)作為參數(shù)傳遞給另一個(gè)函數(shù)享郊,并在某個(gè)時(shí)間點(diǎn)執(zhí)行這個(gè)函數(shù)。數(shù)據(jù)的回調(diào)通常是通過(guò)接口實(shí)現(xiàn)的孝鹊,需要定義一個(gè)接口炊琉,并將該接口的實(shí)現(xiàn)作為參數(shù)傳遞給其他函數(shù)。在其他函數(shù)完成某些操作后,調(diào)用該接口的方法苔咪,以通知數(shù)據(jù)已經(jīng)發(fā)生變化锰悼。
(3)ViewModel的使用
? ? ? ? 使用ViewModel進(jìn)行數(shù)據(jù)綁定可以把一些視圖邏輯放在一個(gè)ViewModel里面,讓很多view重用這段視圖邏輯团赏,使得Bug很難被調(diào)試箕般,看到界面異常了,有可能是View的代碼有Bug舔清,也可能是ViewModel的代碼有問(wèn)題丝里。數(shù)據(jù)穿插感覺(jué)比較復(fù)雜。
5.個(gè)人總結(jié)
? ? ? 在開(kāi)始第一個(gè)Android項(xiàng)目之前体谒,我學(xué)習(xí)了Kotlin語(yǔ)言的一些基礎(chǔ)知識(shí)杯聚,了解了Android Studio的使用,熟悉了基本的UI組件和布局抒痒,這些基礎(chǔ)知識(shí)對(duì)于順利完成項(xiàng)目非常重要械媒。 完成第一個(gè)Android項(xiàng)目讓我深刻體會(huì)到了學(xué)習(xí)和實(shí)踐的重要性,在這個(gè)過(guò)程中评汰,我不僅掌握了Android開(kāi)發(fā)的基礎(chǔ)知識(shí)和技能,還培養(yǎng)了自己的解決問(wèn)題的能力痢虹。但是對(duì)于一些開(kāi)發(fā)常用的知識(shí)掌握的不是很熟練被去,對(duì)于一些知識(shí)的使用不夠靈活,還需要以后繼續(xù)實(shí)踐奖唯,在后期的項(xiàng)目中得到提升惨缆。未來(lái),我將繼續(xù)努力提升自己的編程能力和綜合素質(zhì)丰捷,繼續(xù)學(xué)習(xí)Android開(kāi)發(fā)的知識(shí)進(jìn)坯墨,努力為成為一名優(yōu)秀的Android開(kāi)發(fā)工程師打下堅(jiān)實(shí)的基礎(chǔ)。