Swift 4 - 模仿今日頭條

視頻鏈接地址請看 騰訊課堂 ,本系列視頻實戰教程需要有 Swift 語言基礎,并且有過 iOS 開發相關經驗。

部分截圖。

10.gif

11.gif

1.gif

2.gif

3.gif

4.gif

5.gif

6.gif

7.gif

8.gif

9.gif

項目環境

  • Xcode 9.2
  • Swift 4
  • iOS 11

最早分支代碼請看 TodayNews-old,僅供參考。

下面我上傳了一些試看內容。

101-項目搭建

617-正則表達式匹配用戶名話題和鏈接

新增接口文檔

接口文檔

接口文檔使用的是 MKDocs,具體安裝方法以及使用可以參考官網的介紹。

實現功能

  • ? 獲取今日頭條接口(接口獲取方式請看 使用 Charles 獲取 https 的數據
  • ? 首頁
  • ? 查看圖文詳情(點擊第一個 cell)
  • ? 保存圖片功能
  • ? 添加新聞分類界面
  • ? 問答界面
  • ? 視頻界面
  • ? 視頻詳情界面
  • ? 播放視頻功能
  • ? 微頭條界面
  • ? 小視頻界面
  • ? 播放小視頻功能
  • ? 我的界面
  • ? 切換主題功能
  • ? 關注用戶詳情界面
  • ? 關注和取消關注功能
  • ? 圖文混排,顯示表情,高亮用戶名,話題
  • ? 評論界面
  • ? 點贊列表界面
  • ? 登錄界面
  • ? 設置界面
  • ? 離線下載界面


    zan.png

視頻目錄

  1. 項目搭建
    • 101-項目搭建
    • 102-補充內容
    • 102-自定義 tabBar
  2. 我的界面
    • 201-我的界面分析
    • 202-我的界面實現
    • 203-Swift的核心
    • 204-添加網絡請求以及創建模型
    • 205-返回數據顯示到 tableView
    • 206-自定義我的界面 cell
    • 207-擴展cell注冊方法
    • 208-自定義我的關注 cell
    • 209-自定義關注用戶 cell
    • 210-自定義 tableViewHeader
    • 211-更換主題
    • 212-iPhoneX 適配介紹
    • 213-iPhoneX 適配和設置 tabbar 的主題
  3. 登錄及設置界面
    • 301-登錄界面實現
    • 302-登錄界面更換主題
    • 303-實現設置界面
    • 304-設置界面添加點擊功能
    • 305-修改設置界面代碼
  4. 離線下載界面
    • 401-離線下載界面
    • 402-集成 sqlite3
    • 403-修改一些變化
    • 404-建表
  5. 用戶詳情界面
    • 501-用戶詳情界面的分析
    • 502-創建用戶詳情頭部
    • 503-添加相關接口
    • 504-填充數據
    • 505-headerView 的點擊事件
    • 506-設置主題顏色
    • 507-添加 topTabView
    • 508-添加 bottomView
    • 509-從xib加載的擴展方法
    • 510-自定義彈出視圖
    • 511-自定義導航欄
    • 512-添加相關推薦 view
    • 513-導航欄補充
  6. 用戶詳情動態界面
    • 601-用戶詳情動態數據顯示
    • 602-創建 collectionView
    • 603-動態 cell 分析及創建枚舉
    • 604-計算 collectionView 的寬高
    • 605-自定義發布視頻或文章view
    • 606-實現引用評論布局
    • 607-Int 擴展
    • 608-動態 cell 顯示時間
    • 609-自定義首頁導航欄
    • 610-設置微頭條及導航欄樣式
    • 611-動態界面查看大圖
    • 612-添加 item_type
    • 613-修改動態cell的顯示問題
    • 614-顯示 emoji 表情
    • 615-設置用戶名高亮顯示
    • 616-自定義 UILabel 顯示富文本
    • 617-正則表達式匹配用戶名話題和鏈接
    • 618-實現富文本點擊回調
    • 619-根據用戶名獲取 uid 進行傳值
    • 620-根據話題獲取 cid 進行傳值
    • 621-用戶動態添加上拉刷新
    • 622-根據不同類型刷新
    • 623-引用顯示@用戶名
    • 624-處理其他 topTab 的數據顯示
    • 625-添加用戶詳情中問答的接口
    • 626-自定義用戶詳情的問答 cell
    • 627-用戶詳情問答加載更多數據
    • 628-創建動態的詳情控制器
    • 629-自定義動態詳情導航欄
    • 630-設置導航欄樣式
    • 631-自定義動態詳情的 headerView
    • 632-計算動態詳情頭部的高度
    • 633-添加用戶動態詳情評論的接口
    • 634-自定義動態詳情評論cell
    • 639-修改用戶詳情控制器4
    • 638-創建topTabScrollview
    • 637-修改詳情控制器3
    • 636-修改詳情控制器2
    • 635-修改詳情控制器1
  7. 用戶詳情動態詳情界面
    • 701-修改動態詳情評論
    • 702-添加點贊用戶列表接口
    • 703-添加加載更多數據的footer
    • 704-自定義點贊用戶cell
    • 705-cell添加點擊事件
    • 706-處理導航欄出現的bug
    • 707-動態詳情控制器底部添加toolbar
    • 708-自定義評論的view
    • 709-監聽鍵盤彈起和隱藏
    • 710-textView 的一些設置
    • 711-自定義表情鍵盤
    • 712-自定義emoji的cell
    • 713-修改表情鍵盤視圖創建方式
    • 714-顯示emoji表情
    • 715-設置 collectionView 的布局
    • 716-修改約束
    • 717-修改約束2
    • 718-修改 emoji 數組及 plist 文件
    • 719-設置 item 橫向排列
    • 720-解決 collectionView 分頁不正確的問題
    • 721-插入表情到 textView
    • 722-表情鍵盤添加 pageControl
  8. 問答界面
    • 801-添加問答接口
    • 802-修改問答控制器
    • 803-自定義頭部
    • 804-設置問答底部view
    • 805-自定義問答 cell
    • 806-label添加擴展方法
    • 807-加載更多問答數據
  9. 小視頻界面
    • 901-添加首頁新聞數據和小視頻標題數據接口
    • 902-添加導航欄標題
    • 903-創建小視頻子控制
    • 904-獲取小視頻數據
    • 905-自定義小視頻cell
    • 906-添加上拉刷新和加載更多
    • 907-小視頻播放界面控制器
    • 908-顯示小視頻數據
    • 909-添加小視頻播放器
  10. 視頻界面實現
    • 1001-解析視頻的真實播放地址
    • 1002-解決視頻播放時出現的問題
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,200評論 4 61
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,098評論 25 708
  • 我曾這樣寂寞生活 一盞茶,一盞燈 溫熱等天亮 我曾這樣寂寞生活 一首歌,一頁書 安靜聽午后 我曾這樣寂寞生活 一個...
    浮偌閱讀 468評論 0 2