Iphone界面设计中的小知识点整理

 一、NavigationBar（导航栏）

1、修改导航栏文字颜色。

默认的文字颜色为白色，可以通过方法修改为自己想要的颜色： 

//设置一个labelUILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0,0,100,30)];//设置label属性label.font = [UIFont systemFontOfSize:20.0];label.textColor = [UIColor blueColor];//设置为蓝色label.backgroundColor = [UIColor clearColor];label.textAlignment = UITextAlignmentCenter;label.text = @"Mytest";self.navigationItem.titleView = label;[label release];

效果如图一所示:

                                         图一

2、修改导航栏背景颜色。

 默认的导航栏颜色如上图所示，这里的修改颜色包含修改为目标颜色及设置自己的背景图。

1)、设置为目标颜色，可以通过如下方法实现：

self.navigationController.navigationBar.tintColor = [UIColor greenColor];//设置为绿色

效果如图二所示：

                                                图二

2）、设置目标图片作为背景，可以通过如下方法：

一种方法是通过重载UINavigationBar的drawRect方法，具体如下：

@implementation UINavigationBar (CustomImage)   - (void )drawRect:(CGRect)rect {       UIImage *image = [UIImage imageNamed: @"background.png" ];       [image drawInRect:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];   }   @end 

不过这样会导致后面所有的页面都是一个风格。

在实际中，假如应用程序前面有些页面是图三的导航栏，后面的页面是图四的导航栏，则我们可以为UINavigationBar添加新的方法，实现如下：

                                图三

                           图四

新建两个文件，分别为CustomNav.h和CustomNav.m,对应的内容分别为

#define kSCNavBarImageTag 6183746//CustomNavigationBar.h@interface UINavigationBar (UINavigationBarCategory) - (void)setBackgroundImage:(UIImage*)image;@end

//////////////////////////////////////////////////////////////////////////////////////////////////////////

#import "CustomNav.h"@implementation UINavigationBar (UINavigationBarCategory)-(void)setBackgroundImage:(UIImage*)image{    UIImageView *bgView = (UIImageView *)[self viewWithTag:kSCNavBarImageTag];    if (bgView != nil) {        [bgView removeFromSuperview];    }    if (image != nil) {        bgView = [[UIImageView alloc] initWithImage:image];        [bgView setTag:kSCNavBarImageTag];        bgView.frame = CGRectMake(0.f, 0.f, self.frame.size.width, self.frame.size.height);        bgView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;        [self insertSubview:bgView atIndex:0];        [self sendSubviewToBack:bgView];        [bgView release];    }}@end

在对应的页面添加头文件，使用方法为：

[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed: @"background.png" ]] ;

则显示结果如下：

                                             图五

页面显示了该导航栏效果，如果想取消该效果，显示另外的导航栏，则在viewWillAppear添加如下代码：

[self.navigationController.navigationBar setBackgroundImage:nil];

二、TabBar（标签页）

1、修改标签页背景颜色。

默认的标签页颜色为黑色，如图六所示：

                                         图六

则可以通过以下方法修改颜色，假如修改为蓝色，如图七所示：

                                       图七

新建两个文件，分别为CustomUITabBarController.h和CustomUITabBarController.m,对应的内容分别为

#import <Foundation/Foundation.h>@interface CustomUITabBarController:UITabBarController{}@end

//////////////////////////////////////////////////////////////////////////////////////////////////////////////

#import "CustomUITabBarController.h" @interface UITabBarController (customTabBar)-(UITabBar *) tabBar;@end; @implementation CustomUITabBarController-(void) viewDidLoad{       [super viewDidLoad];        CGRect frame=CGRectMake(0.0,0.0,self.view.bounds.size.width,48);       UIView *view=[[UIView alloc] initWithFrame:frame];       [view setBackgroundColor:kMainColor];       [view setAlpha:0.5];       [[self tabBar] insertSubView:viewatIndex:0];       [view release]; }@end

使用方法，首先添加该头文件，方法与UITabBarController一致。

三、StatusBar(状态栏)

1、修改状态栏颜色。

状态栏默认的颜色如图八，为Gray style(default)

可以通过修改工程中的Info.plist，该文件主要是用于应用程序的图标、状态栏（缺省样式、黑色、隐藏）、应用的方向要求、是否需要WIFI网络等。在里面选择“Status bar style”为“Opaque black style”；或者通过代码

[application setStatusBarStyle:UIStatusBarStyleBlackOpaque];

通过设置，则显示如图九效果：

2、隐藏状态栏。

状态栏的默认状态是显示的，可以通过修改Info.plist，在里面添加一行设置“Status bar is initially hidden”,里面选择“YES”，则可以隐藏状态栏；同样也可以在viewLoad中，添加代码：

[[UIApplication sharedApplication] setStatusBarHidden:YES];

如图十效果：