iOS实现背景滑动效果 iOS实现背景滑动效果

本文实例为大家分享了iOS实现背景滑动效果的具体代码，供大家参考，具体内容如下
【iOS实现背景滑动效果】1、在很多APP中，我们都可以看见那些特效绚丽的滑动选项条，那么如何才能够简单，快速的实现那样的效果呢

文章图片

#import @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 @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的titlebtnArray = [[NSMutableArray alloc]init]; titleArray = [[NSMutableArray alloc]initWithObjects:@"热播大片",@"最新更新",@"最热观看",@"美剧大片",@"韩剧频道",@"综艺娱乐", nil]; //动态生成buttonfor (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]; //设置每次只能选择一个buttonUIButton *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]; }

最后成型，我们就可以根据我们的样式需要进行调整了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。