2016-06-29 3 views
1

Я разрабатываю очень простой виджет «Сегодня» с двумя элементами: текстовой меткой (здесь изображен красным фоном) и кнопкой информации. Я хочу, чтобы кнопка информации всегда отображалась сразу после метки.Как я могу выровнять и изменить размер этих двух элементов с помощью макета раскадровки раскадровки?

Итак:

  1. кнопку Информация всегда должна прилипать к правому краю
  2. метка должна всегда придерживаться левого края
  3. метка должна изменить размер себя так, что это полная ширина доступная площадь, вплоть до краю кнопки

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

enter image description here

+0

Дать ярлык «сверху, слева, справа, внизу» и для кнопки «правая, верхняя, нижняя и ширина» –

ответ

2

Ваша кнопка info будет иметь фиксированную ширину и высоту. Установите его правое поле в родительское право. Установите левое поле вашей красной метки на родительское левое и правое поле для ввода информации влево.

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

Вот как это выглядит. enter image description here

enter image description here

+1

Да, этот парень прав –

+0

Это звучит абсолютно правильно для меня - я понимаю, что вы предлагаете - но я не уверен, как добавить эти ограничения. Например, точно, где/как в интерфейсе я могу установить правое поле информационной кнопки на родительское правое поле (привязывая его к правому краю)? Извините, я просто застрял, и все онлайн-ссылки, которые я нашел, очень запутывают. :-( – Eric

+0

@ Эрик. После того, как вы выровняли свои кнопки и задали их размеры, выберите свой информационный байт, а затем внизу редактора, выберите вторую кнопку справа (это тот, у которого треугольная кнопка справа). Покажите, что вы добавляете новые ограничения. Установите ширину и высоту и установите ограничение. Выберите пунктирные T-образные линии и установите их значения (для кнопки информации вам нужно будет выбрать верхнюю и правую T-красную линию и установите его значения равными нулю. –

0

Вы должны создать верхнюю, нижнюю, ширину и заднюю (с точки зрения контейнера) ограничения кнопки информации. Для ярлыка они должны быть ведущими, верхними, нижними (к виду контейнера) и горизонтальным интервалом к ​​информационной кнопке. Надеюсь, что это поможет.