Universal Windows Platform: Microsoft entwickelt das Fluent Design weiter

Microsoft zeigt auf seiner Entwicklerkonferenz Neuerungen zum Fluent Design. Die halbdurchlässige Oberfläche wird auf weitere Bedienelemente ausgeweitet und es gibt zusätzliche Animationen innerhalb von Apps. Auch eigene Farbthemen lassen sich aus XML-Dateien erstellen.

Artikel veröffentlicht am ,
Das Logo des Fluent Design System
Das Logo des Fluent Design System (Bild: Microsoft)

In einer Präsentation auf der Entwicklerkonferenz Build 2018 zeigt Microsoft die Änderungen am Fluent Designt, die im Laufe des Jahres 2018 auf Windows 10 kommen sollen. Dazu zählt ein kontextabhängiges Drop-Down-Menü, das seine Steuerelemente je nach markiertem Inhalt ändert. Außerdem werden Fenster in verschiedenen Ebenen übereinander gestapelt, die sich je nach Ansicht auch dreidimensional anzeigen lassen. Das wird über einen dynamischen Schattenwurf erreicht, der sich mit dem Betrachtungswinkel ändert.

Stellenmarkt
  1. Firewall Security Architekt (m/w/d)
    Radeberger Gruppe KG, Frankfurt am Main
  2. Kundenberater (m/w/d) im Finanzwesen
    Anstalt für Kommunale Datenverarbeitung in Bayern (AKDB), verschiedene Standorte
Detailsuche

Microsoft bringt zudem das milchig-halbdurchsichtige Acryldesign in sogenannte Transient-UI-Elemente - also Teile der Benutzeroberfläche, die sich schließen, sobald Nutzer den Fokus auf ein anderes GUI-Element setzen. Das können Drop-Down-Menüs oder Kontextmenüs bei Rechtsklick sein.

Ein weiterer Fokus soll auf Farbthemen gelegt werden. Microsoft will Entwicklern das Einfärben von UWP-Bedienelementen wie Buttons, Kalenderobjekten, Edit-Feldern und Checkboxen erleichtern. Dazu werden dem Fluent Design Vorlagen hinzugefügt, die aus einem XML-Dokument ausgelesen werden können. Jedes einzelne Element bekommt einen Identifizierer, dem wiederum Farben als Hex-Werte übergeben werden können.

Mehr Navigationselemente

Das Fluent Design wird zudem für Navigationsleisten in UWP-Applikationen übertragen. So können seitliche Auswahlisten mit der halbdurchsichtigen Textur bestückt werden. Auch eine Liste im Stile von Tabs in der Kopfleiste eines Programmes wird hinzugefügt. Microsoft nennt dies Top Navigation View. Beiden Ansichten wird der Zurück-Button hinzugefügt - repräsentiert durch das Pfeilsymbol in der linken oberen Ecke eines Fensters. Beim Einblenden von Navigationselementen führt das neue Fluent Design zusätzliche Animationen ein, etwa für das Einblenden von Text oder das Vergrößern von Fotos.

Golem Akademie
  1. Microsoft 365 Security Workshop
    27.-29. Oktober 2021, Online
  2. Webentwicklung mit React and Typescript
    20.-24. September 2021, online
  3. C++ 20: Concepts - Ranges - Coroutinen - Module
    4.-8. Oktober 2021, online
Weitere IT-Trainings

Microsoft reagiert auch auf das Nutzerfeedback, dass Navigationselemente durch den Fokus auf die Fingerbedienung gerade in produktiven Apps zu groß seien. Das angepasste Fluent Design wird daher verkleinert und einzelne Bedienungselemente wie etwa Tabellenspalten werden schmaler gemacht, sodass mehr Informationen auf ein Fenster passen. Eine neue, noch kompaktere Ansicht wird es ebenfalls geben. Dabei werden auch weitere Eingabemethoden für Nutzer vorgestellt. So können Entwickler native Spracheingabe und eine verbesserte Stifteingabe in ihre UWP-Apps einbauen.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed


Aktuell auf der Startseite von Golem.de
Software
Elon Musk verrät Teslas Tricks zur Bewältigung der Chipkrise

Teslas Autos haben viel Elektronik an Bord, doch die Chipkrise scheint dem Unternehmen nichts anzuhaben. Elon Musk erzählt, wie das geschafft wurde.

Software: Elon Musk verrät Teslas Tricks zur Bewältigung der Chipkrise
Artikel
  1. Sexismus: Mitarbeiter von Blizzard wenden sich gegen Management
    Sexismus
    Mitarbeiter von Blizzard wenden sich gegen Management

    Der Konflikt bei Activision Blizzard eskaliert, die Arbeit an World of Warcraft soll weitgehend eingestellt sein.

  2. Surface: Microsoft patentiert ungewöhnliches Scharnier für Notebooks
    Surface
    Microsoft patentiert ungewöhnliches Scharnier für Notebooks

    Baut Microsoft ein neues Surface-Gerät? Patentgrafiken zeigen zumindest ein bisher unbekanntes Gerät mit einem ungewöhnlichen Scharnier.

  3. Energiespeicher: Tesla nennt Preis für Megapack-Akku mit 3 MWh
    Energiespeicher
    Tesla nennt Preis für Megapack-Akku mit 3 MWh

    Das Tesla Megapack ist ein industrielles Akkusystem mit einer Kapazität von 3 Megawattstunden. Nun wurde der Online-Konfiguratur online gestellt.

ArcherV 01. Jun 2018

Jup.

ArcherV 24. Mai 2018

So wie Linux. Will trotzdem niemand haben.¯\_()_/¯

n0x30n 14. Mai 2018

WPF und demnächst werden es Webapps sein. Wenn allerdings alle rechner auf Windows 10...

n0x30n 14. Mai 2018

Wusste nicht, dass IOS auch die Z-Achse in's Spiel gebracht hat. Das ist ja einer der gro...

plutoniumsulfat 12. Mai 2018

Windows hat einfach die Anwendungen. Windows Phone ist auch kaputt, weil...na, warum...



  • Schnäppchen, Rabatte und Top-Angebote
    Die besten Deals des Tages
    Schnäppchen • Crucial Ballistix 16GB Kit 3200MHz 66,66€ • PCGH-Gaming-PCs stark reduziert (u. a. PC mit RTX 3060 & Ryzen 5 5600X 1.400€) • Samsung 27" Curved FHD 240Hz 239,90€ • OnePlus Nord CE 5G 128GB 299,49€ • Microsoft Flight Simulator Xbox Series X 69,99€ • 3 für 2 Spiele bei MM [Werbung]
    •  /