本文实例为大家分享了iOS实现背景滑动效果的具体代码，供大家参考，具体内容如下
1、在很多APP中，我们都可以看见那些特效绚丽的滑动选项条，那么如何才能够简单，快速的实现那样的效果呢
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
#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属性》
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
#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添加按钮点击事件，同时设置背景色滑动特效。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
- (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]; } |
最后成型，我们就可以根据我们的样式需要进行调整了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：https://blog.csdn.net/yihaoxue/article/details/84295290
