logo

Návod na hranatý materiál

Hranatý materiál je komponent knižnice používateľského rozhrania vyvinutý spoločnosťou Google v roku 2014. Je špeciálne navrhnutý pre vývojárov AngularJS. Pomáha navrhovať aplikáciu štruktúrovaným spôsobom. Jeho komponenty pomáhajú vytvárať atraktívne, konzistentné a funkčné webové stránky a webové aplikácie. Používa sa na vytvorenie responzívnej a rýchlejšej webovej stránky.

Návod na hranatý materiál

Priťahuje používateľov a pristupuje k prvkom alebo komponentom prítomným v našej aplikácii. Pomáha tiež navrhovať naše aplikácie s jedinečnými štýlmi a tvarmi.

Tieto komponenty robia aplikáciu alebo webovú stránku viac konzistentné a reagujúci na dizajn. Spája klasické princípy úspešného dizajnu s inováciami a technológiami.

Google vyvinul Angular Material v roku 2014. V tom čase bol označený ako AngularJS aby boli aplikácie atraktívnejšie a rýchlejší výkon. Google napísal kód znova od začiatku a odstránil ho JS , potom ho v septembri pomenoval Angular Material 2016. UI/UX komponenty sú známe ako uhlové materiály.

indická rekha

Vlastnosti hranatého materiálu

  • Ide o vstavaný responzívny dizajn.
  • Uhlový materiál má štandardný CSS.
  • Nová verzia komponentov používateľského rozhrania, ktoré sú tlačidlá, začiarkavacie políčka , a textové polia sa používa na sledovanie konceptov Angular Material Design.
  • Má špecializované funkcie ako napr karty, panel nástrojov, rýchla voľba, bočná navigácia, potiahnutie prstom, bočná navigácia , a viac.
  • Je to multiplatformový prehliadač a používa sa na vytváranie webových komponentov.

Responzívny dizajn

  • Angular Material má responzívny dizajn, takže jeho webová stránka sa zmestí do akejkoľvek veľkosti.
  • Webové stránky vytvorené Materialom sú kompatibilné s Android, iPhone, tablety , a notebooky .

Rozšíriteľné

  • Je ľahké pridať nové CSS pravidlá na prepísanie existujúcich CSS
  • Podporuje tiene a farby.
  • Farby a odtiene sú v hranom materiáli jednotné.
  • Uhlový materiál je zadarmo na použitie.

Vysoká kvalita

  • Komponenty Angular Material sú dostupné pre každého. Je testovaný mnohými parametrami, ktoré zaisťujú výkon a spoľahlivosť aplikácie.
  • Má jednoduché rozhrania API s konzistentným správaním naprieč platformami.

Všestranný

  • Poskytuje nástroje, ktoré pomáhajú vývojárom vytvárať vlastné komponenty s bežnými vzormi.
  • Je prispôsobiteľný v medziach.

Bez trenia

  • Postavil ho tím Angular, aby sa dokonale integroval.
  • Uhlový materiál môžeme použiť na navrhnutie novej aplikácie od začiatku alebo v existujúcej aplikácii.

AngularJS vs. Angular

Knižnica Angular Material je stabilný produkt, ktorý je pripravený na použitie. Vývojári by si to mali uvedomiť Materiál AngularJS spolupracuje s AngularJS 1.x . AngularJS 1.x je teraz in Dlhodobá podpora (LTS) režim.

Súprava na vývoj hranatých materiálov a komponentov ( CDK ) knižnice ( pre Angular v2+ ) nájdete v Uhlové komponenty Úložisko GitHub.
Súčasné rozvojové úsilie sa zameriava na dostupnosť, menšie vylepšenia výkonu a opravy chýb .

Najnovší materiálový dizajn

Najnovšia aktualizácia Material Design bola oznámená spoločnosťou Google v máji, 2018 .

Dlhodobá podpora

AngularJS Material vstúpil do Dlhodobá podpora (LTS), ktoré končí dňa 31. decembra 2021 . Dátum je v súlade s AngularJS LTS obdobie.

Potom sa zameriame na opravu chyby v 1.2.x pobočka knižnice, ktorá spĺňa aspoň jedno z nižšie uvedených kritérií:

  • Prijímame alebo zisťujeme overenú správu o slabej bezpečnosti.
  • Prehliadač vydá verziu, ktorá zastaví fungovanie súčasných produkčných aplikácií.
  • Knižnica jQuery vydáva verziu, ktorá zabraňuje fungovaniu súčasných produkčných aplikácií.

Materiál AngularJS 1.1.x dostane novú verziu, ak overíme novú bezpečnostnú slabinu.

Podpora prehliadača

AngularJS Material vo všeobecnosti podporuje prehliadače, ktoré spadajú do týchto kategórií:

  • Globálne využitie viac ako 0,5 %.
  • Posledné dve hlavné verzie prehliadačov Evergreen
  • Firefox ESR
  • Nepovažujú sa za „mŕtve“ prehliadače

Predpoklady

Pred pokračovaním v tutoriále musíte mať základné znalosti Angular JS, HTML, CSS, JavaScript, a Model objektu dokumentu (DOM) . Tiež vám pomôže, ak uvidíte fungovanie webových aplikácií.

css zmena veľkosti obrázka

publikum

Tento tutoriál je užitočný pre začiatočníkov a profesionálov, ktorí sa chcú naučiť základy hranatého materiálu a vytvárať responzívne webové stránky so pútavými komponentmi. Tutoriál vysvetľuje hlavné pojmy uhlového materiálu.

Problém

Uisťujeme vás, že v tomto návode Java nenájdete žiadny problém. Ak sa však vyskytne nejaká chyba, uveďte problém v kontaktnom formulári.