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

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

作者: 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