Как измерить расстояние между элементами пользовательского интерфейса в Xcode?

Я пытаюсь определить расстояние между элементами пользовательского интерфейса в моем приложении, чтобы проверить, соответствует ли макет, который указан дизайнерами. Я использую параметр «Debug UI Hierarchy», и я вижу представление пользовательского интерфейса телефона в Xcode. Тем не менее, единственный способ определить относительное расположение двух элементов - это посмотреть на инспектора размера на правой боковой панели и выполнить ручной расчет по их предоставленным измерениям. Есть лучший способ сделать это? Можно ли выбрать один элемент, а затем выбрать другой, чтобы сравнить его?Как измерить расстояние между элементами пользовательского интерфейса в Xcode?

источник

2016-11-02 trekkieyk

Обычно я снимаю скриншот и просто сравниваю его с тем, что создали дизайнеры. Если вы поместите два изображения рядом друг с другом, вы можете увидеть все различия. – Sulthan

Вы можете нажать клавишу «Option» и элемент пользовательского интерфейса на раскадровке это покажет расстояние между этим элементом и любого другого

Я надеюсь, что это помогает

источник

2016-11-02 20:55:52

Это полезная информация, но я действительно хочу, чтобы это можно было сделать, пока приложение работает. Таким образом, я могу посмотреть, как ограничения и позиционирование раскадровки взаимодействуют с программно создаваемыми ограничениями и позиционированием. Вот почему я упомянул иерархию UDP отладки. – trekkieyk

I теперь прошло некоторое время с тех пор, как вы задали свой вопрос, но я столкнулся с такой же проблемой, и я мог бы выяснить, как измерять NSConstraints между представлениями во время выполнения.

Во-первых, вы должны нажать иерархии видов отлаживать значок области отладки, как показано на рисунке:

После нажатия на кнопку снимок иерархии Views будет показано на экран Xcode следующим образом:

Вы можете увидеть все элементы (UIViews), которые на самом деле являются Displ Айед (или нет, они могут быть на заднем плане) на экране устройства

После этого, вы можете нажать на иконку шоу ограничение показать Сдерживает, которые применяются для каждого просмотра на экране, вы будете иметь экран очень похож на макет интерфейса строитель ограничения:

Если выбрано конкретное ограничение (тот, который вы на самом деле заботитесь о), то есть в этом окне я хочу знать расстояние между вершиной и ImageView, которая представлена большим квадратом. Итак, выбирая это ограничение и нажимая на инспектора Инспектор объектов значок внутри панели Утилиты вы можете увидеть описание ограничения.

Таким образом, вы можете увидеть сдерживающие меры и связь с видом и каркасной границей.

источник

2017-03-30 07:38:00 neteot

Как измерить расстояние между элементами пользовательского интерфейса в Xcode?

ответ

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