仿淘寶閑魚的TabBar (Objective-C 實現)

0x00 為什么做這個

從我由 Android 轉 iOS 開發之后，曾接過一個項目，底部的 TabBar 就是設計成中間一個按鈕凸起的樣子的，平時玩的 App 不多，這樣的設計也就在 Instagram 上看到過，但是那時候上網找資源也沒找到比較好的 (也有可能是我沒找到)，所以那時候就沒有做得很好，到后來，突然看到了一些 App 更新之后變成了中間一個按鈕凸起的樣子，想起了之前想要仿著咸魚的 TabBar，但是一直沒有動手去做，所以現在就動手開始做了。

Android 版

Android 版在 這里

0x01 進度

• 2015-10-19 中午：花了一個晚上的時間，沒做完，有一個問題是，在自定義的按鈕上，沒有顯示設置好的 image，在系統的 UIButton 上就可以顯示。 (TMD Google 了好久沒解決，原來是我自己忘了在自定義按鈕的layoutSubviews方法里面調用父類的layoutSubviews方法 = =||)
• 2015-10-19 下午：中間發布按鈕圖片顯示樣式未調整好
• 2015-10-19 晚上：完成
</ul>

0x02 截圖

官方 App 截圖：



項目截圖：

• PNG:
</ul>



• GIF:
</ul>



0x03 瑕疵

• 當點擊同城的時候，按鈕會有變暗的效果，經過測試，發現是跟圖片有關系：
</ul>



• 因為 LLTabBarItem 是繼承自 UIButton 的，在設置了 ViewController 的 tabBarItem 之后，在系統的 UITabBar 中生成的實際上是 UITabBarButton(通過 Reveal 看到的)，而 UITabBarButton 是繼承自 UIControl 的，所以和繼承 UIButton 的效果有所差別，并沒有和系統的 UITabBar 效果一樣。感興趣的可以繼承 UIControl 試試看。
</ul>

0x04 Requirements

• iOS 7.0+
</ul>

0x05 編譯測試環境

• Xcode 7.0.1 (7A1001)
• iPhone6 (9.0) 模擬器
• iPhone5S (8.3) 真機
</ul> https://github.com/NoCodeNoWife/LLRiseTabBar-iOS