Variánsok

A variáns csak a megjelenést változtatja meg. Nem komponens, és nem hoz létre új blokktípust.

A variánsokat a szerkesztőben hozod létre, és a Stíluskezelőben kezeled őket.

Mely elemeknek van variánsa

A variánsok gombokhoz, címekhez, bekezdésekhez, elválasztókhoz, menülinkekhez és képekhez érhetők el.

Egy gombnak mindig van variánsa. A többi elem használhat sima Alapértelmezett megjelenést is.

Ha a palettagomb nem jelenik meg, amikor kijelölsz egy elemet, az az elem nem támogatja a variánsokat. Használd helyette a Doboz és Szöveg lapot vagy az Egyéni osztályokat (haladó).

Variáns váltása

1. Jelöld ki az elemet.

2. Nyisd meg a palettagombot a lebegő eszköztárán.

3. Válassz egy variánst a listából.

Az elem átvált arra a megjelenésre. A variánsváltás lecseréli az elem kézi osztályait a variáns osztályaira.

Ha vannak olyan egyéni osztályaid az elemen, amelyeket meg akarsz tartani, előbb vidd át őket egy közös stílusba, vagy írd fel őket a váltás előtt.

Azoknál az elemeknél, amelyek engedik, az Alapértelmezett eltávolítja a variánst, és visszaadja a sima megjelenést.

Variáns hozzáadása

Először formázd az elemet. A variáns azt a megjelenést rögzíti, amit már elkészítettél, beleértve az eszközspecifikus stílusokat is.

1. Jelöld ki az elemet.

2. Nyisd meg a palettagombot.

3. Válaszd a + Új variáns lehetőséget.

4. Adj neki nevet, például „Pirulagomb”.

5. Válaszd a Variáns létrehozása lehetőséget.

Az új variáns elmentődik a projekthez, megjelenik a választóban, és alkalmazódik a kijelölt elemre.

A Stíluskezelőben is megjelenik, ahol később szerkesztheted az osztályait.

Egy jó módszer variáns készítésére egy meglévő alapján:

1. Alkalmazd a meglévő variánst.

2. Változtasd meg azokat a részeket, amelyeknek el kell térniük.

3. Hozz létre új variánst az eredményből.

Az egyéni variánsok átnevezhetők. Az átnevezés nem töri el a használó elemeket, mert a név csak egy címke.

Egy egyéni variáns törlése végleges. Ellenőrizd azokat az elemeket, amelyek használták, és válassz nekik másik variánst.

A beépített variánsok nem törölhetők. Ha testreszabtál egyet, a Stíluskezelő felkínálja az Alapértelmezett visszaállítása lehetőséget.

Beépített variáns módosítása

Nyisd meg a Stíluskezelőt, keresd meg a variánst, és válaszd az Osztályok szerkesztése lehetőséget.

Ezzel projekt szintű felülírást hozol létre. Az eredeti megjelenés az Alapértelmezett visszaállítása lehetőséggel továbbra is elérhető marad, így bármikor visszatérhetsz hozzá.

Stílusok alkalmazása mindenhol

Ez az a munkafolyamat, amellyel egy elem megjelenését megoszthatod a többivel.

Addig formázol egy elemet, amíg jól nem néz ki, majd átviszed az extra osztályait egy közös stílusba.

1. Formázd az elemet az eszköztár vezérlőivel vagy egy osztálylistával.

2. Jelöld ki.

3. Nyisd meg a palettagombot a lebegő eszköztárán.

4. Válaszd a Stílusok beolvasztása az alapstílusba lehetőséget. A párbeszédablak neve Stílusok alkalmazása mindenhol.

5. Jelöld ki azokat az osztályokat, amelyeket meg akarsz osztani.

6. Válaszd ki a célstílust.

7. Válaszd a Mindenhol alkalmaz lehetőséget.

Ez a művelet azoknál az elemeknél érhető el, amelyek támogatják a variánsokat, például gomboknál, címeknél, bekezdéseknél, elválasztóknál, menülinkeknél és képeknél. Szekció vagy sor esetén inkább a közös stílust szerkeszd a Stíluskezelőben.

Az osztályok átkerülnek a közös stílusba, és eltűnnek az elemről. Minden elem megkapja őket, amely ezt a stílust használja.

A cél kiválasztása

A cél dönti el, milyen messzire ér a változás.

Egy gombhoz a párbeszédablak felkínálhatja:

• x-btn:primary, az elsődleges variáns. Csak az elsődleges variánst használó elemek változnak meg.

• x-btn, a közös gombalap. Minden gomb megváltozik, beleértve a lágy, a körvonalas és bármely más variánst.

A rövidebb, kettőspont nélküli név az alap. A kettőspontos név egy variáns.

A párbeszédablak azzal a variánssal indul, amelyet az elem jelenleg használ. Váltsd át alapra, ha a változásnak minden variánst el kell érnie.

Példa: minden gomb pirula alakú lesz

1. Formázz meg egy gombot a rounded-full osztállyal.

2. Nyisd meg a palettamenüt, és válaszd a Stílusok beolvasztása az alapstílusba lehetőséget.

3. A Stílusok alkalmazása mindenhol párbeszédablakban jelöld ki a rounded-full osztályt.

4. Válaszd az alapcélt, az x-btn-t.

5. Válaszd a Mindenhol alkalmaz lehetőséget.

Most minden gomb megkapja a lekerekített formát, kivéve, ha egy variáns saját lekerekítést állít be. Ha egy variáns még mindig szögletesnek látszik, szerkeszd azt a variánst, vagy alkalmazd rá ugyanazt az osztályt.

Példa: csak az elsődleges gombok változnak

Kövesd ugyanezeket a lépéseket, de célként az x-btn:primary variánst válaszd. A lágy és körvonalas gombok megtartják a jelenlegi formájukat.

Mit lehet megosztani

A párbeszédablakban csak olyan osztályok jelennek meg, amelyeket a Remake képes előállítani. A saját stíluslapodról származó egyéni osztály azon az egy elemen marad.

Ha az elemnek a stílusán kívül nincs extra osztálya, nincs mit beolvasztani, és a párbeszédablak nem nyílik meg.

Hol szerkeszd később az alapot

A gomb alapja a Stíluskezelőben a Haladó megjelenítése alatt, a Alapstílusok kategóriában van. Beolvasztás után ott szerkesztheted, mint bármely más stílust.

Ha egyéni alapba olvasztottál be, az a haladó szakasz Egyéb csoportjában jelenik meg.

Alap vagy variáns?

A variánst használd, ha csak egyfajta elemnek kell megváltoznia:

• Csak az elsődleges gomboknak.

• Csak a kiemelt címeknek.

• Csak a lekerekített képeknek.

Az alapot használd, ha minden verziónak meg kell osztania a változást:

• Minden gombnak ugyanolyan magasnak kell lennie.

• Minden címnek ugyanazt a betűtípust kell használnia.

• Minden képnek ugyanazt az alapértelmezett lekerekítést kell kapnia.

Ha egy alapváltozás túl szélesre hat, inkább vidd át az osztályt egy variánsba.

Egy egyszerű kezdő recept

Új gombstílus hozzáadásához:

1. Jelölj ki egy gombot, és alkalmazd az elsődleges variánst.

2. Változtasd meg a színt, a belső margót és a lekerekítést.

3. Nyisd meg a palettát, és válaszd a + Új variáns lehetőséget.

4. Nevezd el „Pirulagomb”-nak.

5. Hozd létre.

6. Használd azokon a gombokon, amelyeknek erre a megjelenésre van szükségük.

7. Publikáld.

Ahhoz, hogy minden gomb megosszon egy változást:

1. Formázz meg egy gombot.

2. Nyisd meg a palettamenüt, és válaszd a Stílusok beolvasztása az alapstílusba lehetőséget.

3. Jelöld ki az osztályt a Stílusok alkalmazása mindenhol párbeszédablakban.

4. Válaszd ki az alapcélt.

5. Ellenőrizd a többi variánst.

6. Publikáld.