Material Design Demo for Android 1.0

D'Material Design Demo fir Android ass eng Probe App déi mat der Design Support Bibliothéik erstallt gouf. Den Zweck vun dëser App ass ze weisen wéi een Materialdesign an enger App implementéiert déi mat Pre-Lollipop Geräter kompatibel ass (bis API Level 7). Dës App deckt verschidde Material Design Komponenten, dorënner Navigatioun Tirang, flexibel Plaz mat Bild (Scrolling Technik), schwiewend Aktioun Knäppchen, schwiewend Etiketten fir Text änneren, Snackbar (mat an ouni Aktioun), Tabs, Koordinator Layout a schwiewend Aktioun Knäppchen, a Koordinator Layout an App Bar (Toolbar).

Material Design ass eng visuell Sprooch entwéckelt vu Google déi zielt eng vereenegt Benotzererfarung op all Plattformen an Apparater ze kreéieren. Et konzentréiert sech op propper Typographie, fett Faarwen an einfache Formen. Material Design betount och d'Benotzung vun Animatiounen an Iwwergäng fir eng méi engagéiert Benotzererfarung ze kreéieren.

D'Material Design Demo fir Android weist wéi d'Entwéckler dës Prinzipien an hir eegen Apps integréiere kënnen. Andeems Dir d'Design Support Bibliothéik benotzt, déi vu Google zur Verfügung gestallt gëtt, kënnen d'Entwéckler einfach materiell Designelementer an hir Apps addéieren ouni komplexe Code vun Null ze schreiwen.

Ee vun de Schlëssel Feature vun dëser Demo App ass seng Kompatibilitéit mat Pre-Lollipop Geräter. Dëst bedeit datt souguer Benotzer, déi nach ëmmer méi al Versioune vun Android benotzen, d'Virdeeler vum Materialdesign an hiren Apps genéissen.

Loosst eis e puer vun de spezifesche Komponenten méi no kucken, déi an dëser Demo behandelt ginn:

Navigatiouns-Tirang: D'Navigatiouns-Tirang bitt de Benotzer séier Zougang zu verschiddene Sektiounen oder Features an enger App. Et rutscht vun der lénker Säit vum Écran eraus wann et vun engem Menü Ikon oder Swipe Geste ausgeléist gëtt.

Flexibel Raum mat Bild: Dëse Komponent erlaabt d'Entwéckler visuell beandrockend Header fir hir Apps ze kreéieren. D'Headerbild scrollt erop wéi d'Benotzer duerch den Inhalt um Écran scrollen.

Floating Action Button: De Floating Action Button bitt de Benotzer séier Zougang zu primären Aktiounen an enger App. Et schwëmmt iwwer aneren Inhalt um Écran an animéiert wann Dir tippt.

Floating Labels fir Text z'änneren: Floating Etiketten bidden Kontext fir Inputfelder a Formen oder aner Schiirme wou d'Benotzer Informatioun mussen aginn. Si schwiewen iwwer Inputfelder bis se fokusséiert sinn andeems se se tippen oder klickt.

Snackbar: Snackbars liwweren kuerz Messagen iwwer Aktiounen, déi vun enger Applikatioun gemaach ginn, sou wéi d'Daten erfollegräich späicheren oder net wéinst Netzwierkproblemer etc.

Tabs: Tabs erlaben d'Entwéckler Inhalt an getrennten Sektiounen an enger Applikatioun ze organiséieren sou datt et méi einfach ass fir d'Benotzer tëscht hinnen ze navigéieren

Koordinator Layout & Floating Action Button: CoordinatorLayout hëlleft Iech Meenungen zesummen ze koordinéieren wéi Scrolleffekter tëscht zwou Meenungen, während FAB (Floating Action Button) hëlleft Iech primär Aktiounen séier auszeféieren

Coordinator Layout & App Bar (Tool Bar): CoordinatorLayout hëlleft Iech Usiichten zesummen ze koordinéieren wéi Scrolleffekter tëscht zwou Meenungen, während App Bar (Tool Bar) konsequent Navigatioun iwwer Är Applikatioun bitt

Am Allgemengen, wann Dir no Inspiratioun sicht wéi bescht Praktiken ronderëm d'Ëmsetzung vun Material Design Prinzipien an Ären eegenen Uwendungen, da wäert dës Demo ganz hëllefräich sinn!