Kantet materiale er en UI-bibliotekskomponent udviklet af Google i 2014. Den er specielt designet til AngularJS-udviklere. Det hjælper at designe applikationen på en struktureret måde. Dens komponenter hjælper med at konstruere attraktive, konsistente og funktionelle websider og webapplikationer. Det bruges til at skabe en responsiv og hurtigere hjemmeside.
Det tiltrækker brugere og får adgang til de elementer eller komponenter, der er til stede i vores applikation. Det hjælper også med at designe vores applikationer med unikke stilarter og former.
Disse komponenter gør applikationen eller webstedet mere konsekvent og designresponsivt. Den kombinerer de klassiske principper for vellykket design med innovation og teknologi.
Google udviklede Angular Material i 2014. På det tidspunkt var det tagget til AngularJS at gøre applikationerne mere attraktive og hurtigere ydeevne. Google skrev koden igen fra bunden og fjernede JS , og kaldte det så Angular Material i september 2016. UI/UX komponenter er kendt som vinkelmaterialer.
1 ud af 1000
Funktioner af kantet materiale
- Det er et indbygget responsivt design.
- Kantet materiale har standard CSS.
- Den nye version af UI-komponenter, som er knapper, afkrydsningsfelter , og tekstfelter bruges til at følge Angular Material Design-koncepter.
- Den har specialiserede funktioner som f.eks kort, værktøjslinje, hurtigopkald, side nav, swipe, side nav , og mere.
- Det er en browser på tværs af platforme, og den bruges til at skabe webkomponenter.
Responsivt design
- Angular Material har et responsivt design, så dets hjemmeside kan passe i enhver størrelse.
- Hjemmesiden oprettet af Material er kompatible med Android, iPhone, tablets , og bærbare computere .
Udvidbar
- Det er nemt at tilføje nyt CSS regler for at overskrive det eksisterende CSS
- Det understøtter skygger og farver.
- Farverne og nuancerne er ensartede i kantet materiale.
- Kantet materiale er gratis at bruge.
Høj kvalitet
- Kantede materialekomponenter er tilgængelige for alle. Den er testet med mange parametre, der sikrer ydelse og pålidelighed af applikationen.
- Det har enkle API'er med ensartet adfærd på tværs af platforme.
Alsidig
- Det giver værktøjer, der hjælper udviklere med at bygge deres brugerdefinerede komponenter med fælles mønstre.
- Det kan tilpasses inden for rammerne.
Friktionsfri
- Det blev bygget af Angular-teamet for at integrere perfekt.
- Vi kan bruge Angular Material til at designe en ny applikation fra bunden eller i en eksisterende applikation.
AngularJS vs. Angular
Angular Material-biblioteket er et stabilt produkt, der er klar til brug. Udviklere bør bemærke det AngularJS materiale arbejder med AngularJS 1.x . AngularJS 1.x er nu inde Langtidssupport (LTS) mode.
Det vinklede materiale- og komponentudviklingssæt ( CDK ) biblioteker ( til Angular v2+ ) findes i Vinkelkomponenter GitHub-depot.
Den nuværende udviklingsindsats er fokuseret på tilgængelighed, ydeevne mindre forbedringer og fejlrettelser .
Det seneste materialedesign
Den seneste opdatering af Material Design blev annonceret på Google i maj, 2018 .
Langsigtet support
AngularJS Materiale er indgået i Langsigtet support (LTS) periode, der slutter den 31. december 2021 . Datoen stemmer overens med AngularJS LTS periode.
Derefter fokuserer vi på at rette fejlen i 1.2.x filial af biblioteket, som opfylder mindst et af kriterierne, som er angivet nedenfor:
- Vi modtager eller opdager en bekræftet sikkerhedssvaghedsrapport.
- En browser frigiver en version, der vil stoppe nuværende produktionsapplikationer i at fungere.
- jQuery-biblioteket frigiver en version, der forhindrer aktuelle produktionsapplikationer i at fungere.
AngularJS materiale 1.1.x vil få en ny version, hvis vi bekræfter en ny sikkerhedssvaghed.
Browser support
AngularJS Material understøtter generelt browsere, der falder ind under disse kategorier:
- Mere end 0,5 % globalt forbrug
- Sidste to store versioner af Evergreen-browsere
- Firefox ESR
- Anses ikke som 'døde' browsere
Forudsætninger
Inden du går videre med vejledningen, skal du have den grundlæggende viden om Angular JS, HTML, CSS, JavaScript, og Document Object Model (DOM) . Det hjælper også, hvis du ser, hvordan webbaserede applikationer fungerer.
java dato aktuel
Publikum
Denne tutorial er gavnlig for begyndere og professionelle, der ønsker at lære det grundlæggende i Angular Material og skabe responsive websteder med engagerende komponenter. Selvstudiet forklarer hovedbegreberne i Angular Material.
Problem
Vi forsikrer, at du ikke vil finde noget problem i denne Java-tutorial. Men hvis der er en fejl, bedes du skrive problemet i kontaktformularen.