iOS实现背景滑动效果

 更新时间:2022年03月21日 09:57:58   作者:yihaoxue  
这篇文章主要为大家详细介绍了iOS实现背景滑动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了iOS实现背景滑动效果的具体代码,供大家参考,具体内容如下

1、在很多APP中,我们都可以看见那些特效绚丽的滑动选项条,那么如何才能够简单,快速的实现那样的效果呢

#import <UIKit/UIKit.h>  
  
@interface ViewController : UIViewController{  
    NSMutableArray *btnArray;  
    NSMutableArray *titleArray;  
}  
  
@property (nonatomic,strong) UIView *customView;  
@property (nonatomic,strong) UIView *backView;  
@property (nonatomic,strong) UIButton *myButton;  
  
-(void)myButtonClcik:(id)sender;  
  
@end  

第二步:在我们的额viewdidload方法中,或者自定义一个方法中创建我么的界面元素。《这里我引日了QuartzCore框架,是为了使用其layer属性》

#import "ViewController.h"  
#import <QuartzCore/QuartzCore.h>  
  
@interface ViewController ()  
  
@end  
  
@implementation ViewController  
  
@synthesize customView;  
@synthesize backView;  
@synthesize myButton;  
  
//每行显示的button个数  
#define kSelectNum 6  
  
- (void)viewDidLoad  
{  
    [super viewDidLoad];  
    // Do any additional setup after loading the view, typically from a nib.  
      
    //创建背景视图,并设置背景颜色或者图片  
    customView = [[UIView alloc]initWithFrame:CGRectMake(20, 100, 900, 60)];  
    customView.backgroundColor = [UIColor blackColor];  
    //设置customView的样式,变为圆角  
    customView.layer.cornerRadius = 15.0f;  
    customView.layer.masksToBounds = YES;  
    //将customView add 到当前主View中  
    [self.view addSubview:customView];  
      
    //创建button的背景视图  
    backView = [[UIView alloc] initWithFrame:CGRectMake(5, 5, 95, 50)];  
    backView.backgroundColor = [UIColor blueColor];  
    //设置为圆角。以免造成重叠显示  
    backView.layer.cornerRadius = 15.0f;  
    backView.layer.masksToBounds = YES;  
    //将backView视图add到customView中  
    [customView addSubview:backView];  
      
      
    //创建button,首先button的个数是不固定的,因此我们需要动态的生成button  
    //创建数组,保存button的title  
    btnArray = [[NSMutableArray alloc]init];  
    titleArray = [[NSMutableArray alloc]initWithObjects:@"热播大片",@"最新更新",@"最热观看",@"美剧大片",@"韩剧频道",@"综艺娱乐", nil];  
    //动态生成button  
    for (int i = 0; i < kSelectNum; i ++){  
        myButton = [UIButton buttonWithType:UIButtonTypeCustom];  
        myButton.titleLabel.font = [UIFont boldSystemFontOfSize:20.0f];  
        [myButton setTitle:[titleArray objectAtIndex:i] forState:UIControlStateNormal];  
        [myButton setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];  
        [myButton setTitleColor:[UIColor whiteColor] forState:UIControlStateSelected];  
        [myButton setFrame:CGRectMake(i%(kSelectNum + 1)*140+5, 5, 95, 50)];  
        [myButton addTarget:self action:@selector(myButtonClcik:) forControlEvents:UIControlEventTouchUpInside];  
        myButton.tag = i;  
        [btnArray addObject:myButton];  
        [customView addSubview:myButton];  
          
        //设置默认选择的button.title的颜色  
        if(i == 0){  
            myButton.selected = YES;  
        }  
    }  
}  

第三步:我们为button添加按钮点击事件,同时设置背景色滑动特效。

- (void)myButtonClcik:(id)sender{  
//    NSString *selectedBtn = [NSString stringWithFormat:@"%@",[titleArray objectAtIndex:button.tag]];  
//    UIAlertView *alert = [[UIAlertView alloc]initWithTitle:nil message:selectedBtn delegate:self cancelButtonTitle:@"OK" otherButtonTitles:nil, nil];  
//    [alert show];  
      
    //添加动画过度效果  
    [UIView beginAnimations:@"slowGlide" context:nil];  
    [UIView setAnimationDuration:0.3f];  
      
    //设置每次只能选择一个button  
    UIButton *button = (UIButton *)sender;  
    if(!button.selected){  
        for (UIButton *eachBtn in btnArray) {  
            if(eachBtn.isSelected){  
                [eachBtn setSelected:NO];  
            }  
        }  
        [button setSelected:YES];  
          
        //设置点击那个按钮,那个按钮的背景改变为backView的颜色  
        [backView setFrame:button.frame];  
    }  
    [UIView commitAnimations];  
}  

最后成型,我们就可以根据我们的样式需要进行调整了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS点击推送消息跳到应用指定页面方法

    iOS点击推送消息跳到应用指定页面方法

    现在的推送用的越来越频繁,几乎每个应用都开始用到了。这篇文章主要介绍了iOS点击推送消息跳到应用指定页面方法,有需要的可以了解一下。
    2016-11-11
  • IOS CoreLocation实现系统自带定位的方法

    IOS CoreLocation实现系统自带定位的方法

    本篇文章主要介绍了IOS Core Location实现系统自带定位的方法,非常具有实用价值,需要的朋友可以参考下。
    2017-02-02
  • iOS开发仿电商类APP首页实例

    iOS开发仿电商类APP首页实例

    本篇文章主要介绍了iOS开发仿电商类APP首页实例,主要是利用ui布局,具有一定的参考价值,有需要的可以了解一下。
    2016-11-11
  • IOS 字符串常用处理详细介绍

    IOS 字符串常用处理详细介绍

    这篇文章主要介绍了IOS 字符串常用处理详细介绍的相关资料,需要的朋友可以参考下
    2017-02-02
  • Swift实现iOS应用中短信验证码倒计时功能的实例分享

    Swift实现iOS应用中短信验证码倒计时功能的实例分享

    这篇文章主要介绍了Swift实现iOS应用中短信验证码倒计时功能的实例分享,开启和关闭倒计时功能的步骤实现比较关键,需要的朋友可以参考下
    2016-04-04
  • iOS中正则表达式的运用示例代码

    iOS中正则表达式的运用示例代码

    正则表达式(广为所知的“regex”)是一个字符串或一个字符序列来说明一种模式,把它作为一个搜索字符串-非常强大!下面这篇文章主要给大家介绍了关于iOS中正则表达式运用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2017-09-09
  • IOS中内存管理那些事

    IOS中内存管理那些事

    这篇文章主要介绍了IOS中内存管理那些事的相关资料,需要的朋友可以参考下
    2015-11-11
  • iOS实现无限循环滚动的TableView实战教程

    iOS实现无限循环滚动的TableView实战教程

    这篇文章主要给大家介绍了关于iOS实现无限循环滚动的TableView的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-05-05
  • iOS实现联系人列表功能

    iOS实现联系人列表功能

    这篇文章主要为大家详细介绍了iOS实现联系人列表功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • iOS Xcode8更新后输出log日志关闭的方法

    iOS Xcode8更新后输出log日志关闭的方法

    今天刚把xcode更新到了xcode8,运行发现好多log输出,怎么关闭呢,不是很清楚,通过查阅相关资料顺利关掉这些log日志,下面小编把方法共享下,需要的朋友参考下
    2016-09-09

最新评论