2017-02-06 4 views
1

У меня есть круг в середине, который мы назвали пузырем. Теперь, когда я изменить в раскадровке вид, как на iPhone 7 это выглядит следующим образом: iPhone7 in iPhone7 viewРазличные раскадровки для iPhone 7 и 7 плюс

Но когда я изменить его, чтобы просмотреть, как iPhone 7 Кроме того, он выглядит следующим образом

iPhone7 in iPhone7 plus view

Круг больше не круг. Как это возможно, когда я не изменил ничего, кроме представления? Означает ли это представление как фактическое обновление раскадровки?

Чтобы сделать круг я использую следующую строку кода:

self.bubble?.layer.cornerRadius = (self.bubble?.frame.height)!/2 

Если да это яблоко выбрать раскадровки на основе iPhone я установить мое приложение на?

+0

Ваш ярлык, вероятно, не имеет фиксированного соотношения сторон, а фиксированного ограничения размера нижнего !? – luk2302

+0

Вы настраиваете круг программно? – User511

+0

@ User511 Да я использую self.bubble? .layer.cornerRadius = (self.bubble? .frame.height)!/2 – tom1991te

ответ

2

Возможно, ширина вида не равна его высоте.

Добавить ограничение соотношения сторон между шириной и высотой просмотра.

Или

Вы можете установить фиксированную ширину и ограничение высоты как @ User511 упоминается. Независимо от того, что вам подходит.

Кроме того, вы можете установить cornerRadius, прежде чем вид примет окончательную форму. Попробуйте переместить следующее viewWillAppear или viewDidLayoutSubviews метода:

self.bubble?.layer.cornerRadius = (self.bubble?.frame.height)!/2 
+0

У меня есть ограничение соотношения сторон на нем, и он выглядит нормально, когда я запускаю его на iPhone 7 плюс. – tom1991te

+0

Вы уверены, что этот constrant не сломается во время выполнения? – hasan83

+0

Я измерил ширину и высоту вашего пузыря на симуляторе. выглядит хорошо. Похоже, вы устанавливаете радиус угла до того, как представление примет окончательную форму. попробуйте методы willappear или didlayout. – hasan83

0

Добавить autolayout ограничение в свой круг. Соотношение сторон 1: 1 поможет вам enter image description here

Смежные вопросы