从头开始swift2.0 仿乐乐医项目（四）顶部的美化

我们看到之前的界面顶部都是白白的，跟我们整个风格不搭，所以我们先把它修改一下。

QQ20151126-11.png

在AppDelegate中的didFinishLaunchingWithOptions方法，我们加入这两句代码

        application.statusBarStyle = UIStatusBarStyle.LightContent
        UINavigationBar.appearance().barTintColor = UIColor.init(red: 21/255, green: 178/255, blue: 86/255, alpha: 1)

再运行一下看看

Untitled.gif

我们发现StatusBar和NavigationBar都变成了绿色的了，但wifi、时间，电量等它们的颜色是黑色，显示并不太明显，通常我们都是将其设置为白色。在Info.plist中添加下面代码：

    UIViewControllerBasedStatusBarAppearance
    

再次运行，我们看到文字的颜色变为白色了。

QQ20151126-12.png

接着我们添加一个搜索框，右边来一个按钮。

QQ20151126-13.png

去掉中间的Root View Controller文字；无法直接添加搜索框，我们去代码中添加。

    lazy var searchBar:UISearchBar =  UISearchBar(frame: CGRectMake(0, 0, 200, 20))
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        searchBar.frame = CGRectMake(0,125, UIScreen.mainScreen().bounds.width - 80 ,20)
        searchBar.sizeToFit()
        searchBar.translucent = true
        searchBar.placeholder = "搜索医生、擅长疾病、科室"
        searchBar.barTintColor = UIColor.init(red: 1, green: 1, blue: 1, alpha: 0.3)
        let leftNavBarButton = UIBarButtonItem(customView:searchBar)
        self.navigationItem.leftBarButtonItem = leftNavBarButton
        
        tableView.registerNib(UINib(nibName:"DoctorCell", bundle:nil), forCellReuseIdentifier:"cell")
        
        //设置tableHeaderView
        self.tableView.tableHeaderView = MainHeadView.mainHeadView
    }```
再次运行，你会发现一个看起来有模有样的APP出现在你面前了。
![Untitled.gif](http://upload-images.jianshu.io/upload_images/1190844-9ba8f3ce5ed0992e.gif?imageMogr2/auto-orient/strip)
第四节就到这里。