造一個(gè)抖音 App

抖音短視頻 App 火速爆紅，沒(méi)幾年就成為了國(guó)民級(jí) App。低成本的體驗(yàn)方式，不管是大爺大媽?zhuān)€是剛會(huì)玩手機(jī)的小孩兒，都沉迷之中無(wú)法自拔。

今天小編給大家推薦兩個(gè) GitHub 項(xiàng)目，都是移動(dòng)端開(kāi)發(fā)者開(kāi)發(fā)的復(fù)制版抖音 App，分別對(duì)應(yīng)著 iOS 系統(tǒng)和 Android 系統(tǒng)。

iOS 仿抖音 App

這個(gè)抖音 Demo 適配 iPhone、iPad，同時(shí)兼容 iOS 8.0 - iOS 12.0系統(tǒng)。采用 Object-C 語(yǔ)言編寫(xiě)。標(biāo)星 1.5K Star，項(xiàng)目地址：

https://github.com/sshiqiao/douyin-ios-objectc

本項(xiàng)目共分為三個(gè)部分：抖音個(gè)人主頁(yè)實(shí)現(xiàn)、網(wǎng)絡(luò)視頻相關(guān)功能實(shí)現(xiàn)、WebSocket 實(shí)現(xiàn) IM 即時(shí)聊天功能。

Demo 預(yù)覽

此外，作者還提供了開(kāi)發(fā)手冊(cè)，每個(gè)模塊開(kāi)發(fā)過(guò)程記錄了下來(lái)。作者同樣用到了 Charles 神器抓包，老逛以前發(fā)布的文章就派上用場(chǎng)了，結(jié)合文章 抓包神器：Charles 食用更佳。

仿抖音 App 開(kāi)發(fā)手冊(cè)

Android 仿抖音 App

這個(gè) Demo 涉及的技術(shù)要點(diǎn)如下：

• Recycler + PagerSnapHelper 實(shí)現(xiàn)全屏切換播放效果，

• 使用 Lottie 庫(kù)加載 Json 動(dòng)畫(huà)

• BottomSheetDialogFragment 實(shí)現(xiàn)分享評(píng)論彈框功能

• CoordinatorLayout + AppBarLayout 實(shí)現(xiàn)折疊布局。

該項(xiàng)目標(biāo)星 1K Star，項(xiàng)目地址：

https://github.com/18380438200/Tiktok

Demo 預(yù)覽

最后溫馨提醒：

刷抖音時(shí)能帶給你短暫的愉悅感，但如果長(zhǎng)期沉迷于刷抖音，甚至?xí)疽顾⒍兑簦硭砥穑瑫?huì)使自己碎片化時(shí)間無(wú)法被利用，心情浮躁，專(zhuān)注力下降。你可以網(wǎng)絡(luò)段子張口就來(lái)，明星網(wǎng)紅關(guān)注比誰(shuí)都多，但是個(gè)人認(rèn)知水平并沒(méi)有提高，我說(shuō)的是不是你？沉下心來(lái)學(xué)習(xí)專(zhuān)業(yè)技能，才是我們最應(yīng)該做的。

推薦好課

1. iOS 開(kāi)發(fā)手冊(cè)

2. Android 教程

3. Android SDK 上手指南