SLPagingView 0.0.5

您希望将 pod 'SLPagingView', '~> 0.0' 类似下面的到 Podfile 中

target 'MyApp' do
  pod 'SLPagingView', '~> 0.0'
end

然后在终端或 CocoaPods.app 中运行 pod install

或者为了测试它，运行以下命令

pod try SLPagingView

SLPagingView 0.0.5

由
StefanLage

一个导航栏系统，允许进行类似 Tinder 或 Twitter 的操作。

要求

iOS 7.0+
ARC

安装

手动

将 SLPagingView 文件夹导入您的项目中。

如何使用

易于实现

    // Make views for the navigation bar
    UIImage *img1 = [UIImage imageNamed:@"gear"];
    img1 = [img1 imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];

    UIImage *img2 = [UIImage imageNamed:@"profile"];
    img2 = [img2 imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];

    UIImage *img3 = [UIImage imageNamed:@"chat"];
    img3 = [img3 imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];

    NSArray *titles = @[[[UIImageView alloc] initWithImage:img1], [[UIImageView alloc] initWithImage:img2], [[UIImageView alloc] initWithImage:img3]];
    NSArray *views = @[[self viewWithBackground:orange], [self viewWithBackground:[UIColor yellowColor]], [self viewWithBackground:gray]];

    SLPagingViewController *pageViewController = [[SLPagingViewController alloc] initWithNavBarItems:titles
                                                                                    navBarBackground:[UIColor whiteColor]
                                                                                               views:views
                                                                                     showPageControl:NO];

然后您可以根据需要创建自己的行为

    // Tinder Like
    pageViewController.pagingViewMovingRedefine = ^(UIScrollView *scrollView, NSArray *subviews){
        int i = 0;
        for(UIImageView *v in subviews){
            UIColor *c = gray;
            if(v.frame.origin.x > 45
               && v.frame.origin.x < 145)
                // Left part
                c = [self gradient:v.frame.origin.x
                               top:46
                            bottom:144
                              init:orange
                              goal:gray];
            else if(v.frame.origin.x > 145
                    && v.frame.origin.x < 245)
                // Right part
                c = [self gradient:v.frame.origin.x
                               top:146
                            bottom:244
                              init:gray
                              goal:orange];
            else if(v.frame.origin.x == 145)
                c = orange;
            v.tintColor= c;
            i++;
        }
     };

其他示例

类似 Twitter 的行为

    // Twitter Like
    pageViewController.pagingViewMovingRedefine = ^(UIScrollView *scrollView, NSArray *subviews){
        CGFloat xOffset = scrollView.contentOffset.x;
        int i = 0;
        for(UILabel *v in subviews){
            CGFloat alpha = 0.0;
            if(v.frame.origin.x < 145)
                alpha = 1 - (xOffset - i*320) / 320;
            else if(v.frame.origin.x >145)
                alpha=(xOffset - i*320) / 320 + 1;
            else if(v.frame.origin.x == 140)
                alpha = 1.0;
            i++;
            v.alpha = alpha;
        }
    };

API

设置当前页面

如果您想更改默认的页面控制索引（或类似内容），您可以调用执行此操作

    -(void)setCurrentIndex:(NSInteger)index animated:(BOOL)animated;

导航项样式

您可以通过设置以下值轻松自定义导航项

    @property (nonatomic) SLNavigationSideItemsStyle navigationSideItemsStyle;

通过使用以下值之一

    typedef NS_ENUM(NSInteger, SLNavigationSideItemsStyle) {
        SLNavigationSideItemsStyleOnBounds,
        SLNavigationSideItemsStyleClose,
        SLNavigationSideItemsStyleNormal,
        SLNavigationSideItemsStyleFar,
        SLNavigationSideItemsStyleDefault,
        SLNavigationSideItemsStyleCloseToEachOne
    };

设置导航栏的背景颜色

您可以使用以下方法更新导航栏的背景颜色

    setNavigationBarColor:(UIColor*) color;

Storyboard 支持

此类可以使用 Storyboard 实现。您需要将所有连接到您的 SLPagingViewController 的 segue 的标识符设置为以下语法：sl_X where X ∈ [0..N]。

X 对应于视图的索引，从 0 开始，按升序排列。

您可以找到更多信息的示例“TinderStoryboard”。

设置导航栏的背景颜色

要从 Storyboard 设置导航栏的背景颜色，您只需要像所有导航栏一样设置即可。

许可证

在 MIT 许可证下可用，请阅读 LICENSE 以获取更多信息。