iOS實(shí)現(xiàn)背景滑動效果

更新時(shí)間：2022年03月21日 09:57:58 作者：yihaoxue

這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)背景滑動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了iOS實(shí)現(xiàn)背景滑動效果的具體代碼，供大家參考，具體內(nèi)容如下

1、在很多APP中，我們都可以看見那些特效絢麗的滑動選項(xiàng)條，那么如何才能夠簡單，快速的實(shí)現(xiàn)那樣的效果呢

#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方法中，或者自定義一個(gè)方法中創(chuàng)建我么的界面元素?！哆@里我引日了QuartzCore框架，是為了使用其layer屬性》

#import "ViewController.h" ?
#import <QuartzCore/QuartzCore.h> ?
??
@interface ViewController () ?
??
@end ?
??
@implementation ViewController ?
??
@synthesize customView; ?
@synthesize backView; ?
@synthesize myButton; ?
??
//每行顯示的button個(gè)數(shù) ?
#define kSelectNum 6 ?
??
- (void)viewDidLoad ?
{ ?
? ? [super viewDidLoad]; ?
? ? // Do any additional setup after loading the view, typically from a nib. ?
? ? ??
? ? //創(chuàng)建背景視圖，并設(shè)置背景顏色或者圖片 ?
? ? customView = [[UIView alloc]initWithFrame:CGRectMake(20, 100, 900, 60)]; ?
? ? customView.backgroundColor = [UIColor blackColor]; ?
? ? //設(shè)置customView的樣式，變?yōu)閳A角 ?
? ? customView.layer.cornerRadius = 15.0f; ?
? ? customView.layer.masksToBounds = YES; ?
? ? //將customView add 到當(dāng)前主View中 ?
? ? [self.view addSubview:customView]; ?
? ? ??
? ? //創(chuàng)建button的背景視圖 ?
? ? backView = [[UIView alloc] initWithFrame:CGRectMake(5, 5, 95, 50)]; ?
? ? backView.backgroundColor = [UIColor blueColor]; ?
? ? //設(shè)置為圓角。以免造成重疊顯示 ?
? ? backView.layer.cornerRadius = 15.0f; ?
? ? backView.layer.masksToBounds = YES; ?
? ? //將backView視圖add到customView中 ?
? ? [customView addSubview:backView]; ?
? ? ??
? ? ??
? ? //創(chuàng)建button，首先button的個(gè)數(shù)是不固定的，因此我們需要動態(tài)的生成button ?
? ? //創(chuàng)建數(shù)組，保存button的title ?
? ? btnArray = [[NSMutableArray alloc]init]; ?
? ? titleArray = [[NSMutableArray alloc]initWithObjects:@"熱播大片",@"最新更新",@"最熱觀看",@"美劇大片",@"韓劇頻道",@"綜藝娛樂", nil]; ?
? ? //動態(tài)生成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]; ?
? ? ? ? ??
? ? ? ? //設(shè)置默認(rèn)選擇的button.title的顏色 ?
? ? ? ? if(i == 0){ ?
? ? ? ? ? ? myButton.selected = YES; ?
? ? ? ? } ?
? ? } ?
} ?

第三步：我們?yōu)閎utton添加按鈕點(diǎn)擊事件，同時(shí)設(shè)置背景色滑動特效。

- (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]; ?
? ? ??
? ? //設(shè)置每次只能選擇一個(gè)button ?
? ? UIButton *button = (UIButton *)sender; ?
? ? if(!button.selected){ ?
? ? ? ? for (UIButton *eachBtn in btnArray) { ?
? ? ? ? ? ? if(eachBtn.isSelected){ ?
? ? ? ? ? ? ? ? [eachBtn setSelected:NO]; ?
? ? ? ? ? ? } ?
? ? ? ? } ?
? ? ? ? [button setSelected:YES]; ?
? ? ? ? ??
? ? ? ? //設(shè)置點(diǎn)擊那個(gè)按鈕，那個(gè)按鈕的背景改變?yōu)閎ackView的顏色 ?
? ? ? ? [backView setFrame:button.frame]; ?
? ? } ?
? ? [UIView commitAnimations]; ?
} ?

最后成型，我們就可以根據(jù)我們的樣式需要進(jìn)行調(diào)整了。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: