Kada tražite čistiji interfejs i sadržaj koji ispunjava cijeli ekran, postizanje Prozirna navigacijska traka na Androidu To je jedno od onih poboljšanja koja čine svu razliku. Iako zvuči jednostavno, istina je da to zavisi od načina navigacije, verzije Androida i, u mnogim slučajevima, proizvođača i načina na koji prilagođavaju sistem.
U ovom vodiču ćete to detaljno vidjeti: šta su oni tačno sistemske trake, kako funkcionišu na Androidu 15 i starijim verzijama, koje postavke i API-ji su uključeni (uključujući stvari poput enableEdgeToEdge() o WindowInsets), zašto se transparentnost ponekad ne održava u aplikacijama poput Chromea i koje alternative imate ako vaš mobilni uređaj to ne dozvoljava izvorno, uključujući metode s ADB-om i aplikacijama za pristupačnost.
Šta su sistemske trake u Androidu?
Android prikazuje tri ključna elementa na ekranu koje je vrijedno znati: traka statusa (na vrhu, s vremenom, baterijom i obavještenjima), traka titlova (kada su dostupni sistemski titlovi) i navigacijska traka (dolje, pomoću gesti ili dugmadi). Ove „sistemske trake“ pružaju informacije i interakciju i nalaze se iznad bilo koje aplikacije.
Prilikom dizajniranja ili konfiguriranja iskustva, preporučljivo je uzeti u obzir njegovo prisustvo i istaknutostjer utiču na raspored sadržaja, pristupačnost dodirom i ukupnu estetiku. Nadalje, postoje razlike između proizvođača: u interfejsima poput Samsungovog One UI-ja ili na uređajima sa Stari hardver sa fizičkim dugmadima, ponašanje može znatno varirati.
Ikone u statusnoj traci mogu mijenjati izgled ovisno o temi, svijetlom/tamnom načinu rada, dobu dana ili prilagođavanje korisnikaSlično tome, kada primite obavještenje, ikona se obično pojavljuje u statusnoj traci koja označava da postoji nešto na čekanju u panelu s obavještenjima.
Prozirno, prozirno i od ruba do ruba: tako funkcionira estetika
Statusna traka i navigacijska traka mogu biti prozirni ili prozirniSa prozirnošću, sadržaj aplikacije je doslovno nacrtan iza trake, omogućavajući pravi efekat od ivice do ivice. Sa prozirnošću, traka dodaje veo ili platno kako bi se osigurao kontrast kada se sadržaj pomiče ispod.
Od Androida 15, sistem je usvojio od ivice do ivice Podrazumevano, ovo čini statusnu traku prozirnom bez ikakvih daljnjih promjena. Da bi se održalo dosljedno ponašanje unatrag, aplikacije mogu pozivati enableEdgeToEdge(), što omogućava unatrag kompatibilnost pri crtanju sadržaja iza sistemskih traka.
Android se također primjenjuje dinamičko prilagođavanje boja U sistemskim trakama: na primjer, identifikator trake za geste može se pojaviti taman na svijetlim pozadinama, a svijetao na tamnim pozadinama. Ova postavka nije proizvoljna, već mjera čitljivosti kako bi se osiguralo da kontrole i indikatori ostanu vidljivi u svakom trenutku.
Načini navigacije: geste, dugmad i adaptivna navigacija
Android omogućava navigaciju pomoću gestova ili dugmadi. navigacija pokretimaMožete se vratiti prevlačenjem prsta s lijeve ili desne ivice, vratiti se na početni ekran prevlačenjem s dna i pristupiti Nedavnim stavkama prevlačenjem i držanjem prsta s dna. Jedna ručka ili vizualni kontroler na dnu služi kao referenca za dodir.
U gestikulacijskom načinu rada preporučuje se da donju traku držite pritisnutom potpuno transparentnoIzbjegavajte dodavanje pozadina koje narušavaju integraciju sa sadržajem. Također, nemojte postavljati kritične mete dodira ispod područja za unos gestama kako biste spriječili konflikte interakcije.
Navigacija sa tri dugmeta Još uvijek je prisutan na mnogim uređajima. Ovdje preporuka varira: ako vaša aplikacija ima statične donje trake (na primjer, donju traku aplikacije), možete se odlučiti za prozirnu navigacijsku traku i "nacrtati" svoj korisnički interfejs iza nje, sve dok dodate odgovarajuće padding. Ako postoje pomicanje sadržaja koja prolazi ispod, prozirna traka obično nudi bolje čitanje i vizualno odvajanje.
Za kontrolu kontrasta koji sistem dodaje u režimu dugmadi, postoji setNavigationBarContrastEnforced(false)što omogućava nekome da postigne prozirna traka za navigaciju Uklanjanjem prozirnog ekrana koji Android dodaje po zadanim postavkama kako bi se osigurala čitljivost. Međutim, ako onemogućite taj kontrast, na vama je da osigurate ispunu i kontrast u svom dizajnu.
Na velikim ili sklopivim ekranima, navigacija prilagodljiv Naizmjenično se mijenja bočna i donja traka ovisno o klasi veličine prozora. Adaptivne komponente Jetpack Compose-a pomažu u osiguravanju da se ovi prijelazi ne sukobljavaju sa sistemskim trakama, održavajući konzistentan raspored.
Zašto se "Prozirna navigacijska traka" ne pojavljuje u svim aplikacijama
Možete omogućiti opciju prozirne navigacijske trake u opcije za programereAli i dalje vidite bijelo ili tamno u aplikacije poput ChromeaOvo nije problem s vašim telefonom: to se dešava zato što svaka aplikacija odlučuje šta će nacrtati iza sistemskih traka, a Android prilagođava boju kako bi sačuvao čitljivost. Ako ispod ima puno bijele boje, sistem bi mogao nametnuti tamni identifikator ili efekat koji u praksi... Ne izgleda "prozirno".
Nadalje, neki sistemski slojevi ili aplikacije dodaju vlastita sredstva i ne poštuju apsolutnu transparentnost. varijacije između proizvođača I verzije (čak i vrsta tastature na ekranu) imaju utjecaj. U konačnici, to nije univerzalno čarobno rješenje: ovisi o načinu navigacije, verziji Androida, odlukama svake aplikacije i pravilima kontrasta sistema.
Dobre stilske prakse za postizanje stvarne transparentnosti
Ako koristite geste i vaš uređaj koristi Android 15 (ili vaša aplikacija poziva enableEdgeToEdge()), sistem već crta prozirna traka za geste s dinamičkom adaptacijom boja. Preporučuje se da se ne dodaju pozadine u to područje i da se poštuju umetci kako bi se izbjeglo pojavljivanje duhova ili preklapanja.
S načinom rada s gumbima, ako tražite prozirnu navigacijsku traku, onemogućite aplikaciju za kontrast pomoću setNavigationBarContrastEnforced(false) y dodajte nadjeve Koristite donje trake da biste crtali sadržaj iza njih bez da ga zaklanjate. Ako se sadržaj pomiče ispod, razmislite o prozirnoj traci kako biste održali čitljivost bez gubitka osjećaja od ruba do ruba.
Da biste bili sigurni da sistemske trake ništa ne zaklanjaju, koristite WindowInsets i pažljivo upravlja Sigurne zone korisničkog interfejsaOvo je ključno kod velikih, sklopivih, višeprozorskih ili plutajućih prozora, gdje se položaj i veličina sistemskih traka mijenjaju ovisno o kontekstu.
Interakcija i animacije s tastaturom
Kada se pojavi tastatura na ekranu, umeci na dnu se mijenjaju, tako da navigacija (bilo gestama ili dugmadima) mora reagirati ispravnoDa biste glatko sinhronizovali kretanje tastature sa svojim sadržajem, WindowInsetsAnimationCompat Omogućava vam glatku animaciju prijelaza.
Izrezi na ekranu i impresivni prikaz
Izrezi (zarezi ili rupe) zauzimaju prostor na vrhu. Trebali biste razmotriti kako oni djeluju na vaše sadržaj od ruba do ruba, orijentaciju i način rada preko cijelog ekrana. Ako trebate sakriti sve trake da biste gledali film ili igrali igru, imerzivni način rada vam omogućava da ih privremeno sakrijete, uvijek s jasnim načinom da ih vratite dodirom.
Responzivni dizajn: klase veličina prozora
Responzivni dizajni preuređuju korisnički interfejs u jedan, dva ili tri panela, ovisno o dostupnoj širini. Imajući to na umu, koristite Umetci za prozore kako bi se održala dostupnost kontrola i izbjeglo preklapanje sa sistemskim trakama, posebno na sklopivim uređajima, tabletima i okruženjima s više prozora.
Ako vaš proizvođač to ne dozvoljava, pokušajte s ovim alternativama.
Na nekim telefonima sa zahtjevnijim prilagođenim interfejsima, sistemske opcije nisu dovoljne za postizanje prozirna traka za navigaciju ili dodajte funkcije. Tu na scenu stupaju uslužni programi trećih strana, koji crtaju vlastitu traku ili prilagođavaju postojeću. Dvije praktične ideje koje rade na starijim verzijama i bez root pristupa su Prozirna početna traka telefona.
Prilagođena navigacijska traka: Dodajte dodatne gumbe i prilagodite ih bez root-a
Prilagođena navigacijska traka vam omogućava da promijenite izgled trake i dodate dva dodatna dugmeta (lijevo i desno) s korisnim akcijama. Nije potreban rootMeđutim, morat ćete dati sistemsku dozvolu putem ADB-a, tako da ćete morati povezati telefon s računarom i pokrenuti nekoliko naredbi.
Prije nego što počnete, imajte na umu neke informacije o kompatibilnosti: na uređajima sa teški slojevi poput TouchWiz-a (stariji Samsung uređaji) možda neće raditi. Obično dobro radi na Androidu 7.0, 7.1 i Androidu O preview iz tog doba, na LineageOS-u, Nexusu i raznim Sony Xperia uređajima. U stvari, testiran je na Xperia Z5 Pratite korake i dodajte snimak ekrana s lijeve strane i pristup Google Nowu s desne strane.
Postavljanje je jednostavno ako slijedite upute. Prvo instalirajte ADB i USB drajveri na vašem računaru. Na Windowsu možete koristiti instalacijski program koji će vas, kada ga pokrenete, pitati da potvrdite sa "Y" tri opcije: instalirajte ADB i Fastboot, omogućite ADB za cijeli sistem (možete reći ne ako želite samo trenutnog korisnika) i instalirajte upravljačke programe.
Zatim, na telefonu, aktivirajte opcije za programere Idite u Postavke i više puta dodirnite "Broj verzije" dok ne vidite poruku o aktivaciji. Unesite te opcije i omogućite "USB otklanjanje grešaka".
Povežite mobilni telefon sa računarom i otvorite Komandni redak (CMD) s administratorskim privilegijama. Upišite adb shellNa telefonu prihvatite USB otklanjanje grešaka pomoću otiska prsta uređaja kada se pojavi upit.
Sada dodijelite potrebnu dozvolu ovom naredbom unutar ljuske: pm grant xyz.paphonb.systemuituner android.permission.WRITE_SECURE_SETTINGSKada završite, vratite se u aplikaciju i izvršite test verifikacije što sugerira. Ako je sve u redu, možete ga sada koristiti.
U odjeljku „Navigacijska traka“ pronaći ćete opciju „Raspored“ za promjenu rasporeda tri dugmeta (normalno, lijevo, desno, kompaktno ili tablet). Dodatna dugmad su konfigurisana u „Dodatno lijevo dugme" i "Dodatno desno dugme". Možete odabrati zadane uslužne programe poput međuspremnika ili prebacivanja između tastatura ili otići na "Keycode" da biste dodijelili Android kodove širokom spektru radnji.
Na primjer, da biste snimili ekran pomoću lijevog dugmeta, idite na "Keycode", odaberite "Ručni unosUnesite kod 120. Zatim, pod "Ikona" potražite "Snimak ekrana" da biste prikazali odgovarajuću ikonu. Za desni taster možete koristiti tip "Keycode" i odabrati "Assist" da biste otvorili Google Now s ikonom mikrofona. Također možete dodati strelice smjera na ta dva dodatna tastera, što je odlično za uređivanje teksta u chatovima.
Aplikacija se također integrira sa torbe i profile za automatizaciju konfiguracija, mijenjajući traku u skladu s kontekstom. Programer je podijelio alat i njegov napredak na forumima poput XDA radi podrške i ažuriranja, gdje ćete pronaći dodatne informacije i primjere.
Prozirna početna traka telefona: prozirna „početna traka“ s gestama
Ako vam je potrebno zamijeniti ili emulirati traku s jednom donjom kontrolom, prozirna početna traka telefona dodaje "home bar"prozirni koji pluta na dnu i izvršava radnje poput Nazad, Početna ili Nedavno putem gestikulacija."
Aplikacija prikazuje jedno dugme na dnu koje podrazumevano prepoznaje gestove: jednim dodirom prelazite na inicioPrevucite prstom s lijeva na desno (ili s desna na lijevo) za povratak, prevucite prstom od dna prema gore za prikaz Nedavnih stavki, a dugi pritisak otvara meni za napajanje. Vrlo je jednostavno, ali pokriva osnovne stvari.
Među njegovim postavkama možete aktivirati vibracija Prilikom interakcije možete podesiti širinu, visinu i gornju marginu trake, te prilagoditi boju i pozadinu dugmeta. Na Androidu 12 ili starijim verzijama, aplikacija može automatski prikazati prozirnu početnu traku na radnoj površini.
Da bi funkcionisao, potrebno mu je Usluga pristupačnosti Android koristi uslugu kontrole gestova kako bi prikazao traku za gestove preko ostatka ekrana. Programer navodi da se ova usluga koristi isključivo za prikaz pristupačnosti i izvršavanje radnji (Početna, Nazad, Nedavne stavke), bez prikupljanja ličnih podataka ili njihovog prenošenja trećim stranama.
Ikonografija i kontrast u statusnoj traci
Statusna traka prikazuje ikone sistema i obavještenja, a njen izgled varira ovisno o temama, postavkama i kontekstu. Ako tražite istinsku transparentnost, obratite pažnju na kontrast ikona kada crtate sadržaj iza ekrana. Android 15 uglavnom rješava ovo svojim pristupom od ruba do ruba i dinamičkom adaptacijom, ali u ranijim verzijama vrijedi testirati i u svijetlom i u tamnom načinu rada.
Zaštita za oči i podloga: apsolutni minimum
U gestama, držite donju traku bez sredstavaZa dugmad, ako onemogućite sistemski nametnuti kontrast kako bi bila prozirna, dodajte rubove na donje trake kako se ne bi preklapale s dugmadima. Za sadržaj koji se pomiče, prozirna traka je elegantno rješenje koje sprječava da tekst vizualno "napadne" navigaciju.
Uobičajene greške koje treba izbjegavati
Jedna od najčešćih grešaka je "slikanje" pozadine ispod trake za geste kako bi se pokušala postići vizualna ujednačenost. Nemojte to raditi: sistem već upravlja dinamička čitljivost Dodavanje pozadine umanjuje koherentnost dizajna od ruba do ruba. Još jedna greška je postavljanje prilagođenih kontrola ili gesta "pričvršćenih" na donju ivicu: to se takmiči sa sistemskim gestama i dovodi do propuštenih dodira.
Kada odabrati prozirni u odnosu na prozirni
Apsolutna transparentnost izgleda posebno dobro kada imate vlastita donja traka (donja traka aplikacije ili donja navigacija aplikacije) ili kada ćete prikazivati slike zaglavlja preko cijelog ekrana. Prozirnost omogućava odvajanje dugih lista, feedova i područja za pomicanje, sprječavajući da sadržaj "odsijeca" navigaciju i poboljšava fokus korisnika.
Završne provjere pri prelasku od ivice do ivice
Provjerite da vam kontrole nisu skrivene iza sistemskih traka i da geste ne ometaju taktilne destinacije i osigurajte glatke prijelaze s tastature. Za sklopive uređaje, provjerite položaje s ispruženim i sklopljenim uređajem; za tablete, provjerite iskustvo u vodoravnoj i okomitoj orijentaciji.
Brza pitanja
Zašto traka nije prozirna u Chromeu čak i kada omogućim tu opciju? Zato što preglednik i sistem daju prioritet... čitljivost interfejsa putem dinamičke adaptacije. U zavisnosti od sadržaja ili teme, traka se može prikazati u svijetlim ili tamnim tonovima.
Da li se razlikuje u zavisnosti od proizvođača? Da. Slojevi poput Jedan UI I druge prilagodbe mogu promijeniti neke od funkcija, i vizualne i funkcionalne. Nadalje, stariji uređaji s fizičkim tipkama podliježu drugačijim pravilima.
Mogu li sakriti medijske trake? Da, s načinom rada imersive Možete ih privremeno sakriti, uvijek ostavljajući jasan način da ih pronađete dodirom ili prevlačenjem.
Kontrolna lista najboljih praksi za programere
Ako kreirate ili održavate aplikaciju, usvojite ove principe za besprijekornu transparentnost od ruba do ruba: koristi WindowInsets za umetke sistemske trake, aktivirajte enableEdgeToEdge() U verzijama prije Androida 15, poštuje traku za geste bez dodavanja pozadina i primjenjuje ispune i scrimove samo kada poboljšavaju čitljivost.
- Uključite sistemske trake u svoje dizajne za različite veličine i faktore oblika; koristite kanonske dizajne koji maksimalno iskorištavaju prostor.
- Ostavite statusnu i navigacijsku traku prozirnom ili poluprozirnom, a sadržaj nacrtajte iza njih za istinsko iskustvo od ruba do ruba. ispravan kontrast u ikonama.
- Kontrolirajte upade pomoću WindowInsetsa i provjerite da nema skrivenih kontrola ispod rešetki ili isječaka.
- Izbjegavajte postavljanje dodirnih elemenata ispod umetaka za geste i sinhronizujte korisnički interfejs sa tastaturom pomoću
WindowInsetsAnimationCompat.
Pravljenje navigacijske trake prozirnom nije stvar jedne poluge: to uključuje navigacijski načinVerzija sistema, odluke svake aplikacije i proizvođačev interfejs igraju ulogu. Ako vaš telefon to ne nudi direktno, Android 15 vodiči sa upravljanjem od ruba do ruba i kontrastom mogu vas voditi, a uvijek možete pribjeći opcijama poput prilagođene navigacijske trake s ADB dozvolom ili prozirne početne trake putem pristupačnosti, a sve to imajući na umu kontrast, pristupačnost i performanse na velikim i sklopivim ekranima. Podijelite ovaj vodič i pomozite drugima da upravljaju prozirnom navigacijskom trakom na Androidu.
