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点击推送消息跳到应用指定页面方法，有需要的可以了解一下。
2016-11-11
IOS CoreLocation实现系统自带定位的方法
本篇文章主要介绍了IOS Core Location实现系统自带定位的方法，非常具有实用价值，需要的朋友可以参考下。
2017-02-02
iOS开发仿电商类APP首页实例
本篇文章主要介绍了iOS开发仿电商类APP首页实例，主要是利用ui布局，具有一定的参考价值，有需要的可以了解一下。
2016-11-11
IOS 字符串常用处理详细介绍
这篇文章主要介绍了IOS 字符串常用处理详细介绍的相关资料,需要的朋友可以参考下
2017-02-02
Swift实现iOS应用中短信验证码倒计时功能的实例分享
这篇文章主要介绍了Swift实现iOS应用中短信验证码倒计时功能的实例分享,开启和关闭倒计时功能的步骤实现比较关键,需要的朋友可以参考下
2016-04-04
iOS中正则表达式的运用示例代码
正则表达式（广为所知的“regex”）是一个字符串或一个字符序列来说明一种模式，把它作为一个搜索字符串-非常强大！下面这篇文章主要给大家介绍了关于iOS中正则表达式运用的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
2017-09-09
IOS中内存管理那些事
这篇文章主要介绍了IOS中内存管理那些事的相关资料,需要的朋友可以参考下
2015-11-11
iOS实现无限循环滚动的TableView实战教程
这篇文章主要给大家介绍了关于iOS实现无限循环滚动的TableView的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
2017-05-05
iOS实现联系人列表功能
这篇文章主要为大家详细介绍了iOS实现联系人列表功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
iOS Xcode8更新后输出log日志关闭的方法
今天刚把xcode更新到了xcode8，运行发现好多log输出，怎么关闭呢，不是很清楚，通过查阅相关资料顺利关掉这些log日志，下面小编把方法共享下，需要的朋友参考下
2016-09-09