Pin&&Pattern登錄注冊(cè)項(xiàng)目

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圖:

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ǔ)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末病往,一起剝皮案震驚了整個(gè)濱河市捣染,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌停巷,老刑警劉巖耍攘,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異畔勤,居然都是意外死亡蕾各,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)庆揪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)式曲,“玉大人,你說(shuō)我怎么就攤上這事缸榛×咝撸” “怎么了兰伤?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)脆贵。 經(jīng)常有香客問(wèn)我医清,道長(zhǎng),這世上最難降的妖魔是什么卖氨? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任会烙,我火速辦了婚禮,結(jié)果婚禮上筒捺,老公的妹妹穿的比我還像新娘柏腻。我一直安慰自己,他們只是感情好系吭,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布五嫂。 她就那樣靜靜地躺著,像睡著了一般肯尺。 火紅的嫁衣襯著肌膚如雪沃缘。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,370評(píng)論 1 302
  • 那天则吟,我揣著相機(jī)與錄音槐臀,去河邊找鬼。 笑死氓仲,一個(gè)胖子當(dāng)著我的面吹牛水慨,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播敬扛,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼晰洒,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了啥箭?” 一聲冷哼從身側(cè)響起谍珊,我...
    開(kāi)封第一講書(shū)人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎捉蚤,沒(méi)想到半個(gè)月后抬驴,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡缆巧,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年布持,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片陕悬。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡题暖,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情胧卤,我是刑警寧澤唯绍,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站枝誊,受9級(jí)特大地震影響况芒,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜叶撒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一绝骚、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧祠够,春花似錦压汪、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至落君,卻和暖如春穿香,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背绎速。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工扔水, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人朝氓。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像主届,于是被迫代替她去往敵國(guó)和親赵哲。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容