es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo añadir un botón personalizado o normal encima de la barra de navegación?

Quiero colocar un botón personalizado en el área de la barra de navegación, pero parece que hay limitaciones en cuanto a la personalización de un elemento de la barra de navegación. Quiero hacer un botón básico con un fondo de cuadro redondeado y un color personalizado para el título y el fondo. ¿Hay alguna manera de colocar un botón normal encima de la barra de navegación para solucionar la falta de personalización? También he intentado cambiar programáticamente el elemento de botón de barra para que tenga las características deseadas sin éxito.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Sí, puedes agregar un botón personalizado al área de la barra de navegación agregando una subvista a la barra de navegación. Aquí tienes un ejemplo de cómo agregar un botón personalizado con un fondo cuadrado redondeado y un color personalizado para el título y el fondo:

    let button = UIButton(type: .custom)
    button.setTitle("Personalizado", for: .normal)
    button.setTitleColor(.white, for: .normal)
    button.backgroundColor = .blue
    button.layer.cornerRadius = 5 // o cualquier valor para el redondeo deseado
    
    // Agregar el botón a la barra de navegación
    navigationController?.navigationBar.addSubview(button)
    
    // Posicionar el botón
    button.translatesAutoresizingMaskIntoConstraints = false
    button.centerXAnchor.constraint(equalTo: navigationController!.navigationBar.centerXAnchor).isActive = true
    button.centerYAnchor.constraint(equalTo: navigationController!.navigationBar.centerYAnchor).isActive = true
    button.widthAnchor.constraint(equalToConstant: 80).isActive = true // o cualquier ancho deseado
    button.heightAnchor.constraint(equalToConstant: 40).isActive = true // o cualquier alto deseado
    

    Es posible que necesites ajustar la posición y el tamaño del botón según el diseño deseado. Ten en cuenta que agregar un botón personalizado de esta manera puede afectar el diseño de otros elementos de la barra de navegación, por lo que deberás probar y ajustar en consecuencia.

Comments are closed.