Erstellen einer chat-Sprechblase mit Formen oder 9-patch-Bild
Ich versuche eine Vorlage zu erstellen für meine chat-Blasen in einer android-app, die ich gerade arbeite. Das Ergebnis sollte in etwa so Aussehen:
Versuchte ich es mit Formen, aber ich konnte nicht bekommen, die mehrere Schichten Recht. Ich habe auch versucht, ein 9-patch-Bild, sondern die Schaffung der 9-patch wurde soweit ich bekam. Ich hade keine Ahnung, wie es zu benutzen, und zwar mit dem avatar, message-header und content placements.
Kann jemand helfen?
Mein wissen über Formen ist ziemlich begrenzt, obwohl, ich glaube, ich weiß, gerade genug, um zu verstehen, was Sie Jungs sagen 🙂
Ein 9-patch wäre rally einfach. Hier ist ein nettes tutorial: radleymarx.com/blog/simple-guide-to-9-patch. Gerade die extension .9.png, nicht .png. Verwenden Sie es als ein hintergrund für Ihre TextView/s.
wie Sie sehen können, es ist ein avatar und mehrere text-views für die Kopfzeile, Zeit, und Nachricht.. das ist, wo ich losgezogen, mit 9-patch
Wenn Sie mehrere Ansichten in einer ViewGroup... weisen Sie einfach den hintergrund des ViewGroup und du bist gut zu gehen.
Tut mir wirklich Leid. Ich habe die Kommentare nicht und einfach beantwortet. Ich bin das löschen meiner Antwort, bitte posten Sie Ihre Lösung als Antwort unten.
ViewGroups sind nichts anderes als Sammlungen von Ansichten. Ich bin sicher, Sie müssen gehört haben, und verwendet LinearLayout und RelativeLayout vor, diese sind aber direkte Unterklassen der ViewGroup.
wie Sie sehen können, es ist ein avatar und mehrere text-views für die Kopfzeile, Zeit, und Nachricht.. das ist, wo ich losgezogen, mit 9-patch
Wenn Sie mehrere Ansichten in einer ViewGroup... weisen Sie einfach den hintergrund des ViewGroup und du bist gut zu gehen.
Tut mir wirklich Leid. Ich habe die Kommentare nicht und einfach beantwortet. Ich bin das löschen meiner Antwort, bitte posten Sie Ihre Lösung als Antwort unten.
ViewGroups sind nichts anderes als Sammlungen von Ansichten. Ich bin sicher, Sie müssen gehört haben, und verwendet LinearLayout und RelativeLayout vor, diese sind aber direkte Unterklassen der ViewGroup.
InformationsquelleAutor stoic | 2015-02-13
Du musst angemeldet sein, um einen Kommentar abzugeben.
Einem 9-patch wäre ja wirklich zu einfach. Hier ist ein nettes tutorial: Einfache Anleitung 9 Patch.
Stellen Sie einfach die Erweiterung .9.png, nicht nur .png.
Verwenden Sie es als hintergrund für Ihre ViewGroup (Ihre View-container), in:
Ich ließ Sie frei in der Wahl der Grafiken, die Sie wünschen (passend zu Ihrem Geschmack und nicht zu ruinieren Ihren Spaß).
Natürlich, möchten Sie vielleicht bereiten Sie eine Blase auf der linken Seite und eine Blase für die Rechte Seite (oder die Blasen sind mit unterschiedlich farbigen Ecken), und tauschen Sie diese entsprechend in Ihre Java-code.
Ich aktualisiert, der link auf die offizielle Google docs. Radleymarx tutorial war wirklich schöner, aber leider entfernt die Seite.
Wow!!! Okay.. vielen Dank für die Beantwortung
Aber habe nicht gesehen, jede gute tutorial-Unterricht auf 9-patch Bilder von Grund auf neu. Irgendwelche Empfehlungen???
Gut, es ist alles über das hinzufügen von schwarz Marker (1 px Breite) auf die Grenzen (den rest der Grenze zu transparente). Dies nach Skalierung des Bildes. Ansonsten wird der Rahmen skaliert wird. Und, natürlich, die Wahl der richtigen Orte, wo die Markierung/en.
InformationsquelleAutor Fantômas