Material Design Demo for Android 1.0

Material Design Demo för Android är en exempelapp som har skapats med hjälp av designstödbiblioteket. Syftet med denna app är att visa hur man implementerar materialdesign i en app som är kompatibel med pre-lollipop-enheter (till API-nivå 7). Denna app täcker olika materialdesignkomponenter, inklusive navigeringslåda, flexibelt utrymme med bild (rullningsteknik), flytande åtgärdsknapp, flytande etiketter för redigering av text, snackbar (med och utan åtgärd), flikar, koordinatorlayout och flytande åtgärdsknapp och koordinator layout och appbar (verktygsfält).

Material Design är ett visuellt språk utvecklat av Google som syftar till att skapa en enhetlig användarupplevelse på alla plattformar och enheter. Den fokuserar på ren typografi, djärva färger och enkla former. Material Design betonar också användningen av animationer och övergångar för att skapa en mer engagerande användarupplevelse.

Materialdesigndemon för Android visar hur utvecklare kan införliva dessa principer i sina egna appar. Genom att använda designstödsbiblioteket från Google kan utvecklare enkelt lägga till materialdesignelement till sina appar utan att behöva skriva komplex kod från början.

En av nyckelfunktionerna i denna demo-app är dess kompatibilitet med pre-lollipop-enheter. Detta innebär att även användare som fortfarande använder äldre versioner av Android kan njuta av fördelarna med materialdesign i sina appar.

Låt oss ta en närmare titt på några av de specifika komponenterna som tas upp i den här demon:

Navigationslåda: Navigationslådan ger användare snabb åtkomst till olika sektioner eller funktioner i en app. Den glider ut från vänster sida av skärmen när den utlöses av en menyikon eller svepgest.

Flexibelt utrymme med bild: Denna komponent låter utvecklare skapa visuellt fantastiska rubriker för sina appar. Rubrikbilden rullas uppåt när användare rullar ner genom innehållet på skärmen.

Flytande åtgärdsknapp: Den flytande åtgärdsknappen ger användare snabb åtkomst till primära åtgärder i en app. Den svävar över annat innehåll på skärmen och animeras när den trycks.

Flytande etiketter för redigering av text: Flytande etiketter ger sammanhang för inmatningsfält i formulär eller andra skärmar där användare behöver ange information. De flyter ovanför inmatningsfälten tills de fokuseras på genom att trycka eller klicka på dem.

Snackbar: Snackbarer ger korta meddelanden om åtgärder som vidtagits av en applikation, som att spara data framgångsrikt eller misslyckas på grund av nätverksproblem etc.. De visas tillfälligt längst ner på skärmen innan de försvinner automatiskt efter några sekunder

Flikar: Med flikar kan utvecklare organisera innehåll i separata sektioner i en applikation så att det är lättare för användare att navigera mellan dem

Coordinator Layout & Floating Action Button: CoordinatorLayout hjälper dig att koordinera vyer tillsammans som att rulla effekter mellan två vyer medan FAB (Floating Action Button) hjälper dig att utföra primära åtgärder snabbt

Coordinator Layout & App Bar (Verktygsfält): CoordinatorLayout hjälper dig att koordinera vyer tillsammans som rullningseffekter mellan två vyer medan App Bar (Verktygsfält) ger konsekvent navigering i hela din applikation

Sammantaget, om du letar efter inspiration om hur bästa praxis kring implementering av materialdesignprinciper i dina egna applikationer så kommer den här demon att vara till stor hjälp!