Icon-Transformation (Material Design)

  • Antworten:22
  • Bentwortet
Marius
  • Forum-Beiträge: 424

04.09.2014, 12:59:41 via App

Hey,
weiß jemand wie ich solche Transformationen von den Icons hinbekomme? Ihr habt doch sicher gesehen, wie der Burger Button mit den 3 Streifen zum Zurück Pfeil transformiert wird.

Antworten
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

04.09.2014, 13:08:18 via Website

ich verstehe nicht was du meinst.
Vlt ist ein Screenshot angebracht.

LG Pascal //It's not a bug, it's a feature. :) ;)

Antworten
Marius
  • Forum-Beiträge: 424

04.09.2014, 14:50:41 via App

Auf google.com/design ist das oben genannte Beispiel. Ich zeig es dir dann, wenn ich daheim bin.

Antworten
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

04.09.2014, 19:05:02 via Website

Da das dokument laut Beschreibung eine preview ist, geht das noch garnicht.
Zudem müsste iam in inet zumindest eine Dokumentation dazu finden.
Animationen kannst du schon machen, aber nicht auf diese Art.
ich demke das wird erst mit der Android ver.5 (L) lommen und erstmal nur darauf funktionieren.
Also nix mit Geräteunterstützung wenn man unbedingt sowas braucht.

LG Pascal //It's not a bug, it's a feature. :) ;)

Antworten
Marius
  • Forum-Beiträge: 424

04.09.2014, 19:24:29 via App

Ja ich habe jetzt noch mal weiter gesucht und glaube ich was richtiges gefunden. Danke

Antworten
Gelöschter Account
  • Forum-Beiträge: 2.492

04.09.2014, 19:32:06 via Website

Wäre nett wenn du uns mitteilst was. Falls jemand anderes auch danach sucht :)

Antworten
Gelöschter Account
  • Forum-Beiträge: 336

05.09.2014, 13:36:21 via App

Könnte man das nicht auch mit einem Custom View in der Actionbar realisieren und diese dann animieren. Sollte eigentlich funktionieren weil es in der Spotify App auch animiert ist.

Android Developer

Antworten
Marius
  • Forum-Beiträge: 424

05.09.2014, 13:53:22 via App

Was ist da animiert?

Antworten
Sven R.
  • Forum-Beiträge: 1.904

05.09.2014, 15:14:52 via App

Das geht ganz sicher irgendwie. Aber halt vielleicht nicht so einfach und gut wie in Android L.
Hoffentlich werden die meisten Design Features auch in die Support Library mit rein genommen.

Wenn dir mein Beitrag gefällt, kannst dich einfach mit dem 👍 "Danke"-Button auf der Website dieses Forums bedanken. 😀

Why Java? - Because I can't C#

Antworten
Gelöschter Account
  • Forum-Beiträge: 336

05.09.2014, 16:37:12 via App

Marius

Was ist da animiert?

Meinst du bei der Spotify App? Das Drawer Icon zwar selbst nicht aber der Text hat eine Fade Animation. Man könnte vllt das Icon durch ein Transparentes Logo ersetzen und dann eben ein custom view einsetzen

Android Developer

Antworten
Marius
  • Forum-Beiträge: 424

05.09.2014, 16:44:06 via App

Ja in der Spotify App. Ich hab gedacht du meinst, dass da so eine Transformation drin sei. Einen Text zu faden ist ja nicht das was ich gesucht hatte 😊

Antworten
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

05.09.2014, 16:47:51 via Website

Zusammenfassend: Solche Animationen sind schon machbar, aber ohne Android L (offiziell) und mit Versionsübergreifender Unterstützung (z.jelly bean) wird das so schell nix

LG Pascal //It's not a bug, it's a feature. :) ;)

Antworten
Marius
  • Forum-Beiträge: 424

05.09.2014, 17:17:36 via App

Ich habe es zwar nicht dazu geschrieben, aber ich habe nach einer Möglichkeit für HTML und CSS gesucht und bin ja fündig geworden. Also alles wunderbar 😊

Und man muss dazu sagen: solche Animationen sehen wirklich schick aus. Würd mich freuen, wenn ich sie dann öfters in Apps antreffen würde

— geändert am 05.09.2014, 17:19:48

Antworten
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

05.09.2014, 17:40:03 via Website

Kannst das mal posten interessiert mich ein wenig.

LG Pascal //It's not a bug, it's a feature. :) ;)

Antworten
Sven R.
  • Forum-Beiträge: 1.904

05.09.2014, 18:08:53 via App

Marius

http://w3bits.com/animated-menu-icon-css/

Ich glaube das meint er.

Wenn dir mein Beitrag gefällt, kannst dich einfach mit dem 👍 "Danke"-Button auf der Website dieses Forums bedanken. 😀

Why Java? - Because I can't C#

Antworten
Pascal P.
  • Admin
  • Forum-Beiträge: 11.286

05.09.2014, 19:51:03 via Website

Danke :)

LG Pascal //It's not a bug, it's a feature. :) ;)

Antworten
Gelöschter Account
  • Forum-Beiträge: 336

06.09.2014, 02:14:21 via App

Marius

Ja in der Spotify App. Ich hab gedacht du meinst, dass da so eine Transformation drin sei. Einen Text zu faden ist ja nicht das was ich gesucht hatte 😊

Da hast du recht. Es basiert aber auf dem selben Prinzip.

Android Developer

Antworten
Emrah Ö.
  • Forum-Beiträge: 14

15.09.2014, 03:03:05 via App

ich hab es in meiner App schon realisiert. War einfacher als ich Anfangs dachte.

Antworten
Marius
  • Forum-Beiträge: 424

15.09.2014, 07:22:08 via App

Emrah Ö.

ich hab es in meiner App schon realisiert. War einfacher als ich Anfangs dachte.

Kann ich mal sehen? Name?

Antworten