您的位置:首页 > 移动开发 > IOS开发

ios 自己定义导航栏和切割线

2016-02-01 13:25 417 查看
自己定义导航栏:

//  CustomNaviBarView.h

#import <UIKit/UIKit.h>

@interface CustomNaviBarView : UIView
{
@private
/**
*  左側button
*/
UIButton* _leftButton;
/**
*  右側button
*/
UIButton* _rightButton;
/**
*  中部标签
*/
UILabel* _navTitle;
}

@property(nonatomic,strong)UIButton* leftButton;
@property(nonatomic,strong)UIButton* rightButton;
@property(nonatomic,strong)UILabel* navTitle;

/**
*  返回一个自己定义导航条
*
*  @param controller  控制器对象
*  @param leftTitle   导航左側文本,默认:@"取消"
*  @param rightTitle  导航右側文本
*  @param centerTitle 导航中部文本
*
*  @return 导航条对象
*/
- (CustomNaviBarView*)initCustomNaviBarViewOnController:(UIViewController*)controller leftTitle:(NSString*)leftTitle rightTitle:(NSString*)rightTitle centerTitle:(NSString*)centerTitle;

@end


//  CustomNaviBarView.m

#import "CustomNaviBarView.h"
#import "Constant.h"

@implementation CustomNaviBarView

@synthesize leftButton = _leftButton;
@synthesize rightButton = _rightButton;
@synthesize navTitle = _navTitle;

- (CustomNaviBarView*)initCustomNaviBarViewOnController:(UIViewController*)controller leftTitle:(NSString*)leftTitle rightTitle:(NSString*)rightTitle centerTitle:(NSString*)centerTitle
{
//1.创建导航栏视图
self = [super initWithFrame:CGRectMake(0, 0, WIDTH_SCREEN, 65)];
if (self != nil)//当导航视图没有载入成功的时候推出该方法
{
//1.为导航视图设置背景
self.backgroundColor = [UIColor colorWithRed:248 / 255.0 green:248 / 255.0 blue:248 / 255.0 alpha:1];
[[controller navigationController] setNavigationBarHidden:YES animated:YES];

//2.导航面板左边的取消按钮
_leftButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
if (_leftButton != nil)
{
_leftButton.frame = CGRectMake(15, 20, 65, 44);
if (leftTitle != nil) {
[_leftButton setTitle:leftTitle forState: UIControlStateNormal];
}else
{
[_leftButton setTitle:POST_CANCEL_BUTTON forState: UIControlStateNormal];
}
[_leftButton setTitleColor:[[UIColor alloc] initWithRed:0 green:158/255.0 blue:150/255.0 alpha:1.0]forState:UIControlStateNormal];
_leftButton.titleLabel.font            = [UIFont systemFontOfSize: 16.0];
_leftButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
//[leftButton addTarget:self action:@selector(cancelButtonEventTouchUpInside)forControlEvents :UIControlEventTouchUpInside];
[self addSubview:_leftButton];
}
//3.导航面板右边的公布按钮
_rightButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
if (_rightButton != nil)
{
[_rightButton setFrame:CGRectMake(WIDTH_SCREEN - 80, 20, 65, 44)];
if (_rightButton != nil) {
[_rightButton setTitle:rightTitle forState: UIControlStateNormal];
}else
{
//[rightButton setTitle:POST_CANCEL_BUTTON forState: UIControlStateNormal];
}
[_rightButton setTitleColor:[[UIColor alloc] initWithRed:0 green:158/255.0 blue:150/255.0 alpha:1.0]forState:UIControlStateNormal];
_rightButton.titleLabel.font            = [UIFont systemFontOfSize: 16.0];
_rightButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentRight;
//[rightButton addTarget:self action:@selector(postButtonEventTouchUpInside)forControlEvents :UIControlEventTouchUpInside];
[self addSubview:_rightButton];
}

//4.导航面板中部文字
_navTitle = [[UILabel alloc] initWithFrame:CGRectMake(80, 20, WIDTH_SCREEN - 80 - 80, 44)];
if (_navTitle != nil)
{
[_navTitle setTextColor:[UIColor blackColor]];
if (centerTitle != nil)
{
_navTitle.text = centerTitle;
}else
{
//navTitle.text = @"";
}
[_navTitle setTextAlignment:NSTextAlignmentCenter];
_navTitle.font = [UIFont systemFontOfSize:18.0];
[self addSubview:_navTitle];
}

//5.在导航视图底加入切割线
UIView *navDividingLine = [[UIView alloc] init];
if (navDividingLine != nil)
{
navDividingLine.frame = CGRectMake(0, 20 + 44, WIDTH_SCREEN, 1);
navDividingLine.backgroundColor = [UIColor colorWithRed:221 / 255.0 green:221 / 255.0 blue:221 / 255.0 alpha:1];
[self addSubview:navDividingLine];
}

//6.往view添加导航栏
//[controller.view addSubview:navView];
}
return self;
}

@end

怎样使用:

//1.创建导航
CustomNaviBarView* customNaviBarView = [[CustomNaviBarView alloc] initCustomNaviBarViewOnController:self leftTitle: nil rightTitle:NEWADDRESS_ADD_TITLE centerTitle:NEWADDRESS_NAVIGATION_TITLE];
if (customNaviBarView != nil)
{
[customNaviBarView.leftButton addTarget:self action:@selector(cancelButtonEventTouchUpInside) forControlEvents:UIControlEventTouchUpInside];
[customNaviBarView.rightButton addTarget:self action:@selector(addButtonEventTouchUpInside) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:customNaviBarView];
}


自己定义切割线:

#import <UIKit/UIKit.h>

@interface CustomDividingLine : UIView

/**
*  创建一条切割线
*
*  @param frame 位置及大小
*  @param color 背景色,假设为空默认:#f2f2f2
*
*  @return 新创建的切割线
*/
- (CustomDividingLine*)initDividingLineWithFrame:(CGRect)frame color:(UIColor*)color;

@end


#import "CustomDividingLine.h"

@implementation CustomDividingLine

/**
*  创建一条切割线
*
*  @param frame 位置及大小
*  @param color 背景色
*
*  @return 新创建的切割线
*/
- (CustomDividingLine*)initDividingLineWithFrame:(CGRect)frame color:(UIColor*)color
{
//3.2.1切割线
self = [super init];
if (self != nil)
{
self.frame = frame;
if (color != nil)
{
self.backgroundColor = color;
}
else
{
self.backgroundColor = [[UIColor alloc] initWithRed:242/255.0 green:242/255.0 blue:242/255.0 alpha:1.0];
}
}
return self;
}

@end


怎样使用:

//3.切割线
CustomDividingLine* customDividingLine = [[CustomDividingLine alloc]initDividingLineWithFrame:CGRectMake(0, 65 + 100, WIDTH_SCREEN, 1) color:nil];
if (customDividingLine != nil)
{
[self.view addSubview:customDividingLine];
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: