How to use an UI Kit ( PSD ) in an Android Application [closed]

Question

Hello developers & designers :) Today , i have a question about , how Android devs use an UI Kit, designed with Photoshop , in their Android application ? For example , i have this UI kit \n http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2014/02/0016_ui_kit_2014.jpg

but i can't find the way to put it in my application , and exactly the Textview , how can i make it in interactive with the user ??

Thank you in advance .

Thank you stackoverflow :)

Answer 1

To use a PSD (PhotoShop Document) form in android, do follow this guide:

tl;dr Use gimp to extract the different layers into seperate png files, then in android studio, import the images as drawables.

To extract the layers from the psd file as images, and thus creating an image folder, you need to have gimp installed. From gimp, you need to install a gimp plugin called Export Layers. The wiki for the github page explains how to do the actual extraction of the layers.

To import into android studio, you need to install a plugin called Android Drawable Importer. Once the plugin is installed and you have restarted Android Studio, right-click your drawable folder -> New -> Batch Drawable Import. From here, select the folder you have obtained from gimp and select the options you want.

---

Note: the image file names can only contain word characters i.e. has to match this regex, otherwise android studio won't accept it

Answer 2

You have to cut the desired parts from this UI KIT and then use them as PNG format using XML. You have to use Photoshop to cut those parts from the UI KIT. Only PNG format is supported in android app development procedure.