定製滾動標籤欄

Question

我有一個關於在屏幕的iOS應用中的頂部實現自定義的滾動標籤欄的問題。我正在尋找一個非常類似於vevo應用程序的標籤欄（如下圖所示）。我已經檢查了這個滾動標籤欄（https://github.com/vermontlawyer/JFATabBarController），但想要將其移動到頂部，並且它在編輯源代碼時似乎會出現毛病...我假設我不能使用標準tabbarcontroller，但是必須使自定義標籤欄....正確？我將如何去在屏幕頂部創建自定義滾動選項卡欄？

非常感謝您的任何反饋！

Answer 1

這個項目可以幫助你：https://github.com/Marxon13/M13InfiniteTabBar但你需要

在於內嵌有一個UIScrollView一個無限UITabBar;），它可以被配置爲把中的TabBar屏幕上方。

希望它能幫助！

Answer 2

基本上，你會做類似如下：

@class CustomTabBar; 

@protocol CustomTabBarDatasource <NSObject> 
- (int)numberOfElementsInCustomTabBar:(CustomTabBar *)bar; 
- (NSString *)titleForTabAtIndex:(int)index inCustomTabBar:(CustomTabBar *)bar; 
@end 

@protocol CustomTabBarDelegate <NSObject> 
- (void)customTabBar:(CustomTabBar *)bar activatedTabAtIndex:(int)index; 
@end 

@interface CustomTabBar : UIView 
@property (weak) id<CustomTabBarDataSource> dataSource; 
@property (weak) id<CustomTabBarDelegate> delegate; 
@end 

@interface YourViewController : UIViewController { 
    CustomTabBar *myTabBar; 
} 
@end 

@interface YourViewController (TabBarDataSource) <CustomTabBarDataSource> 
@end 

@interface YourViewController (TabBarDelegate) <CustomTabBarDelegate> 
@end 

您CustomTabBar的實施將包括UIScrollView和一組UIButton S，其標題，你會找回從dataSource。當一個按鈕被觸發時，你可以調用delegate的customTabBar:activatedTabAtIndex:方法。代理方法觸發時，您的YourViewController將更改其內容。

Answer 3

你可以看看這個庫：https://github.com/raihan/ZRScrollableTabBar。這是簡單和輕量級，可以幫助你。

Answer 4

我一直在尋找類似的解決方案，但最終想出我自己的，想分享的人，可能在稍後尋找。

https://github.com/chrismanahan/Simple-Scrolling-Tab-Bar

這是一個超級簡單的方法來創建與你的故事板的標準UITabBarController滑動標籤欄。