詳解iOS應用中自定義UIBarButtonItem導航按鈕的創(chuàng)建方法
iOS系統(tǒng)導航欄中有l(wèi)eftBarButtonItem和rightBarButtonItem，我們可以根據(jù)自己的需求來自定義這兩個UIBarButtonItem。
四種創(chuàng)建方法
系統(tǒng)提供了四種創(chuàng)建的方法：
- (instancetype)initWithBarButtonSystemItem:(UIBarButtonSystemItem)systemItem target:(id)target action:(SEL)action;
- (instancetype)initWithImage:(UIImage *)image style:(UIBarButtonItemStyle)style target:(id)target action:(SEL)action;
- (instancetype)initWithTitle:(NSString *)title style:(UIBarButtonItemStyle)style target:(id)target action:(SEL)action;
- (instancetype)initWithBarButtonSystemItem:(UIBarButtonSystemItem)systemItem target:(id)target action:(SEL)action;
- (instancetype)initWithCustomView:(UIView *)customView;
通過系統(tǒng)UIBarButtonSystemItem創(chuàng)建
自定義rightBarButtonItem，代碼如下：
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(right:)];
UIBarButtonSystemItem有以下樣式可以供選擇：
typedef NS_ENUM(NSInteger, UIBarButtonSystemItem) {
UIBarButtonSystemItemDone,
UIBarButtonSystemItemCancel,
UIBarButtonSystemItemEdit,
UIBarButtonSystemItemSave,
UIBarButtonSystemItemAdd,
UIBarButtonSystemItemFlexibleSpace,
UIBarButtonSystemItemFixedSpace,
UIBarButtonSystemItemCompose,
UIBarButtonSystemItemReply,
UIBarButtonSystemItemAction,
UIBarButtonSystemItemOrganize,
UIBarButtonSystemItemBookmarks,
UIBarButtonSystemItemSearch,
UIBarButtonSystemItemRefresh,
UIBarButtonSystemItemStop,
UIBarButtonSystemItemCamera,
UIBarButtonSystemItemTrash,
UIBarButtonSystemItemPlay,
UIBarButtonSystemItemPause,
UIBarButtonSystemItemRewind,
UIBarButtonSystemItemFastForward,
#if __IPHONE_3_0 <= __IPHONE_OS_VERSION_MAX_ALLOWED
UIBarButtonSystemItemUndo,
UIBarButtonSystemItemRedo,
#endif
#if __IPHONE_4_0 <= __IPHONE_OS_VERSION_MAX_ALLOWED
UIBarButtonSystemItemPageCurl,
#endif
};
最后別忘了實現(xiàn)right:方法：
- (void)right:(id)sender
{
NSLog(@"rightBarButtonItem");
}
自定義文字的UIBarButtonItem
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"back" style:UIBarButtonItemStylePlain target:self action:@selector(back:)];
UIBarButtonItemStyle有以下三種選擇：
typedef NS_ENUM(NSInteger, UIBarButtonItemStyle) {
UIBarButtonItemStylePlain,
UIBarButtonItemStyleBordered NS_ENUM_DEPRECATED_IOS(2_0, 8_0, "Use UIBarButtonItemStylePlain when minimum deployment target is iOS7 or later"),
UIBarButtonItemStyleDone,
};
實現(xiàn)back:方法：
- (void)back:(id)sender
{
[self.navigationController popViewControllerAnimated:YES];
}
自定義照片的UIBarButtonItem
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"test"] style:UIBarButtonItemStylePlain target:self action:@selector(right:)];
自定義UIView的UIBarButtonItem
自定義UIView，然后通過initWithCustomView:方法來創(chuàng)建UIBarButtonItem。
UIView *testView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 40, 60)];
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:testView];
看到有朋友在后臺提問：
我現(xiàn)在即需要改那個導航原生的返回圖片，也要改返回文字，應該怎么改呢，求指教。
其實，這個就可以用initWithCustomView:來解決，自定義UIView你可以放UIImageView和UILabel。可以自定義UIView，那么想怎么定義都是可以的。
下面來看一個有趣的例子：
先說一下需求：
1.做一個RightBarButtonItem不斷旋轉的Demo；
2.點擊RightBarButtonItem 按鈕旋轉或暫停；
最終效果展示：
就是那個音符圖形的旋轉。
關鍵代碼展示（已加注釋）：
//
// ViewController.m
// NavigationBtn
//
#import "ViewController.h"
#define DEGREES_TO_RADIANS(angle) ((angle) / 180.0 * M_PI)
///ImageView旋轉狀態(tài)枚舉
typedef enum {
RotateStateStop,
RotateStateRunning,
}RotateState;
@interface ViewController ()
{
///旋轉角度
CGFloat imageviewAngle;
///旋轉ImageView
UIImageView *imageView;
///旋轉狀態(tài)
RotateState rotateState;
}
@end
@implementation ViewController
- (void)viewDidLoad
{
[super viewDidLoad];
self.title=@"微信公眾賬號:樂Coding";
[self buildBarButtonItem];
}
#pragma mark 添加 RightBarButtonItem
-(void)buildBarButtonItem{
imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"icon"]];
imageView.autoresizingMask = UIViewAutoresizingNone;
imageView.contentMode = UIViewContentModeScaleToFill;
imageView.bounds=CGRectMake(0, 0, 40, 40);
//設置視圖為圓形
imageView.layer.masksToBounds=YES;
imageView.layer.cornerRadius=20.f;
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(0, 0, 40, 40);
[button addSubview:imageView];
[button addTarget:self action:@selector(animate) forControlEvents:UIControlEventTouchUpInside];
imageView.center = button.center;
//設置RightBarButtonItem
UIBarButtonItem *barItem = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.rightBarButtonItem = barItem;
}
#pragma mark 點擊 RightBarButtonItem
- (void)animate {
//改變ImageView旋轉狀態(tài)
if (rotateState==RotateStateStop) {
rotateState=RotateStateRunning;
[self rotateAnimate];
}else{
rotateState=RotateStateStop;
}
}
#pragma mark 旋轉動畫
-(void)rotateAnimate{
imageviewAngle+=50;
//0.5秒旋轉50度
[UIView animateWithDuration:0.5 delay:0.0 options:UIViewAnimationOptionCurveLinear animations:^{
imageView.transform = CGAffineTransformMakeRotation(DEGREES_TO_RADIANS(imageviewAngle));
} completion:^(BOOL finished) {
if (rotateState==RotateStateRunning) {
[self rotateAnimate];
}
}];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
相關文章
這篇文章主要為大家詳細介紹了iOS自定義UITabBar仿今日頭條效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要為大家詳細介紹了兩款iOS抽屜效果，簡易抽屜效果、以及雙邊抽屜效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要為大家詳細介紹了iOS本地推送與遠程推送,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了IOS初始化控制器的實現(xiàn)方法總結的相關資料,這里提供兩種實現(xiàn)方法分別是ViewControllViewController方法和 ViewControllViewController 與 xib方法，需要的朋友可以參考下2017-10-10
這篇文章主要介紹了iOS開發(fā)中WebView的基本使用方法,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細介紹了ios仿側邊抽屜效果實現(xiàn)代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章實現(xiàn)的是一個關于啟動頁或者引導頁的視頻動畫效果的實現(xiàn)過程，對于大家開發(fā)APP具有一定的參考借鑒價值，有需要的可以來看看。2016-09-09
這篇文章主要給大家總結介紹了2種實現(xiàn)ios觸屏事件的方法，簡單實用，有需要的小伙伴可以參考下。2015-05-05
IOS數(shù)字鍵盤左下角添加完成按鈕的實現(xiàn)方法
這篇文章主要介紹了IOS數(shù)字鍵盤左下角添加完成按鈕的實現(xiàn)方法的相關資料,希望通過本文能實現(xiàn)類似這樣的功能，需要的朋友可以參考下2017-08-08
Unity3d發(fā)布IOS9應用時出現(xiàn)中文亂碼的解決方法
這里給大家分享的是使用UNity3d發(fā)布IOS9應用的時候，遇到出現(xiàn)中文亂碼的現(xiàn)象的解決方法，核心內容非常簡單就是批量修改NGUI的label字體，下面把代碼奉上。2015-10-10