Лучшая практика для перемещения макета с зепинов на макеты андроида

Question

Какова наилучшая практика создания того же макета на стороне андроида на основе макета Zeplin?

Как я понимаю, нет простой зависимости between pt and pd.

Answer 1

Цель этого приложения: он вычисляет все размеры в дпс, так что вы можете непосредственно применить те в макете .xml и может конвертировать активы изображения для всех плотностей элементов изображения (MDPI, ИПЧР и т.д.)

• Установить Zeplin, вам будет предложено выбрать Photoshop .exe-файл. Это необходимо, потому что Zeplin необходимо установить плагин для загрузки вы создаете файлы.
  • Во-первых, вам необходимо определить плотность пикселей вашего файла дизайна .psd, с которого вы будете импортировать дизайн. Это importaint, потому что у вас есть , чтобы рассказать плотность пикселей в пикселях Zeplin, см. What is the difference between "px", "dp", "dip" and "sp" on Android?. Как только вы узнаете свою плотность в файле .psd, создайте новый проект на сайте Zeplin под профилем DESIGNER. Это importaint, потому что в бесплатной версии только владелец проекта может загрузить дизайн.
  • Открытый файл дизайна убедитесь, что у вас установлен плагин Zeplin, см. Видео на своем сайте.
  • Выберите необходимый слой (изменив видимость всех слоев). Плагин может импортировать только Artboard, поэтому вы должны создать его. Существует проблема - вам нужно поместить все слои в одну группу, чтобы вы могли импортировать их в Zeplin.
  • Помимо преобразования размеров ito dps, Zeplin может преобразовывать все изображения в формат .png для разных плотностей пикселей. Для того, чтобы использовать , вам необходимо экспортировать все изображения в слое Photoshop как . Просто экспортируйте все изображения, расширив свою панель, выбрав все объекты и нажав кнопку в плагине Zeplin. Pluggin будет суффикс названия изображений объектов с -c-
  • Выберите свою монтажную область и нажмите «экспортировать» в плагине. После того, как вы экспортируете файл дизайна, вы сможете выбрать любой экран в нем (экран представляет собой единую операцию «экспорта»). На экране выберите изображение , а Zeplin покажет его ширину и высоту в dps. Когда вы выбрали изображение , переместите мышь на другое изображение, и приложение сообщит вам расстояние к этому изображению в формате dps. ИМПОРТАЖ. Если в качестве актива были выбраны изображения, то будут кнопки для загрузки изображений справа. Изображения будут сохранены в папках, имеющих имена как в AndroidStudio проект: drawable-mdpe и т. Д. Просто скопируйте эти изображения в свой проект .

Answer 2

В zpplin можно получить значения из dpplin, которые могут быть непосредственно применены в макетах android.

Answer 3

Убедитесь, что вы измените tools:text на android:text если вы используете сгенерированный код для TextView. Если вы не внесете это изменение, текст отображается в предварительном просмотре, но когда вы запускаете приложение на эмуляторе или на самом устройстве, текст не отображается.

Это то, что порождается ZEPLIN

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:textSize="16sp" 
    android:fontFamily="sans-serif" 
    android:textStyle="normal" 
    android:textColor="#7e868c" 
    android:lineSpacingExtra="8sp" 
    tools:text="Hello World" 
/> 

Это то, что должно быть:

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:textSize="16sp" 
    android:fontFamily="sans-serif" 
    android:textStyle="normal" 
    android:textColor="#7e868c" 
    android:lineSpacingExtra="8sp" 
    android:text="Available Balance" 
/> 

Я надеюсь, что это поможет кому-то.