ios 在view上有很多按钮,如何让每个按钮使用同一张背景图?

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属性》

[cpp] view plaincopy

#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 = 0i <kSelectNumi ++){

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添加按钮点击事件，同时设置背景色滑动特效。

[cpp] view plaincopy

- (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平台，UINavigationBar可以通过设置tintColor来改变导航条的背景颜色，但是由于UIBarButtonItem没有文本颜色设置功能，所以如果将UINavigationBar的tintColor设置成whiteColor的话，文字显示就不怎么清晰了。这种情况网上一般建议通过建立一个UILabel，赋值给UINavigationItem的titleView属性，改变标题的颜色。建立一个UIButton，通过UIBarButtonItem的initWithCustomView方法创建UIBarButtonItem对象效果不尽人意吧。当然可以通过设置背景图片什么的，加强效果。但总体来说不如只改变文本颜色方便。iOS的Objective C提供了runtime函数，定义在objc目录下面。通过这些运行时库函数可以对系统定义的对象进行修改，比如增加方法，修改方法的代码地址....通过枚举UINavigationBar的子视图，发现显示UIBarButtonItem内容的是UINavigationButton，它有一个子视图类型为UIButtonLabel，UIButtonLabel继承自UILabel，UIButtonLabel类型本身没有重载setTextColor:方法，因此调用class_addMethod给UIButtonLabel类型增加一个setTextColor:方法，然后把传进来的color强制改成其他颜色，再调用UILabel的setTextColor:方法即可。

---