當(dāng)前位置:首頁(yè) > IT技術(shù) > 移動(dòng)平臺(tái) > 正文

Android實(shí)戰(zhàn)——視頻資訊APP
2021-08-08 16:54:10

https://www.bilibili.com/video/BV16Z4y1H7jj?from=search&seid=11308077239847881353

1 了解APP的UI原型設(shè)計(jì)和標(biāo)注圖

Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面
UI 標(biāo)注圖:
產(chǎn)品經(jīng)理 UI原型 -->美工設(shè)計(jì) Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_02
Android實(shí)戰(zhàn)——視頻資訊APP_git_03

Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_04
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_05
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_06

2 通過(guò)AndroidStudio創(chuàng)建項(xiàng)目和模擬器

Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_07
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_08
Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_09
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_10
Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_11
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_12
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_13
Android實(shí)戰(zhàn)——視頻資訊APP_git_14
Android實(shí)戰(zhàn)——視頻資訊APP_版本控制_15
Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_16
Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_17

3 啟動(dòng)頁(yè)面UI編碼

Android實(shí)戰(zhàn)——視頻資訊APP_git_18
Android實(shí)戰(zhàn)——視頻資訊APP_版本控制_19
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_20
Android實(shí)戰(zhàn)——視頻資訊APP_git_21
Android實(shí)戰(zhàn)——視頻資訊APP_git_22
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_23
Android實(shí)戰(zhàn)——視頻資訊APP_版本控制_24
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_25
Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_26
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_27
Android實(shí)戰(zhàn)——視頻資訊APP_git_28
Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_29
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_30
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_31
Android實(shí)戰(zhàn)——視頻資訊APP_git_32
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_33
Android實(shí)戰(zhàn)——視頻資訊APP_版本控制_34
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_35
Android實(shí)戰(zhàn)——視頻資訊APP_版本控制_36
Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_37
Android實(shí)戰(zhàn)——視頻資訊APP_版本控制_38
Android實(shí)戰(zhàn)——視頻資訊APP_版本控制_39
Android實(shí)戰(zhàn)——視頻資訊APP_git_40
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_41
Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_42
帶圓角的 矩形
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_43

Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_44
在 清單 文件里 去掉 action bar
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_45
Android實(shí)戰(zhàn)——視頻資訊APP_git_46

4 登錄界面UI編碼

Android實(shí)戰(zhàn)——視頻資訊APP_git_47
Android實(shí)戰(zhàn)——視頻資訊APP_版本控制_48
Git 版本控制
Android實(shí)戰(zhàn)——視頻資訊APP_版本控制_49
Android實(shí)戰(zhàn)——視頻資訊APP_創(chuàng)建項(xiàng)目_50
更新代碼 拉最新代碼

Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_51
創(chuàng)建 一個(gè) 存放頁(yè)面的 activity 文件
Android實(shí)戰(zhàn)——視頻資訊APP_啟動(dòng)頁(yè)面_52
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_53
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_54
Android實(shí)戰(zhàn)——視頻資訊APP_產(chǎn)品經(jīng)理_55

登錄跳轉(zhuǎn)

?

本文摘自 :https://blog.51cto.com/u

開(kāi)通會(huì)員,享受整站包年服務(wù)立即開(kāi)通 >