6

Mi objetivo es poder agregarle al navigationBar una barra lateral que sea de color diferente actualmente se ve asi

introducir la descripción de la imagen aquí

Quisiera lograr algo asi :

introducir la descripción de la imagen aquí

Mi codigo es el siguiente

    func setupNavigationBar(showBack:Bool, showMenu:Bool,isLogin:Bool)
    {
        self.navigationController?.navigationBar.isTranslucent = true

        var leftItemTitle = UIBarButtonItem()
        var backgroundItem = UIBarButtonItem()


        let sizeLength = UIScreen.main.bounds.size.height * 2
        let defaultNavigationBarFrame = CGRect(x: 0, y: 0, width: sizeLength, height: 70)

        let mediumView = UIView()
        let frame = self.navigationController?.navigationBar.frame.size
        mediumView.frame = CGRect(x: 0, y: 0, width: frame!.width,  height: frame!.height)
        mediumView.backgroundColor = UIColor.red

        let titleLabel = UILabel()
        titleLabel.text = self.menuText
        titleLabel.font = UIFont.systemFont(ofSize: 20)
        titleLabel.textColor = UIColor.white
        titleLabel.sizeToFit()



        leftItemTitle = UIBarButtonItem(customView: titleLabel)


        if(!showBack && !showMenu && !isLogin){
            self.navigationController?.navigationBar.tintColor = UIColor.clear
            self.navigationItem.leftBarButtonItems?.removeAll()
            self.navigationItem.setHidesBackButton(true, animated:false);
            self.navigationController?.navigationBar.barTintColor = Utils.Color.LigthViewBackGround
        }
        else if(showBack){
            let backMenuButtonItem = UIBarButtonItem(image: UIImage.init(named: "backButton"), style: UIBarButtonItemStyle.done, target: self, action: #selector(backPressed))
            backMenuButtonItem.tintColor = UIColor.white
            backMenuButtonItem.width = CGFloat(30)

            self.navigationItem.leftBarButtonItems = [backMenuButtonItem,leftItemTitle,]
                self.navigationController?.navigationBar.barTintColor = Utils.Color.backgroundBlue

        }
        else if(showMenu){
            let sideMenuButtonItem = UIBarButtonItem(image: UIImage.init(named: "sideMenu"), style: UIBarButtonItemStyle.done, target: self, action: #selector(sideMenuPressed))
            sideMenuButtonItem.tintColor = UIColor.white
            sideMenuButtonItem.width = CGFloat(30)

            let vistaAzul = UIView(frame: CGRect (x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: 30 ))
            vistaAzul.backgroundColor = Utils.Color.BlueLabelText


//            self.navigationController?.navigationBar.addSubview(vistaAzul)
            self.navigationItem.leftBarButtonItems = [sideMenuButtonItem,leftItemTitle]

        }
        else if (isLogin){
               self.navigationController?.navigationBar.barTintColor = Utils.Color.backgroundLogin
        }




        if let hidden = navigationController?.navigationBar.isHidden
        {
            if(hidden)
            {
                self.navigationController?.navigationBar.barStyle = .default
            }
            else
            {
                self.navigationController?.navigationBar.barStyle = .black
            }
        }


    }
10
  • 1
    hacer eso no es posible en IOS, al menos no con el navigationController. deberias presentar el viewcontroller en cuestion y poner una vista personalizada en la parte superior con contrains que contenga el fondo blanco y un boton para ir atras y el label con el titulo de la pagina.
    – kjoe
    Commented el 19 ago. 2019 a las 11:59
  • ok crea el chat
    – kjoe
    Commented el 29 ago. 2019 a las 18:30
  • @kjoe este es el chat chat.stackexchange.com/rooms/98049/swift entra porfavor Commented el 29 ago. 2019 a las 18:35
  • 2
    @kjoe parece que no es tan difícil. Bruno, aquí hay algunas indicaciones para personalizar la barra de navegación. Aquí también hay un tutorial del que te puedes ayudar para hacer tu personalización.
    – A. Cedano
    Commented el 4 dic. 2019 a las 14:19
  • Le voy a mirar estos links que me envias @A.Cedano gracias por la ayuda!, se aprecia de corazon Commented el 4 dic. 2019 a las 14:21

1 respuesta 1

1

Intenta usar esta libreria MDCAppBarViewController, lo instalas en los pods y listo.

Adjunto el link para una mejor información.

https://material.io/components/app-bars-top/ios

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.