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

8 篇文章 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中添加下面代码:

    <key>UIViewControllerBasedStatusBarAppearance</key>
    <false/>

再次运行,我们看到文字的颜色变为白色了。
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
第四节就到这里。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值