Ja kādreiz esat strādājis ar Android saskarņu dizainu vai esat saskāries ar grafisko pielāgošanu mobilajās lietojumprogrammās, noteikti esat dzirdējuši par slavenajiem failiem .9.png, labāk pazīstams kā Deviņu ielāpu attēli. Lai gan viņu nosaukums var šķist nedaudz mulsinošs, to pamatā esošā koncepcija ir vienkārša, tomēr neticami noderīga tiem, kas meklē mērogojamus un profesionālus interfeisus. Neskatoties uz to nozīmi, daudzi cilvēki joprojām jūtas apmaldījušies, tāpēc šajā rakstā mēs aplūkosim pilnīgi visu par .9.png failiem: kas tie ir, kā tie darbojas, kam tie tiek izmantoti, kā tie tiek izveidoti un kāpēc tie ir tik svarīgi Android izstrādē.
Ideja ir tāda, ka pēc šīs rokasgrāmatas izlasīšanas jūs apgūsiet Nine-patch koncepciju, zināsiet, kā to izmantot savos projektos, un nekad vairs neradīsies problēmas ar attēliem, kas zaudē kvalitāti, tiek deformēti vai nepareizi pielāgojas jūsu lietotņu saturam. Mēs izpētīsim tā priekšrocības, biežāk sastopamās kļūmes un galvenos rīkus, kas palīdzēs jums gūt maksimālu labumu no tā, sniedzot skaidrus skaidrojumus, padomus un piemērus.
Kas ir .9.png fails jeb Nine-Patch attēls?
Un fails .9.png ir attēls īpašā PNG formātā galvenokārt izmanto Android lietojumprogrammu izstrādē. Šie faili, ko sauc par Deviņu ielāpu (jeb spāņu valodā "deviņi ielāpi") ļauj attēlam viedi mērogoties bez kropļojumiem vai kvalitātes zuduma, pielāgojoties vietai, ko tas aizņem saskarnē, neatkarīgi no tā, vai tā ir poga, fons vai teksta lodziņš.
Tas, kas patiesībā atšķir deviņu ielāpu attēlu no tradicionālā PNG, ir tas, ka ietver īpašu vadlīniju, kas sastāv no papildu 1 pikseļa platas apmales ap attēlu. Šī apmale tiek izmantota, lai atzīmētu, kuras attēla daļas var izstiept un kurām jāpaliek neskartām, kā arī lai definētu apgabalu, kurā var ievietot saturu, piemēram, tekstu vai ikonas. Android atpazīst šos failus pēc to konkrētā paplašinājuma: nosaukums.9.png.
Deviņu ielāpu attēlu galvenā lietderība ir tā, ka ļauj izveidot pilnībā adaptīvus grafiskos elementus kas saglabā savas perfektās malas un vizuālās detaļas neatkarīgi no izmēra, ko tām jāieņem. Tas ir svarīgi pogām, dialoglodziņiem vai jebkuriem citiem komponentiem, kuriem ir dinamiski jāmaina izmērs atkarībā no lietošanas konteksta ekrānā.
Kā darbojas deviņu ielāpu sistēma?
.9.png faila darbības princips ir balstīts uz ideju sadalīt sākotnējo attēlu 3x3 režģī, tas ir, deviņās dažādās sadaļās. The stūriem palikt neskartiem, malām var stiepties tikai vienā virzienā, un centrālā zona Tas ir pilnībā mērogojams abos virzienos. Tādā veidā, saturam izplešoties, attēls reaģē inteliģenti, saglabājot sākotnējo estētiku, neizstiepjot jutīgus elementus, piemēram, noapaļotas malas.
L apmales vai vadotnes Deviņu ielāpu līnijas ir 1 pikselis tīras melnas krāsas (#000000) kas ir uzzīmēti attēla augšējā, apakšējā, kreisajā un labajā malā. Katrai pusei ir noteikta funkcija:
- Augšējā un kreisā mala: Tie norāda apgabalus, kurus var mērogot attiecīgi horizontāli un vertikāli.
- Labā un apakšējā mala: Tie ierobežo "iekšējo" apgabalu, kur var pievienot saturu, piemēram, pogas tekstu.
Kad Android .9.png failā atrod šīs vadlīnijas, tā interpolē attēlu, lai tas atbilstu saskarnes nepieciešamajam izmēram, ievērojot melno līniju sniegtās norādes. Tas nodrošina, ka, piemēram, poga ar noapaļotām malām saglabā perfektu formu neatkarīgi no tā, vai tajā ir viens vai vairāki vārdi vai attēls.
Deviņu ielāpu attēlu priekšrocības salīdzinājumā ar parastajiem PNG attēliem
Ir vairāki iemesli, kāpēc izmantot Deviņu ielāpu Saskarņu izstrādē tas ir absolūti ieteicams:
- Novērst kropļojumus un izplūšanu uz malām vai svarīgām detaļām, mainot komponenta izmērus.
- Tie ļauj selektīvi mērogot attēlus, rezervējot delikātas vietas, piemēram, stūrus vai izcēlumus, un izstiepjot tikai plakanās daļas.
- Tie ir ideāli piemēroti elementiem, kuriem jāpielāgojas dinamiski. (pogas, foni, dialoglodziņi utt.) atkarībā no satura vai ierīces izšķirtspējas.
- Uzlabot dizaina efektivitāti, jo viens attēls var tikt attēlots vairākos izmēros, bez nepieciešamības augšupielādēt dažādas versijas.
- Resursu un veiktspējas optimizācijaSamazinot nepieciešamo attēlu skaitu, lietotnes sver mazāk un ielādējas ātrāk.
Darbs ar .9.png failiem ir visefektīvākais un profesionālākais veids, kā nodrošināt, lai jūsu saskarne izskatītos perfekti jebkurā ekrānā un jebkuros apstākļos. Uzziniet vairāk par Android dizaina tendencēm šajā rakstā..
.9.png faila iekšējā struktūra
Apskatīsim tuvāk, kā šie faili ir sakārtoti, lai labāk izprastu, kā tie darbojas:
- 1px apmale pilnībā caurspīdīga (izņemot melnās vadlīnijas): Attēla ārējai malai jābūt caurspīdīgai, izņemot līnijas, kas iezīmē mērogojamo un satura apgabalu.
- Vienmērīgi melni palīglīnijas bez izlīdzināšanas: Vadlīnijām ir derīga tikai tīra melna krāsa. Ja ir kādi atšķirīgi pikseļi, attēls netiks pareizi apstrādāts.
- Pilnīgi caurspīdīgi stūri: Attēla četriem stūriem jābūt neredzamiem, jo tie nekad netiek mērogoti vai parādīti, tādējādi izvairoties no artefaktiem vai kļūdām.
- Īpašie izmēri: Ja sākotnējais attēls ir 48 × 48 pikseļi, iegūtajam .9.png failam jābūt 50 × 50 pikseļiem, lai būtu vieta papildu apmalei.
Bieži pieļauta kļūda ir zīmēt palīglīnijas, kas ir platākas par 1 pikseli, un domāt, ka sistēma tās ignorēs, taču tā nav: jebkura līnija, kas ir platāka par to, būs redzama atveidotajā attēlā.
Kam īsti tiek izmantoti .9.png faili?
L Deviņu ielāpu faili Tos galvenokārt izmanto:
- Mērogojamas pogas: Tāpat kā tās, ko redzat Android lietotnēs, kas spēj pielāgoties tajās iekļautā teksta vai ikonas izmēram.
- Adaptīvie fondi: Saskarnes elementi, kuriem jāpielāgojas saturam, piemēram, teksta lodziņi, paziņojumu lodziņi, kartītes vai jebkurš pielāgojams fons.
- Dialoga elementi vai rīka padomi: Kur saturs un lielums var ievērojami atšķirties atkarībā no situācijas.
- Pielāgoti paziņojumu lodziņi un rāmji: Tie ļauj saglabāt stūrus, ēnas un izcēlumus bez kropļojumiem.
Jebkura saskarnes daļa, kurā attēls ir jāpalielina vai jāsamazina, vienlaikus saglabājot tā izskatu un kvalitāti, var gūt labumu no šī formāta.
Kā soli pa solim izveidot deviņu ielāpu attēlu
Tradicionāla PNG attēla konvertēšana uz .9.png failu nav sarežģīta, ja zināt, kā to izdarīt. Parastais process ir šāds:
- Sagatavojiet savu bāzes attēlu PNG formātā ar atbilstošu izmēru un dizainu. Atcerieties to veidot tikai ar to saturu, kuru vēlaties saglabāt fiksētu (stūri, malas, īpašas detaļas).
- Atveriet oficiālo Draw 9 ielāpu rīku kas ir iekļauts Android SDK. Parasti to var atrast mapē /rīki/ un tā nosaukums parasti ir “draw9patch” (vai draw9patch.bat operētājsistēmā Windows).
- Velciet un nometiet attēlu Draw 9-patch ietvaros. Programma automātiski pievienos nepieciešamo 1 pikseļa apmali un reāllaikā parādīs mērogotā rezultāta priekšskatījumu.
- Zīmējiet melnās palīglīnijas ar peli virs augšējās, kreisās, labās un apakšējās malas, precīzi atzīmējot, kuras daļas ir jāmērogo un kur jānovieto saturs.
- Saglabājiet attēlu izmantojot formātu “name.9.png” sava Android projekta “drawable” mapē.
- Pārbaudiet izskatu komponenta izmēru maiņa vai garu tekstu ievietošana, lai nodrošinātu, ka attēls labi iederas un nedeformējas.
Ja jums nav māksliniecisko prasmju, lai izveidotu savu rediģējamu attēlu, tīmeklī ir pieejamas daudzas veidnes un piemēri, kā arī vietnes, kur varat lejupielādēt .9.png resursus, kas ir gatavi pielāgošanai un lietošanai.
Kā izmantot .9.png failus savā Android projektā
Deviņu ielāpu attēlu izmantošana Android projektā ir ļoti vienkārša:
- Kopējiet failu .9.png mapē zīmējams jūsu projekta struktūras.
- Skata XML izkārtojumā, kurā vēlaties to izmantot, piešķiriet īpašību android:background=»@drawable/image_name» uz vēlamo komponentu (piemēram, pogu, teksta lodziņu utt.).
- Lietošanas piemērs pogā:
Android automātiski atpazīs attēlu kā Nine-Patch un pielāgos vizuālo elementu jūsu norādītajam izmēram un saturam.
Atcerieties, ka no šī formāta var gūt labumu ne tikai pogas. Jebkurš skats, kas pieņem fona attēlus, var izmantot .9.png failu, tostarp attēlus, kas veidoti no citiem attēliem vai pat pielāgotus skatus.
Vai Nine-patch var izmantot ārpus Android?
Lai gan tā galvenokārt ir izstrādāta un optimizēta operētājsistēmai Android, Nine-laaster tehniku var izmantot arī citās platformās, kas pārvalda mērogojamus attēlus. Piemēram, sistēmās, kas atbalsta līdzīgus mērogojamus attēlus, vai uz tām.
