zoukankan      html  css  js  c++  java
  • Swift实战小QQ(第3章):QQ主界面布局

    1.导航栏外观设定
    *在AppDelegate.swift文件中的didFinishLaunchingWithOptions方法添加以下代码

     func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
            //.导航栏
            var navBar=UINavigationBar.appearance()
            //.设置导航栏标题颜色
            navBar.titleTextAttributes = [ NSForegroundColorAttributeName : UIColor.whiteColor()]
            //.设置导航栏按钮颜色
            navBar.tintColor = UIColor.whiteColor()
            //.设置导航栏背景颜色
            navBar.barTintColor=UIColor(red: 49.0/255.0, green: 183.0/255.0, blue: 235.0/255.0, alpha: 1.0)
            return true
        }

    2.让状态栏显示白色

    *让launch页面启动时状态栏显示黑色

    在plist文件中设定键:Status bar style 值:Gray style (default)

    *让App应用程序的状态栏显示白色

    在plist文件中设定键:View controller-based status bar appearance 值:NO

    在AppDelegate.swift文件中的didFinishLaunchingWithOptions方法添加以下代码

      UIApplication.sharedApplication().setStatusBarStyle(UIStatusBarStyle.LightContent, animated: false)

    3.建一个tabbarController 三个navigationController 三个ViewController



    4.将SliderViewController文件中的initSubViews后面添加代码:

     //用mainContentView装下MainTab
            var mainTabVC: UITabBarController! = self.storyboard!.instantiateViewControllerWithIdentifier("MainTabViewController") as UITabBarController
    
            mainContentView.addSubview(mainTabVC.view)

    5.MessageViewController(消息),添加导航栏控件代码:

     override func viewDidLoad()
        {
            super.viewDidLoad()
            //左侧显示头像
            var photoView:UIImageView=UIImageView(image: UIImage(named: "AppIcon-160x60@2x.png"))
            photoView.frame=CGRectMake(0, 0, 30, 30)
            var photoItem:UIBarButtonItem=UIBarButtonItem(customView: photoView)
            self.navigationItem.leftBarButtonItem=photoItem
            //头像变圆形(设弧度为宽度的一半)
            photoView.clipsToBounds=true
            photoView.layer.cornerRadius=photoView.bounds.width*0.5
            //设置titleView为
            var titleSegment=UISegmentedControl(items: ["消息", "电话"])
            titleSegment.selectedSegmentIndex=0
            self.navigationItem.titleView=titleSegment
            //左侧一按钮
            var rightButton:UIButton=UIButton()
            rightButton.frame=CGRect(origin:CGPointZero, size: CGSize( 26, height: 26))
            rightButton.setBackgroundImage(UIImage(named: "menu_icon_bulb.png"), forState: UIControlState.Normal);
            var rightItem:UIBarButtonItem=UIBarButtonItem(customView: rightButton)
            self.navigationItem.rightBarButtonItem=rightItem
        }

    最终效果:

  • 相关阅读:
    Silver Cow Party
    vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参
    jsp根据表单填写内容追加生成json
    Mobiscroll插件-根据时间选择弹出星座
    javascript sdk – 如何注销我使用OAuth2通过Google登录的应用程序?
    解决React Native安装应用到真机(红米3S)报Execution failed for task ':app:installDebug'的错误
    解决React Native安装应用到真机(红米手机)报Execution failed for task ':app:installDebug'的错误
    windows RN 环境搭建(实测心得)
    windows RN 环境搭建(实测心得)
    facebook 推特. Line 领英 分享功能 带图标(最全,实测可用)
  • 原文地址:https://www.cnblogs.com/wuxian/p/4324779.html
Copyright © 2011-2022 走看看