ios 自定义带下划线的tab切换按钮

1. 创建2个tab栏切换的TabBar

#pragma mark -- 创建顶部Tab切换按钮
- (void)createTopTabBarSegment
{
    if(!_segmentLineView)
    {
        _segmentLineView = [[UIView alloc] initWithFrame:CGRectMake((kDEVICEWIDTH - TOPTABBARWIDTH*2 - 35)/2.0, 20+38, TOPTABBARWIDTH, 2)];
        _segmentLineView.backgroundColor = loadColor(@"0093ff");
        [self.view addSubview:_segmentLineView];
    }
    
    //多少个tab
    for (NSInteger i = 0; i < _segmentTitleArray.count; i++)
    {
        UIButton * segmentButton = [UIButton buttonWithType:UIButtonTypeCustom];
        segmentButton.frame = CGRectMake((kDEVICEWIDTH - TOPTABBARWIDTH*2 - 35)/2.0 + TOPTABBARWIDTH*i, 20, TOPTABBARWIDTH, 40);
        segmentButton.tag = 9999 + i;
        [segmentButton setTitle:[_segmentTitleArray objectAtIndex:i] forState:UIControlStateNormal];
        [segmentButton setTitle:[_segmentTitleArray objectAtIndex:i] forState:UIControlStateSelected];
        [segmentButton  setTitleColor:TFCOLOR_68758E forState:UIControlStateNormal];
        [segmentButton  setTitleColor:loadColor(@"0093ff")  forState:UIControlStateSelected];
        segmentButton.titleLabel.font = loadFont(18.f);
        [segmentButton addTarget:self action:@selector(didTopTabSelectClick:) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:segmentButton];
        if (i == 0)//默认选中第一个tab
        {
            _selectedTabBtn = segmentButton;
            [segmentButton setSelected:YES];
        }
    }
}

#pragma mark --  顶部tab选择事件
- (void)didTopTabSelectClick:(UIButton*)sender
{
    _segmentLineView.frame = CGRectMake((kDEVICEWIDTH - TOPTABBARWIDTH*2 - 35)/2.0 + TOPTABBARWIDTH * (sender.tag - 9999), 20+38, TOPTABBARWIDTH, 2);
    _selectedTabBtn.selected = !_selectedTabBtn.selected;
    sender.selected = !sender.selected;
    _selectedTabBtn = sender;
    
    if (sender.tag == 9999)
    {
        self.currentSelectedTabIndex = 0;
    }
    else if (sender.tag == 10000)
    {
        self.currentSelectedTabIndex = 1;
}}

//清除顶部的tabBar UI上的数据
- (void)clearTopTabBarSegment
{ //先将顶部的View移除掉,再去添加 
  UIButton *ljBtn = (UIButton*)[self.view viewWithTag:9999];
 if (ljBtn) { [ljBtn removeFromSuperview]; }
 UIButton *ljBtn1 = (UIButton*)[self.view viewWithTag:10000];
 if (ljBtn1) { [ljBtn1 removeFromSuperview]; } 
 if(_segmentLineView) { [_segmentLineView removeFromSuperview]; _segmentLineView = nil; }}


2. 当从第一个页面里面的某一个button切换到第二个tab时,可以这样处理

#pragma mark -- 查看按钮点击
- (void)aroundClicked
{
    CHDebugLog(@"%s",__FUNCTION__);
    
    if (_selectedTabBtn.tag == 9999)
    {
        if ([self respondsToSelector:@selector(didTopTabSelectClick:)])
        {
             UIButton *ljBtn1 = (UIButton*)[self.view viewWithTag:10000];//将当前页面里面的第二个tab找到传过去
             [self performSelector:@selector(didTopTabSelectClick:) withObject:ljBtn1];
        }
    }
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本Demo使用UICollectionView实现自动无限轮播功能。 主要功能: 1.实现自动轮播,可修改轮播的时间 2.轮播图片可以来自本地,也可来自网络,通过单独的方法进行设置即可。对于加载网络图片时,Demo中使用了YYWebImage,也可自行替换成SDWebImage。 3.重写了和系统UIPageControl一样的功能,可用图片代替PageControl上的点点,也可自定义其颜色以及切换动画。 使用方法:使用方法比较简单。 /** * 加载本地图片Banner */ - (void)setupLocalBannerImageView { NSArray *array = @[@"1.png", @"2.png", @"3.png", @"4.png", @"5.png"]; FFBannerView *bannerVew = [FFBannerView bannerViewWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 200) locationImageArray:array]; bannerVew.timeInterval = 2.0; [self.view addSubview:bannerVew]; } /** * 加载网络图片Banner */ - (void)setupNetWorkBannerImageView { NSArray *array = @[@"http://i3.download.fd.pchome.net/t_960x600/g1/M00/07/09/oYYBAFMv8q2IQHunACi90oB0OHIAABbUQAAXO4AKL3q706.jpg", @"http://images.weiphone.net/attachments/photo/Day_120308/118871_91f6133116504086ed1b82e0eb951.jpg", @"http://benyouhuifile.it168.com/forum/macos/attachments/month_1104/110425215921926a173e0f728e.jpg", @"http://benyouhuifile.it168.com/forum/macos/attachments/month_1104/1104241737046031b3a754f783.jpg"]; FFBannerView *bannerVew = [FFBannerView bannerViewWithFrame:CGRectMake(0, 250, [UIScreen mainScreen].bounds.size.width, 200) netWorkImageArray:array placeHolderImage:nil]; bannerVew.timeInterval = 2.0; bannerVew.pageControlStyle = FFPageControlStyleMiddle; bannerVew.delegate = self; [self.view addSubview:bannerVew]; } 以上方式即可简单使用,如需自定义PageControl也可继承FFAbstractDotView,做些基本的设置即可。 gitHub下载地址:喜欢的朋友请给个星呗! 欢迎各位一起来讨论,有问题请发邮箱270452746@qq.com或者直接加我QQ:270452746进行讨论。谢谢!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值