Rozdiel medzi drawable-hdpi, drawable-mdpi, drawable-ldpi

Difference Between Drawable Hdpi



V predchádzajúcej verzii bola iba jedna kresba a vo verzii 2.1 boli tri kreslenie-mdpi, kreslenie-ldpi a kreslenie-hdpi. Tieto tri sú určené hlavne na podporu viacerých rozlíšení.

Rozdiel medzi drawable-hdpi, drawable-mdpi, drawable-ldpi:



(1) Drawable-hdpi store high-resolution images such as WVGA (480x800), FWVGA (480x854)



(2) drawable-mdpi ukladá obrázky so stredným rozlíšením, napríklad HVGA (320 x 480)



(3) Obrázok s nízkym rozlíšením je uložený vo formáte drawable-ldpi, napríklad QVGA (240 x 320)

Systém prejde do týchto priečinkov, aby našiel zodpovedajúci obrázok podľa rozlíšenia zariadenia.

Aby bola pri vývoji programov kompatibilná s rôznymi obrazovkami rôznych platforiem, odporúča sa, aby každý priečinok ukladal rôzne verzie obrázkov podľa požiadaviek.



Dizajn ikon iPhonu je taký jednoduchý, obrazovka iPhonu má iba 320 × 480 pixelov, takže program nemá problémy s adaptáciou.

Android

Pred štúdiom dizajnu ikon systému Android je potrebné pochopiť, ako sa rozhranie systému Android prispôsobuje rôznym obrazovkám.

Prispôsobivosť

Pretože rovnaký prvok používateľského rozhrania (napríklad obrázok s rozmermi 100 x 100 pixelov) vyzerá na obrazovke s vysokou presnosťou menej ako na obrazovke s nízkou presnosťou, aby obrázky na dvoch obrazovkách vyzerali podobne, je možné použiť nasledujúce dva typy použité. metóda:


Program upraví veľkosť obrázka, ale efekt je slabý.
Poskytuje obrázok pre každý z týchto dvoch telefónov s presnou obrazovkou.

Parametre obrazovky sú však diverzifikované a pre každú presnú obrazovku je navrhnutá sada ikon. Pracovné zaťaženie je veľké a nemôže splniť požiadavku na kompatibilitu programu. Je potrebné klasifikovať obrazovku, napríklad obrazovky mobilných telefónov s rozlíšením 160 dpi a 180 dpi používajú rovnakú sadu ikon, keď táto sada ikon nedokáže splniť požiadavky na dizajn v efekte 240 dpi, musíte urobiť o niečo väčšiu sadu ikon.

V systéme Android 1.5 a staršom je na obrazovke 3,2 ′ ′ podporované iba rozlíšenie HVGA (320 × 480) a vývojári nemusia brať do úvahy problém s kompatibilitou rozhrania. Po systéme Android 1.6 platforma podporuje rôzne veľkosti a zariadenia s rozlíšením, čo znamená, že vývojári musia pri navrhovaní brať do úvahy rozmanitosť obrazovky.

Aby sa zjednodušil dizajn a bola kompatibilná s viacerými obrazovkami mobilných telefónov, platforma rozlišuje obrazovku podľa veľkosti a rozlíšenia:


Tri veľkosti: veľká, stredná a malá.
Tri presnosti: vysoká (hdpi), stredná (mdpi) a nízka (ldpi).

Program môže poskytnúť predvolené zdroje pre tieto tri veľkosti obrazoviek a v prípade potreby môže poskytnúť aj zdroje pre obrazovky s rôznou presnosťou. Počas behu systém načíta obraz správnej veľkosti alebo presnosti podľa rozloženia obrazovky.

Android () - -

Veľkosť ikony systému Android

Počas behu poskytuje program tri spôsoby optimálneho zobrazenia:

Zväčšenie obrázka

Na základe presnosti aktuálnej obrazovky platforma automaticky načíta všetky bezškálové obrázky obmedzenej veľkosti a presnosti. Ak sa obrázky nezhodujú, platforma načíta predvolené zdroje a po priblížení alebo oddialení splní požiadavky na zobrazenie aktuálneho rozhrania. Napríklad v súčasnosti obrazovky s vysokou presnosťou platforma načítava zdroje s vysokou presnosťou (napríklad obrázky), a ak nie, platforma upravuje prostriedky so strednou presnosťou na vysokú presnosť.

2. Automaticky definujte veľkosť a polohu pixelov

Ak program nepodporuje viac presných obrazoviek, platforma automaticky definuje absolútnu polohu a veľkosť pixelu atď., Aby prvok mohol zobraziť rovnakú veľkosť ako presnosť 160 obrazoviek. účinok. Napríklad ak chcete, aby obrazovka s vysokou presnosťou WVGA mala rovnakú veľkosť ako tradičná obrazovka HVGA, ak to program nepodporuje, systém vyvolá paniku v rozlíšení obrazovky tohto programu 320 × 533. Po nakreslení grafu v oblasti (10,10) až (100,100) systém zväčší graf na (15,15) až (150,150) zobrazenie na obrazovke. regiónu.

3. Kompatibilné s väčšími obrazovkami

Keď aktuálna obrazovka prekročí hornú hranicu obrazovky podporovanej programom, prvok Support-screens je definovaný tak, že keď dôjde k prekročeniu zobrazenej základnej čiary, platforma tu zobrazí čierny obrázok na pozadí. Napríklad na presnej obrazovke WVGA, ak program nepodporuje takú veľkú obrazovku, bude mať systém veľkosť 320 × 480 a ďalšia zobrazovacia plocha bude vyplnená čiernou farbou.

Ale aby sme dosiahli čo najlepšie zobrazenie, najlepším spôsobom je navrhnúť viac sád obrázkov. Je potrebné klasifikovať všetky obrazovky podľa hodnoty presnosti (vysoká, stredná, nízka) a potom navrhnúť tri sady ikon:


Navrhnite sadu ikon pre bežnú obrazovku so strednou presnosťou (HVGA), aby ste určili veľkosť pixelov obrázka.
zväčšuje obraz na 150% pre obrazovky s vysokou presnosťou a 75% pre obrazovky s nízkou presnosťou.
Umiestnite tieto tri sady zdrojov do troch priečinkov programu: res / drawable-mdpi /, res / drawable-hdpi /, res / drawable-ldpi /. Keď je program spustený, platforma zachytí príslušnú ikonu podľa presnosti obrazovky.

Sprievodca dizajnom

Android () - -

Štandardná ikona systému Android

Ikona Launcher je ikona funkcie na hlavnom rozhraní programu. Android má určité požiadavky na štýl každej ikony:


je v súlade so súčasnými trendmi a vyhýba sa nadmernému používaniu metafor.
je veľmi zjednodušený a prehnaný a malé ikony sa dajú ľahko identifikovať a nemali by byť príliš komplikované.
Pokúste sa zachytiť hlavné funkcie programu, ako napríklad zvuk a video, ako ikonu pre hudbu.
používa prirodzené obrysy a tvary, ktoré vyzerajú geometricky a organicky, bez straty realizmu.
Ikona má čelný pohľad takmer bez perspektívy a svetelný zdroj v hornej časti.
nie je hladký, ale má bohatú štruktúru.

Android () - -

Správna a nesprávna ikona

Všetky ikony majú navyše textové štítky, preto do nich nedávajte text v čase návrhu.

Ikona Launcher je zvyčajne veľká štandardná ikona s malou ikonou, ktorá používa neutrálnu a primárnu farbu a udržuje vysoký kontrast, nie presýtený.

Android () - -

Odporúčaná hodnota farby

Veľkosť a umiestnenie

Ikony spúšťača by mali mať rôzne tvary a štýly, musia však tvoriť jednotný vizuálny štýl a jednotná je aj ich veľkosť a umiestnenie:


(Plné dielo) červené ohraničenie má veľkosť ikony
(Ikona) Modré orámovanie je veľkosť grafiky, ktorá je o niečo menšia ako veľkosť ikony, a priestor mimo grafiky sa používa na zobrazenie tieňov a špeciálnych efektov.
(Štvorcová ikona) Oranžové ohraničenie má inú grafickú veľkosť. Dva typy grafických veľkostí môžu dosiahnuť jednotnú vizuálnu váhu.

Rozmery ikony pre obrazovky s vysokou hustotou (hdpi):

Android () - -


Celé dielo: 72 x 72 px
Ikona: 60 x 60 px
Štvorcová ikona: 56 x 56 px

Rozmery ikony pre obrazovky so strednou hustotou (mdpi):

Android () - -


Celé dielo: 48 x 48 px
Ikona: 40 x 40 px
Štvorcová ikona: 38 x 3

Rozmery ikony pre obrazovky s nízkou hustotou (ldpi):

Android () - -


Celé dielo: 36 x 36 px
Ikona: 30 x 30 px
Štvorcová ikona: 28 x 28 px

šablóna

Stiahnuť ▼ Šablóna štandardnej ikony pre Android , nakreslite ikonu na tomto základe a neskôr pridajte tieňový efekt.

Tieň obrazovky WVGA (s vysokou presnosťou):

Android () - -


Efekt: Tieňovaný tieň
Farba: # 000000
Režim miešania: Násobenie
Krytie: 75%
Uhol: 90 °
Vzdialenosť: 2 pixely
Spread: 0%
Veľkosť: 5px

Okrem toho existujú výukové programy pre ikonu Menu, ikonu na stavovom riadku, ikonu karty, ikonu dialógového okna a ikonu zobrazenia zoznamu. originál .

Veľmi podrobný návod na navrhovanie ikon, tri sady ikon v programe a hardvér systému Android je lepší, inak pamäť praskne