日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

iOS實現背景滑動效果_IOS

作者:yihaoxue ? 更新時間: 2022-05-22 編程語言

本文實例為大家分享了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的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]; ?
} ?

最后成型,我們就可以根據我們的樣式需要進行調整了。

原文鏈接:https://blog.csdn.net/yihaoxue/article/details/84295290

欄目分類
最近更新