В Sketch все еще сложно корректировать динамические кнопки и регулировать их наполнение. Вы можете использовать различные плагины, например, Dynamic Buttons или Modulizer, но я никогда не понимал, как их заставить работать с символами. Что ж, сегодня разбираясь с плагином Auto Layout, благодаря терпению и удаче, я нашел способ создавать супер-пупер кнопку с динамическим символом. Это не идеальный вариант, требующий времени, но он может стать хорошим компромиссом до тех пор, пока не улучшат программу:) Вот, как этого добиться:
- Разделите свою кнопку на три части.Размер группы body будет изменен на основе длины label, наполнение будет обрамлять кнопку слева и справа.
- Выделите все слои и создайте стэк группу, убрав интервал на 0. Разумеется, сперва вам нужно установить Auto Layout;)
- Выделите фон label и закрепите его слева, сверху, справа, снизу.
- Закрепите слой label горизонтально и вертикально по центру.Также убедитесь, что он в режиме изменения размера “Float in place”.
- Создайте новый символ и задайте ширину для его артборда, равную максимальной ширине, которая будет у кнопки в вашем дизайне (например, меньше чем 320px для экрана iPhone 5). Это не идеальный способ, но впоследствии, при необходимости, вы сможете изменить размер вручную.
Выравнивание по центру артборда + закрепление горизонтально по центру
- Наконец, выровняйте символпо левому краю, по центру или по правому краю своего артборда и, соответственно, закрепите его слева, справа или по центру панели Auto Layout. Редактируйте символы и наслаждайтесь :)
Выравнивание по левому краю артборда + закрепление слева 
Заключение: это позволит вам сэкономить время, сделает наполнение корректным, и вы с легкостью сможете редактировать символы. Что вы об этом думаете? Есть ли еще какие-нибудь хитрые способы? :) Надеюсь, что Sketch вскоре решит эту проблему и все эти хитрости станут просто заметками в Medium. http://ux.pub/auto-layout-predstavlyaem-stacks - adaptivnyj-dizajn-v-sketch/
Перевод статьи Giusè
Топ коментарі (0)