Size: a a a

Фигма-чат

2020 January 30

АР

Артём Разиньков in Фигма-чат
Артём Разиньков
#вопрос

Как сделать независимую от цвета кнопки покраску иконки в кнопке? Объясню. Есть кнопка, в ней есть иконка и текст. Иконка является ассетом с несколькими состояниями и чёрной заливкой по умолчанию, при этом кнопки имеют несколько видов заливок (см. скрин). Как сделать так, чтобы цвет иконки менялся в соответствии с цветом текста?
У меня получилось реализовать это аж двумя способами. Появилось сразу пара вопросов:
1) Это кому-то интересно кроме меня?
2) В каком формате удобнее было бы получить ответ на этот вопрос (текст/видео/проект)?
источник

GS

Gleb Sabirzyanov in Фигма-чат
Артём Разиньков
У меня получилось реализовать это аж двумя способами. Появилось сразу пара вопросов:
1) Это кому-то интересно кроме меня?
2) В каком формате удобнее было бы получить ответ на этот вопрос (текст/видео/проект)?
Мне для общего развития любопытно, правильные мысли у меня были, или ты что-то ещё крутое придумал. Го проект. :)
источник

АР

Артём Разиньков in Фигма-чат
Gleb Sabirzyanov
Мне для общего развития любопытно, правильные мысли у меня были, или ты что-то ещё крутое придумал. Го проект. :)
источник

GS

Gleb Sabirzyanov in Фигма-чат
А как тебе такой способ? Тут я просто нажимаю Enter.
источник

АР

Артём Разиньков in Фигма-чат
Gleb Sabirzyanov
А как тебе такой способ? Тут я просто нажимаю Enter.
Минус в том, что если поменять иконку, то цвет слетает
источник

𝔸𝕋

𝔸𝕣𝕥𝕙𝕦𝕣 𝕋𝕦𝕡𝕚𝕖𝕧 in Фигма-чат
источник

АР

Артём Разиньков in Фигма-чат
Я сделал по твоему способу и проиллюстрировал то что ты сказал
источник

GS

Gleb Sabirzyanov in Фигма-чат
Артём Разиньков
Минус в том, что если поменять иконку, то цвет слетает
А, понял, это да, понятный минус. Я как раз разрабатываю UI для плагина Master, и он решит эту проблему (при замене цвет будет оставаться). 😉
источник

𝔸𝕋

𝔸𝕣𝕥𝕙𝕦𝕣 𝕋𝕦𝕡𝕚𝕖𝕧 in Фигма-чат
Вот Виктор делал видеоролик)
источник

АР

Артём Разиньков in Фигма-чат
𝔸𝕣𝕥𝕙𝕦𝕣 𝕋𝕦𝕡𝕚𝕖𝕧
Вот Виктор делал видеоролик)
Он об этой проблеме?
источник

𝔸𝕋

𝔸𝕣𝕥𝕙𝕦𝕣 𝕋𝕦𝕡𝕚𝕖𝕧 in Фигма-чат
Артём Разиньков
Он об этой проблеме?
Да
источник

𝔸𝕋

𝔸𝕣𝕥𝕙𝕦𝕣 𝕋𝕦𝕡𝕚𝕖𝕧 in Фигма-чат
Артём Разиньков
Он об этой проблеме?
Как вариант решения, у него там несколько роликов, посмотри все чтоб вникнуть
источник

GS

Gleb Sabirzyanov in Фигма-чат
𝔸𝕣𝕥𝕙𝕦𝕣 𝕋𝕦𝕡𝕚𝕖𝕧
Как вариант решения, у него там несколько роликов, посмотри все чтоб вникнуть
Как раз Артём в файле показал, чем плохо использовать Union — с авто-лейаутом это не катит. Это про это видео.
источник

АР

Артём Разиньков in Фигма-чат
𝔸𝕣𝕥𝕙𝕦𝕣 𝕋𝕦𝕡𝕚𝕖𝕧
Как вариант решения, у него там несколько роликов, посмотри все чтоб вникнуть
Да, он сделал так как делал я в одном из способов, до которых я дошёл, но у него иконки при этом сделаны с полными пикселями, т.е. нужно либо самому рисовать, либо искать именно пиксель пёрфект иконки, а вот если иконки с дробными значениями, то начинается беда – кнопки с неполными пикселями, что не есть хорошо
источник

АР

Артём Разиньков in Фигма-чат
Хотя, есть один прикол, до которого я не допёр – он подсовывает юниону нормальный нуль-шейп, чтобы иконка не каверкала кнопку, а потом его удаляет...
Надо проверить как это с автолэйаутом работает.
источник

𝔸𝕋

𝔸𝕣𝕥𝕙𝕦𝕣 𝕋𝕦𝕡𝕚𝕖𝕧 in Фигма-чат
Gleb Sabirzyanov
Как раз Артём в файле показал, чем плохо использовать Union — с авто-лейаутом это не катит. Это про это видео.
Странно. У меня работает в аутолайаут
источник

AB

Ann Borisova in Фигма-чат
Serj K
Добрый день. Ребят, не подскажите , можно ли также в финск сделать? Если да, то как? Или где можно почитать об этом.
маски+пен тул
источник

𝔸𝕋

𝔸𝕣𝕥𝕙𝕦𝕣 𝕋𝕦𝕡𝕚𝕖𝕧 in Фигма-чат
Gleb Sabirzyanov
Как раз Артём в файле показал, чем плохо использовать Union — с авто-лейаутом это не катит. Это про это видео.
При этом я для гибкости добавил полоски, прямоугольники с 0 прозрачномтью, сверху и снизу иконки и загнал в еще один аутолайаут. Получилось и работает, при чем эту иконку можно заменить и другой цветной например.
источник

АР

Артём Разиньков in Фигма-чат
Да, я понял, просто его способ подходит с доработкой иконок, это норма. Мой немного иначе работает, но по тому же принципу, при этом можно использовать любые иконки от сторонних авторов без доработок и подрисовок.
источник

ВТ

Виктор 💮 Теплов in Фигма-чат
Gleb Sabirzyanov
Как раз Артём в файле показал, чем плохо использовать Union — с авто-лейаутом это не катит. Это про это видео.
К сожалению устарели видосы эти.
источник