Wie ein UI Kit ( PSD ) in einer Android-Anwendung
Hallo Entwickler & Designer 🙂
Heute habe ich eine Frage über , wie sich Android-Entwickler verwenden, ein UI-Kit entwickelt, mit Photoshop , in Ihrem Android-Anwendung ?
Zum Beispiel habe ich dieses UI-kit \n
http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2014/02/0016_ui_kit_2014.jpg
aber ich kann nicht finden der Weg, um es in meiner Anwendung , und genau das Textview , wie kann ich es machen das in interaktive, mit dem Benutzer ??
Vielen Dank im Voraus .
Danke stackoverflow 🙂
- Speichern Sie die Teile, die Sie benötigen, wie das PNG-Format und verwenden Sie Sie. Sie können nicht verwenden Sie eine PSD-Datei, wie Sie ist. Es wird davon ausgegangen, dass Sie in der Lage sind zu arbeiten mit P/S-Schichten und solche Dinge. Sie haben klare im Geist der alpha-Kanal und dass Sie wissen, dpi und Auflösungen.
- Erstmal danke das du Der Golem für deine Antwort . Aber ich weiß, das kann ich PNG & JPG ... aber wie machen Sie es ein Ziel, nicht ein Bild. Ich meine eine interaktive Ansicht zum Beispiel, wenn der Benutzer darauf klicken , wird die Tastatur angezeigt wird , und wenn er schreiben, sth , er kann es auf der Ansicht , hast du mich ?
- Perfekt. Weisen Sie Ihren Blick auf den gewünschten hintergrund. In einigen Fällen werden Sie brauchen, um eine Status-Liste mit verschiedenen Farben (d.h.: aktiviert/deaktiviert, um nur ein paar Namen) für verschiedene Staaten. So haben Sie zur Vorbereitung verschiedene Kopien derselben Bilder, manchmal. Sie finden auch hilfreich, eine Tiefe Lesen der 9 patch system, wenn Sie schon nicht wissen, dass.
- Yep , ich glaube, jetzt verstehe ich 🙂 ... Für die 9-patch-system , ich habe nie davon gehört , ich google es , aber ich kann nichts finden , kannst du mir helfen ?
- Hier ist ein nettes tutorial: radleymarx.com/blog/simple-guide-to-9-patch
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwendung eines PSD (PhotoShop Document) form in android, zu tun, Folgen Sie dieser Anleitung:
tl;dr Verwenden gimp zum extrahieren der verschiedenen Schichten in einzelne png-Dateien, die dann in android studio importieren Sie die Bilder als drawables.
Extrahieren die Ebenen der psd-Datei als Bilder und damit die Schaffung eines Bild-Ordner, müssen Sie gimp installiert. Von gimp installieren, benötigen Sie ein gimp plugin namens Ebenen Exportieren. Die wiki für die github-Seite erklärt, wie man die eigentliche Extraktion der Schichten.
Importieren in android studio installieren, benötigen Sie ein plugin namensAndroid Drawable Importer . Sobald das plugin installiert ist, und Sie neu gestartet haben, Android Studio mit der rechten Maustaste auf Ihre drawable Ordner -> Neue -> Batch-Drawable-Import. Von hier aus, wählen Sie den Ordner, den Sie erhalten haben, aus gimp und wählen Sie die Optionen, die Sie wollen.
Hinweis: die Bild-Datei-Namen können nur Wort enthält Zeichen, d.h. um mit dieser regex, ansonsten android studio wird nicht akzeptieren, es
Müssen Sie schneiden Sie die gewünschten Teile aus dieser UI-KIT und verwenden Sie Sie dann als PNG-format unter Verwendung von XML. Haben Sie Photoshop verwenden, um schneiden Sie die Teile aus dem UI-KIT. Nur das PNG-format unterstützt android app-Entwicklung-Verfahren.