Навигационная панель titleView alignment

Question

Я хочу, чтобы моя панель навигации показывала две вещи посередине. Один из них будет списком, а другой будет именем пользователей. Имена пользователей будут помещаться под именем списка. Что я сделал до сих пор, я создал две метки и один супервизор программно и установил titleView из navigationItem.

override func viewDidLoad() { 
     super.viewDidLoad() 
     var rectForView = CGRect(x: 0, y: 0, width: 190, height: 176) 
     var viewForTitle = UIView(frame: rectForView) 

     var rectForNameLabel = CGRect(x: 0, y: 63, width: 190, height: 30) 
     var listNameLabel = UILabel(frame: rectForNameLabel) 
     listNameLabel.text = "Name of the List...." 
     listNameLabel.textAlignment = NSTextAlignment.Center 
     listNameLabel.font = UIFont(name: "HelveticaNeue-Bold", size: 15) 

     var rectForListLabel = CGRect(x: 0, y: 93, width: 190, height: 20) 
     var usersOfListLabel = UILabel(frame: rectForListLabel) 
     usersOfListLabel.text = "some Users...." 
     usersOfListLabel.textAlignment = NSTextAlignment.Center 
     usersOfListLabel.font = UIFont(name: "HelveticaNeue", size: 10) 

     viewForTitle.addSubview(listNameLabel) 
     viewForTitle.addSubview(usersOfListLabel) 


     self.navigationItem.titleView = viewForTitle 

Дело в том, что я выбираю ширину случайным образом, что приводит к проблемам с выравниванием на разных устройствах. Как достичь среднего выравнивания в моем случае?

Answer 1

Дело в том, навигация titleView всегда стараются сосредоточить Ваше мнение. Причина того, что название, которое вы видите вне центра на меньшем экране, состоит в том, что ширина вашего пользовательского titleView превысила максимальную ширину titleView.

Если вы установили значение 160, вы увидите, что оно центрировано для второй ситуации.

Общее решение

Если вы хотите, чтобы адаптировать ширину заголовка к различным устройствам, существует несколько подходов, которые могут помочь вам решить эту проблему.

1. Установка различной ширины на основе различной ширины экрана. Например, когда ширина экрана равна 320, установите его не более 160. Если значение больше 320, назначьте значение на основе другого размера экрана. Это не изящное решение, но довольно простое, не разбирая голову и не усложняя сложные ограничения.

2. Рассчитать фактическую ширину titleView. Ширина titleView определяется шириной панели навигации минус левый и правый барбэттон. Что-то вроде

TitleViewWidth = навигация ширина - leftbarbuttonitem.width +/- rightbarbuttonitem.width - someConstant

Вам нужно немного эксперимента для нахождения соответствующей константы, которая соответствует этой формуле.

3. Создайте xib-файл для этого titleView, установите ограничения более гибко, чем требуется фиксированная ширина. Загрузите представление из xib и затем назначьте titleView. Это может стоить больше времени, чтобы настроить его на работу.

Редактировать

Я думаю, что другой способ, который может быть проще для вас, если вы новичок в этом.

В раскадровке найдите и снимите этот вид на панели навигации заголовка контроллера.

Развернуть, однако, вы хотите, чтобы вид был.

Откажитесь от двух ярлыков к этому виду и установите передние и конечные и вертикальные и вертикальные ограничения.

Как это выглядит на раскадровке

Как это работает на 4S

Answer 2

подход:

• titleView всегда в центре
• Так установить ширину вашего пользовательского вида, совпадающее из navigationBar (ширина -40)

Код

private func setupNavigationItems() { 

    let label = UILabel() 

    label.translatesAutoresizingMaskIntoConstraints = false 

    label.text = "aaaaa" 
    label.backgroundColor = .green 

    label.textAlignment = .left 

    navigationItem.titleView = label 

    if let navigationBar = navigationController?.navigationBar { 

     label.widthAnchor.constraint(equalTo: navigationBar.widthAnchor, constant: -40).isActive = true 
    } 
}