How to use the user interface kit (PSD) in an Android application

Question

Hi, developers and designers :) Today I have a question about how Android developers use the user interface kit developed using Photoshop in an Android application? For example, I have this user interface set \ n http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2014/02/0016_ui_kit_2014.jpg

but I can’t find a way to put it in my application and exactly in Textview, how can I do it interactively with the user?

Thanks in advance.

Thanks stackoverflow :)

Answer 1

To use the form in PSD ( P hoto S hop D ) format in android, follow these steps:

tl; dr Use gimp to extract different layers into separate png files, and then in android studio, import images as drawings.

To extract layers from a psd file as images and thus create an image folder, you need to install gimp. From gimp, you need to install the gimp plugin called Export Layers . The wiki for the github page explains how to actually extract the layers.

To import into Android studio, you need to install a plugin called Android Drawable Importer . Once the plugin is installed and you restarted Android Studio, right-click your folder with the selection → New → Batch portable import . Here, select the folder that you received from gimp, and select the options you want.

---

Note. image file names can contain only word characters, that is, they must match this regex , otherwise android studio will not accept it

Answer 2

You need to cut out the necessary parts from this set of user interfaces, and then use them in PNG format using XML. You must use Photoshop to cut these parts out of the UI KIT. In the process of developing applications for Android, only the PNG format is supported.