知識(shí)點(diǎn):
- 下拉刷新
- HelloCharts圖表庫(kù)
- BoomMenu圓形菜單
- BuddleView心形泡泡庫(kù)
- 第三方視頻播放等
1. 項(xiàng)目分析:
1.1 項(xiàng)目名稱:
NewsDemo
1.2 項(xiàng)目概述:
此項(xiàng)目屬于新聞閱讀類鳍悠,其中包含新聞信息斥滤、各校區(qū)開班情況刺啦、就業(yè)薪資等情況以及一些免費(fèi)的技術(shù)視頻等诲祸。
同時(shí)奇颠,在“我”模塊,主要用于展示了用戶信息以及一些娛樂功能,如日歷、星座晦雨、涂鴉、地圖等隘冲。
1.3 模塊說明:
項(xiàng)目主要分為四個(gè)功能模塊闹瞧,分為首頁(yè)模塊、統(tǒng)計(jì)模塊展辞、視頻模塊奥邮、“我”模塊,項(xiàng)目結(jié)構(gòu)如圖所示罗珍。
從圖中看出洽腺,首頁(yè)模塊包含新聞列表、新聞詳情覆旱、學(xué)科開班等功能蘸朋,統(tǒng)計(jì)模塊包含統(tǒng)計(jì)菜單、Android統(tǒng)計(jì)扣唱、Java統(tǒng)計(jì)等功能藕坯,視頻模塊包含視頻列表與視頻播放等功能,“我”模塊包含日歷噪沙、星座炼彪、涂鴉、地圖正歼、收藏辐马、設(shè)置、個(gè)人資料七個(gè)功能局义,其中設(shè)置功能又包含修改密碼喜爷、設(shè)置密保、退出登錄三個(gè)功能旭咽,個(gè)人資料功能包含用戶注冊(cè)贞奋、用戶登錄、找回密碼穷绵、修改資料四個(gè)功能轿塔。
2. 效果展示
2.1 歡迎界面與主界面
首先在歡迎界面停留幾秒然后進(jìn)入主界面,點(diǎn)擊主界面底部的導(dǎo)航欄可以切換到統(tǒng)計(jì)界面、視頻界面勾缭、“我”界面揍障。
2.2 “新聞詳情”界面與“Python學(xué)科”界面
點(diǎn)擊首頁(yè)界面中的某個(gè)新聞條目或滑動(dòng)廣告欄中的某一廣告圖片會(huì)進(jìn)入“新聞詳情”界面,展示當(dāng)前的新聞信息俩由。當(dāng)點(diǎn)擊首頁(yè)界面中的四個(gè)學(xué)科中的任意一個(gè)學(xué)科時(shí)毒嫡,會(huì)跳轉(zhuǎn)到對(duì)應(yīng)學(xué)科的界面,展示該學(xué)科在全國(guó)的開班情況幻梯。
2.3 “統(tǒng)計(jì)詳情”界面
“統(tǒng)計(jì)”界面通過屏幕右下角的一個(gè)圓形菜單展示9個(gè)學(xué)科兜畸。這9個(gè)學(xué)科分別是:Android學(xué)科、Java學(xué)科碘梢、PHP學(xué)科咬摇、Python學(xué)科、C/C++學(xué)科煞躬、IOS學(xué)科肛鹏、前端與移動(dòng)開發(fā)學(xué)科、UI設(shè)計(jì)學(xué)科恩沛、網(wǎng)絡(luò)營(yíng)銷學(xué)科在扰。點(diǎn)擊每個(gè)菜單會(huì)跳轉(zhuǎn)到相應(yīng)學(xué)科的“統(tǒng)計(jì)詳情”界面,在此以Android學(xué)科和Java學(xué)科為例雷客,分別展示其薪資情況芒珠。
2.4 “視頻詳情”界面
“視頻”界面主要展示一些學(xué)科的視頻信息,點(diǎn)擊視頻列表的某一條條目會(huì)跳轉(zhuǎn)到“視頻詳情”界面佛纫,其界面主要由視頻介紹妓局、視頻目錄以及視頻播放組成。
當(dāng)點(diǎn)擊“視頻播放”界面的全屏按鈕時(shí)呈宇,屏幕會(huì)變成橫屏好爬。
2.5 “我”界面
“我”界面主要展示一些個(gè)人信息(頭像和賬戶),同時(shí)也有日歷甥啄、星座存炮、涂鴉、地圖蜈漓、收藏穆桂、設(shè)置等功能。登錄成功時(shí)融虽,點(diǎn)擊“我”界面中的頭像會(huì)跳轉(zhuǎn)到“個(gè)人資料”界面享完,在未登錄時(shí),點(diǎn)擊“我”界面中的頭像跳轉(zhuǎn)到“登錄”界面有额。
(1)點(diǎn)擊“我”界面中的“日歷”“涂鴉”“地圖”等按鈕時(shí)般又,會(huì)分別跳轉(zhuǎn)到“日歷”界面口叙、“涂鴉”界面趟济、“地圖”界面硕舆。
(2)點(diǎn)擊“我”界面中的“星座”按鈕會(huì)跳轉(zhuǎn)到“星座”界面灌闺,點(diǎn)擊右上角“切換”按鈕會(huì)跳轉(zhuǎn)到顯示選擇星座的界面。
(3)當(dāng)用戶未登錄時(shí)堕义,點(diǎn)擊“我”界面中的收藏條目會(huì)提示“您還未登錄猜旬,請(qǐng)先登錄”。當(dāng)用戶登錄時(shí)倦卖,點(diǎn)擊“我”界面中的收藏條目會(huì)跳轉(zhuǎn)到“收藏”界面洒擦。如果側(cè)滑每個(gè)收藏的條目,則會(huì)出現(xiàn)紅色的“刪除”按鈕糖耸。
(4)當(dāng)用戶未登錄時(shí)秘遏,點(diǎn)擊“我”界面中的設(shè)置條目會(huì)提示“您還未登錄丘薛,請(qǐng)先登錄”嘉竟。當(dāng)用戶登錄時(shí),點(diǎn)擊“我”界面中的設(shè)置條目會(huì)跳轉(zhuǎn)到“設(shè)置”界面洋侨。
2.6 “個(gè)人資料”界面
此界面包含登錄舍扰、注冊(cè)、找回密碼希坚、修改密碼边苹、設(shè)置密保、個(gè)人資料裁僧、修改昵稱和簽名个束、修改頭像、修改性別等功能聊疲。
(1)當(dāng)用戶未登錄時(shí)茬底,點(diǎn)擊“我”界面中的頭像會(huì)跳轉(zhuǎn)到“登錄”界面,如果沒有登錄賬號(hào)則可以點(diǎn)擊“快速注冊(cè)”按鈕進(jìn)行注冊(cè)获洲,如果已有登錄賬號(hào)則輸入正確的用戶名和密碼后即可登錄阱表,若忘記密碼則可以點(diǎn)擊“找回密碼”按鈕將密碼找回。
(2)點(diǎn)擊“設(shè)置”界面中的“修改密碼”與“設(shè)置密惫鄙海”條目會(huì)分別跳轉(zhuǎn)到“修改密碼”界面與“設(shè)置密弊钆溃”界面。
(3)當(dāng)用戶登錄時(shí)门岔,點(diǎn)擊“我”界面中的頭像會(huì)跳轉(zhuǎn)到“個(gè)人資料”界面爱致,當(dāng)用戶點(diǎn)擊“個(gè)人資料”界面的“頭像”“昵稱”“性別”“簽名”條目時(shí),會(huì)分別跳轉(zhuǎn)或彈出修改這些屬性的界面寒随。
接下來就從 2. 歡迎模塊 開始這個(gè)項(xiàng)目吧~
apk文件下載地址:多功能的新聞Demo