美文网首页
一个简单易用的滚动菜单效果

一个简单易用的滚动菜单效果

作者: AlexCorleone | 来源:发表于2018-07-04 18:57 被阅读10次

    前一段时间一直在忙项目没有时间更新博客,最近这两天项目不忙,于是考虑将项目中使用的一些东西逐步抽离实现模块化、方便后续其他项目的使用。本篇博客如标题主要是一个滚动菜单的使用介绍。

    先上效果图:

    样式1 样式2

    代码git地址

    不闲聊直接上使用方法。

    首先引入头文件 #import "ACScrollMenuView.h"

    初始化ACScrollMenuView对象


    #pragma mark - setter && getter

    - (ACScrollMenuView*)scrollMenuView

    {

        if (!_scrollMenuView)

        {

            self.scrollMenuView = [ACScrollMenuView new];

        }

        return _scrollMenuView;

    }


    将ACScrollMenuView对象添加到视图层级


      [self.view addSubview:self.scrollMenuView];

        [_scrollMenuView mas_makeConstraints:^(MASConstraintMaker *make) {

            make.centerX.width.equalTo(self.view);

            make.top.equalTo(self.view).offset(20);

            make.height.equalTo(@(30));

        }];


    设置初始化选中的index


     [_scrollMenuView setSelectIndex:1];


    设置数据源(数据源可以继承ACScrollMenuItem实现自定义数据源)


     NSArray *menuTitleArray = @[@"简友圈", @"作者", @"专题", @"连载", @"文集", @"推送更新", @"全部关注"];

        NSMutableArray *itemsArray = @[].mutableCopy;

        for(NSIntegeri =0; i < menuTitleArray.count; i++)

        {

            ACScrollMenuItem *menuItem = [ACScrollMenuItem new];

            menuItem.menuTitle= menuTitleArray[i];

            menuItem.ID=@(i +1);

            [itemsArrayaddObject:menuItem];

        }

        [_scrollMenuView setMenuDataSourceArray:itemsArray];


    设置回调的处理Block


        [_scrollMenuView setDidSelectMenuItemBlock:^(ACScrollMenuItem *selectItem, NSInteger selectIndex) {

            NSLog(@"%@ ----- %ld", selectItem.menuTitle, selectIndex);

        }];


    样式配置信息

    具体信息设置ACScrollMenuConfig属性如下:


    //    [ACScrollMenuConfig getDefaultConfig].scrollMenuStyle = ACScrollMenuItemStyleBottomLine;

    //    scrollMenuConfig.menuTitleSelectedColor = UIColor.purpleColor;

    //    scrollMenuConfig.itemMiddleMargin = 0;


    喜欢记得点个赞哦!十分喜欢github给个✨✨!!谢谢!!!!

    相关文章

      网友评论

          本文标题:一个简单易用的滚动菜单效果

          本文链接:https://www.haomeiwen.com/subject/bldyuftx.html