<сильный>1. Добавить подпредставление в ViewController
Начнем с добавления подпредставления в контроллер представления. Это подвид будет нашей пользовательской панелью навигации. Давайте настроим автоматический макет соответствующим образом. Настройка ограничений автоматического макета на пользовательской панели навигации
NavBar.Height = 44
NavBar.Top = Safe Area.Top
NavBar.Leading = Safe Area.Leading
NavBar.Trailing = Safe Area.Trailing
ограничения существуют между настраиваемой панелью навигации и безопасной областью
<сильный>2. Добавить ImageView в качестве фона
Возьмите изображение, отображающее наше фоновое изображение. Это изображение должно быть за нашим пользовательским представлением для панели навигации. Настройка ограничений автоматического макета для представления изображения.
Image View.Top = Superview.Top
Image View.Leading = Superview.Leading
Image View.Trailing = Superview.Trailing
Image View.Bottom = NavBar.Bottom (For this drag from imageview to customview and choose last baseline constraint)
Ведущие и замыкающие ограничения находятся между представлением изображения и его суперпредставлением. Для нижнего ограничения мы установим его между NavBar.Bottom и Image View.Bottom. Это делается для того, чтобы изображение перекрывало всю настраиваемую панель навигации.
<сильный>3. Заключительный шаг
A. Установите чистый цвет пользовательского представления B. Установите изображение в представлении изображения C. Убедитесь, что режим содержимого представления изображения установлен на «Заполнение пропорций» и установлен флажок «Обрезать по границам».
<сильный>4. Модульный тест Протестируйте это на всех устройствах от iPhone 5 до iPhone X. На всех устройствах, кроме iPhone X, наше пользовательское представление с изображением составляет 64 пикселя, а в iPhone X также используется безопасная область.
Ведет себя так же, как панель навигации по умолчанию.
person
Mayank Jain
schedule
11.12.2017
