Android PSD to Layout

Question

Я работаю над новым проектом Android, но я не знаю, как преобразовать дизайн psd в макет Android. Например, файл psd :) ниже содержит строки и 3 кнопки. Я должен обрабатывать события нажатия кнопок, а также когда пользователь начинает писать какие-либо слова на нем, я должен показывать их в строках (например, второе изображение)

С чего начать?

Answer 1

Вам нужно нарезать psd, чтобы получить отдельные компоненты изображения. Таким образом, вам придется вырезать «четкую», «отправить» & кнопку «закрыть» в виде отдельных значков изображений .png or.jpg. То же самое для фонового изображения и линий.

Вам придётся спроектировать ваш xml-макет согласно вашему макету PSD.

Вы можете разместить свои линии-изображения чуть ниже каждой EditText с помощью «андроид: ниже» собственность и сделать границы editext прозрачным андроида: фоном = «# 00000000»

Затем вы должны добавить слушателя на каждом editext, чтобы сбить курсор на каждый 4 или 5 слов.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@drawable/backgroundimage" 
    android:orientation="vertical" > 

    <ImageView 
     android:id="@+id/crossBtn" 
     ... 
     ... 
     android:src="@drawable/crossimage" 
     android:layout_alignParentRight="true"/> 

    <ImageView 
     -- clearbtn-- 
     ... 
     ... /> 

    <ImageView 
     ..sendBtn 
     .. 
     ../> 

<EditText 
    .../> 

Answer 2

Там нет конвертера для этого, но вы можете использовать фотошоп плагин под названием Cut & фрагмент. Это поможет вам создать и экспортировать свои PSD в drawables для Android: hdpi, mdpi и т. Д.