{"id":817261,"date":"2023-09-03T06:30:04","date_gmt":"2023-09-03T11:30:04","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/mit-der-ankunft-von-google-i-o-wird-material-design-auf-version-3-aktualisiert\/"},"modified":"2023-09-03T06:30:04","modified_gmt":"2023-09-03T11:30:04","slug":"mit-der-ankunft-von-google-i-o-wird-material-design-auf-version-3-aktualisiert","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/mit-der-ankunft-von-google-i-o-wird-material-design-auf-version-3-aktualisiert\/","title":{"rendered":"Mit der Ankunft von Google I\/O wird Material Design auf Version 3 aktualisiert"},"content":{"rendered":"<p>Google I\/O 2022 findet gerade statt und der Suchriese hat Berichten zufolge seine Designsprachendokumentation f\u00fcr Android auf Material 3 aktualisiert.<\/p>\n<p>Die neue Variante bringt eine Reihe von Modifikationen an den interaktiven Elementen des Betriebssystems mit sich.  Der gr\u00f6\u00dfte Unterschied d\u00fcrfte ein Unterschied in der Platzierung der schwebenden Aktionsschaltfl\u00e4che (FAB) sein.  Bisher befand es sich als UI-Element \u00fcber der unteren Leiste, jetzt erscheint es in der unteren Leiste selbst.  Ganz unten rechts auf der Benutzeroberfl\u00e4che.<\/p>\n<p>Der FAB wurde zuvor auch mit einem Schatten versehen, um den Eindruck zu erwecken, er schwebe.  Auch das ist jetzt weg.  Stattdessen ist es Teil der Benutzeroberfl\u00e4che der unteren Leiste, was zun\u00e4chst zu einer etwas h\u00f6heren unteren Leiste f\u00fchrt.<\/p>\n<h2>Was ist sonst noch neu in der Material 3-Dokumentation von Google?<\/h2>\n<p>Dar\u00fcber hinaus hat Google neue Schaltfl\u00e4chen zur Verwendung in der Benutzeroberfl\u00e4che von Material Design 3 f\u00fcr Android hinzugef\u00fcgt.  Dabei handelt es sich um umrissene ausf\u00fcllbare Symbole und neue kreisf\u00f6rmige Symbole.  Bei Auswahl sind beide gef\u00fcllt.<\/p>\n<p>Eine weitere \u00c4nderung an diesen Symboltypen besteht darin, dass sie nicht mehr den Namen der Schaltfl\u00e4che anzeigen, wenn Sie mit der Maus dar\u00fcber fahren oder diese gedr\u00fcckt halten.  Zumindest nicht f\u00fcr jede Taste.  Stattdessen schl\u00e4gt Google den Entwicklern vor, einen \u201eTooltip\u201c bereitzustellen, der beschreibt, was die Schaltfl\u00e4che bewirkt, wenn sie gedr\u00fcckt wird.<\/p>\n<p>Au\u00dferdem wurde ein neues Layout f\u00fcr die segmentierten Schaltfl\u00e4chen implementiert.  Wie nachfolgend dargestellt.  Schaltfl\u00e4chen, die in einer einzelnen Leiste segmentiert sind, werden jetzt nicht nur hervorgehoben, wenn sie ausgew\u00e4hlt werden.  Au\u00dferdem wird ein H\u00e4kchen angezeigt, um besser zu verdeutlichen, was Benutzer ausgew\u00e4hlt haben.  Au\u00dferdem ist die segmentierte Benutzeroberfl\u00e4che jetzt abgerundet.  In fr\u00fcheren Versionen von Material Design hatte die Schaltfl\u00e4che eine quadratische Form.<\/p>\n<p>Eine \u00e4hnliche \u00c4nderung wird an einfachen Kippschaltern vorgenommen, die jetzt bei Aktivierung ein H\u00e4kchen anzeigen.  Und diese sind auch h\u00f6her und nehmen horizontal weniger Platz ein.  Der \u201e\u00c4nderungs\u201c-Teil der Benutzeroberfl\u00e4che ist jetzt vollst\u00e4ndig in seinem Schieberegler eingeschlossen.  Im Gegensatz zu einer Erweiterung dar\u00fcber hinaus.<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Google I\/O 2022 findet gerade statt und der Suchriese hat Berichten zufolge seine Designsprachendokumentation f\u00fcr Android auf Material 3 aktualisiert. Die neue Variante bringt eine Reihe von Modifikationen an den interaktiven Elementen des Betriebssystems mit sich. Der gr\u00f6\u00dfte Unterschied d\u00fcrfte ein Unterschied in der Platzierung der schwebenden Aktionsschaltfl\u00e4che (FAB) sein. Bisher befand es sich als [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":817262,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/2.webp","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/817261"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=817261"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/817261\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/817262"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=817261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=817261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=817261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}