- Muliggør kant-til-kant-design og systemtransparens for mere jævn navigation.
- Tilpas brugerfladen til bevægelser eller knapper, med respekt for indsatte elementer og dynamisk kontrast.
- Tilpas med ikke-root-apps (ekstra knapper, startpanel), når systemet ikke er tilstrækkeligt.
At gøre navigationslinjen gennemsigtig på Android handler ikke kun om at se pæn ud: Det forbedrer skærmudnyttelsen og giver en mere jævn oplevelse.Hvis du spekulerer på, hvordan du aktiverer den gennemsigtige navigationslinje i Android-apps, er her en komplet guide, der samler Googles bedste praksis for design, tips til forskellige Android-versioner og ikke-root-muligheder for at tilpasse navigation med specialiserede apps.
Inden vi går i gang med arbejdet, er det godt at vide, at Ikke alle mobiltelefoner opfører sig ens.. Producenter kan lide Samsung (One UI)Google (Pixel), Sony og dem, der integrerer deres egne softwarelag, anvender nuancer i systembjælker og navigationsmetoder. Alligevel vil de officielle anbefalinger og værktøjer, som vi forklarer nedenfor, hjælpe dig med at opnå problemfri og ensartet navigation på tværs af de fleste enheder og versioner.
Hvad er en gennemsigtig navigationslinje, og hvad skal du vide?
I Android eksisterer statuslinjen (notifikationer og system), undertekstlinjen og navigationslinjen side om side; sammen kaldes de systembjælkerDeres tilstedeværelse er konstant og muliggør handlinger som at gå tilbage, vende tilbage til startskærmen eller åbne visningen af de seneste apps, samt visning af tid, batteriniveau eller advarsler. Når du designer eller konfigurerer en app, skal du overveje "sikre zoner", skærmbeskæring, inputmetoder og hvordan du integrerer indhold bag disse bjælker.
Googles anbefaling er klar: Hold status- og navigationsbjælker gennemsigtige eller halvgennemsigtige og tegn appens indhold bagved for at skabe en kant-til-kant-oplevelse. Dette giver visuel kontinuitet og tillader et headerbillede eller en dominerende farve at "ånde" uden pludselige brud med systemrammen.
Med Android 15 er kant-til-kant-adfærden yderligere forbedret: Statuslinjen er som standard gennemsigtig. og systemet justerer automatisk ikonernes synlighed baseret på kontrast. Hvis du har brug for bagudkompatibilitet, kan du kalde metoden enableEdgeToEdge() i din aktivitet for at anvende det samme mønster og undgå unødvendige uigennemsigtige kanter øverst og nederst.
For den nederste del skelner Android mellem to hovedtilstande: gestus navigation (den anbefalede) og knap navigation (tre klassiske knapper). Bevægelsesnavigation viser et bevægelseshåndtag eller en kontrol, og når kant-til-kant-layout er aktiveret, bliver bjælken gennemsigtig, og systemet anvender dynamisk farvetilpasning for at sikre, at den altid er synlig.
Gestusnavigation
Med bevægelser udfører brugeren et sidelæns swipe for at gå tilbage og et swipe fra bunden for at gå til startskærmen eller åbne de seneste elementer ved at trykke og holde nede. Dette mønster skalerer bedre på mobiltelefoner og store skærmeDet kræver dog, at appen respekterer navigationsindsatser for at undgå at placere kritiske knapper eller bevægelser i konfliktzoner. Det officielle råd: aktivér kant-til-kant-indhold, og undgå at placere vigtige berøringsdestinationer direkte under, hvor "Tilbage"-bevægelsen begynder.
Derudover anbefaler Google en gennemsigtig navigationslinje med bevægelser, når det er muligt: Tilføj ikke egenkapital til det områdePå denne måde kan systemets dynamiske farveadapter gøre bevægelseshåndtaget mørkere eller lysere, så det forbliver synligt mod lyse eller mørke baggrunde.
Knapnavigation (tre knapper)
Hvis brugeren foretrækker de tre knapper (Tilbage, Hjem og Seneste), kan systemet anvende et let gennemsigtigt "skjold" bag bjælken for at sikre læsbarhed. På enheder, der kører Android 15 (eller hvis man kalder det ...) enableEdgeToEdge()), Du kan deaktivere det slør. med Window.setNavigationBarContrastEnforced(false) og dermed opnå en fuldstændig gennemsigtig bjælke.
Hvornår er fuldstændig gennemsigtighed i knapper passende? Når din app bruger sin egen nederste applinje eller når indholdet ikke falder under systemlinjen. For lister eller rulbart indhold, der strækker sig under linjen, kan det dog være mere praktisk at holde det gennemskinneligt og anvende passende marmorering for at undgå irriterende overlap. Husk at tilføje marmorering til din nederste bjælke, så du kan tegne under systemlinjen uden at gøre knapperne utilgængelige.
Tastatursynkronisering og animationer
Når skærmtastaturet vises, burde overgangen føles synkroniseret med indholdet. Kompatibilitetsbiblioteket WindowInsetsAnimationCompat tillade synkroniser tastaturanimationen med layoutanimationenså appen flytter elementer op eller ned synkront med IME'en, uden hop eller flimren. Det er et ekstra touch af finesse, som brugerne sætter pris på, når de redigerer formularer eller skriver beskeder (og husk, at nye tastaturfunktioner som f.eks. fortryd-knappen i Gboard forbedre oplevelsen).
Adaptive layouts, beskæring og fuldskærmstilstand
På store skærme og foldbare enheder er den ideelle løsning at vælge responsive designs der flytter indhold til sekundære eller tertiære paneler afhængigt af vinduets bredde. De adaptive navigationsløsninger i Jetpack Compose hjælper med at løse flere skærmformater, samtidig med at systemlinjen holdes klar og ensartet med rammer og beskæring.
masse skærmudskæringer (Hak eller perforeringer) kræver opmærksomhed på, hvordan indhold berører kanterne. Et velimplementeret kant-til-kant-design respekterer sikre områder og forhindrer, at interaktive elementer delvist skjules af udskæringen. Hvis du midlertidigt har brug for at skjule systembjælkerne, fordybende tilstand Det giver dig en fuldskærmsoplevelse til videoer eller spil, samtidig med at det altid er muligt at afdække systemkontroller med en gestus eller berøring.
Aktivér den gennemsigtige bjælke på Android 15 og tidligere versioner (uden root)
Hvis du bruger Android 15, er du heldig: Systemet foretrækker som standard gennemsigtighed i statuslinjen. og tegne indhold fra kant til kant uden at du behøver at gøre ret meget. For bagudkompatibilitet, påkald enableEdgeToEdge() fra dig ActivityDette anvender passende stilarter, så appen tegner bag statuslinjen og, i tilfælde af bevægelser, drager fordel af den gennemsigtige navigationslinje med farvetilpasning.
I knapbaseret navigation kan systemet selv tilføje et gennemsigtigt overlay for at forbedre kontrasten. Hvis dit mål er at fjerne det, skal du ringe Window.setNavigationBarContrastEnforced(false)Husk derefter at justere margen på din apps nederste bjælke, så den tegnes under systembjælken uden at kontrolelementerne er dækket eller for tæt på kanten.
For brugere, der ønsker at tage tingene et skridt videre på ældre enheder, findes der apps, der aktiverer tilpasningsfunktioner uden at kræve root-adgang. En af de mest kendte er... Brugerdefineret navigationslinje (populariseret af XDA-fællesskabet). Udvikleren formåede at bringe nogle af de tilpasningsmuligheder, der fulgte med Android O, til versioner som Android Nougat, hvilket giver brugerne mulighed for at tilføje ekstra knapper eller omarrangere eksisterende.
Det skal bemærkes, at Ikke alle producenter er kompatible.især dem med meget "tunge" skins (som ældre versioner af TouchWiz). Det fungerer dog generelt godt på Android 7.0/7.1 og Android O-forgængeren, LineageOS, Nexus-enheder og flere Sony Xperia-modeller; det blev endda testet med succes på en Xperia Z5. Hvis du har root-adgang, er processen ligetil indefra selve appen; ellers kan du give den nødvendige tilladelse ved hjælp af ADB.
Forberedelse med ADB (uden root)
For at aktivere den brugerdefinerede navigationslinje uden root, skal du blot Installer ADB og driverne Tilslut mobiltelefonen på enheden, og giv de nødvendige tilladelser. Du kan installere ADB ved hjælp af den officielle Google-pakke eller med et minimalt installationsprogram (Minimal ADB & Fastboot), der er meget populært i tekniske fora, hvilket gør det nemt at have ADB på hele systemet med blot et par trin.
I Windows skal du køre installationsprogrammet, acceptere ADB-, Fastboot- og driverindstillingerne med "Y", og så er du færdig. Gå derefter til på din mobilenhed. Indstillinger > Om og tryk gentagne gange på "Buildnummer" for at aktivere udviklerindstillinger. Indtast disse indstillinger, og aktiver "USB-fejlfinding". Tilslut telefonen til pc'en, og i første omgang ADB shell, autoriserer enhedens fingeraftryk.
Når forbindelsen er genkendt, skal du skrive følgende i konsollen: adb shell og giv derefter sikker tilladelse med: pm grant xyz.paphonb.systemuituner android.permission.WRITE_SECURE_SETTINGSDenne tilladelse giver appen mulighed for at justere systemindstillinger uden root-adgang. Når du har gennemført testen i appen, kan du anvende ændringerne på navigationslinjen.
God praksis for at muliggøre gennemsigtighed
Brug en kort tjekliste for at undgå overraskelser: hold gennemsigtig navigationslinje med bevægelserLad systemet tilpasse håndtagsfarven, og undlad at overlappe interaktive elementer under sideindsætningerne af Tilbage-bevægelsen. Hvis du bruger bjælken med knapper, skal du tilføje margin til din egen nederste bjælke, når indholdet ikke skal løbe over under den.
Hurtige ting at gøre og ikke gøre: beam den gennemsigtige bevægelseslinje; gør det ikke Påfør din egen uigennemsigtige maling på det område. For knapper skal du deaktivere tvungen kontrast, hvis du ønsker fuld gennemsigtighed, og husk at justere layoutet for at undgå overlap med rulbart indhold.
Tilpas og tilføj kontrolelementer: Brugerdefineret navigationslinje og startlinje
App Brugerdefineret navigationslinje Den tilbyder præcis, hvad navnet lover: ændring af barens layout og udseende, og endda tilføj to ekstra knapper (venstre og højre) med brugerdefinerede handlinger. Det er perfekt, hvis du vil have en genvej til skærmbilleder, assistenten eller mindre hyppigt brugte funktioner, alt sammen uden at skulle have root-adgang, når du først har givet tilladelse med ADB.
I afsnittet "Navigationslinje" finder du "Layout" til at omarrangere de tre standardknapper (normal, venstrevendt, højrevendt, kompakt, tablet). Derefter kan du i "Ekstra venstre knap" og "Ekstra højre knap" aktivere yderligere knapper med foruddefinerede handlinger, f.eks. clipboard eller skift tastatur, eller gå videre med "Nøglekode" for at indtaste manuelle koder.
Et praktisk eksempel: på venstre knap kan du vælge "Manuel indtastning", indtaste kode 120 for "Skærmbillede"og tildel et "Skærmbillede"-ikon. Til højre giver typen "Nøglekode" med handlingen "Assist" dig direkte adgang til Google Assistent (som tidligere åbnede med Google Now) med dens mikrofonikon. Du kan også bruge disse to knapper til at placere retningspile, meget nyttigt når du redigerer tekst i chats eller formularer.
Hvis du kan lide automatisering, integrerer appen profiler og Tasker-kompatibilitetDette aktiverer forskellige knaplayouts afhængigt af appen eller konteksten. Det er vigtigt at bemærke, at nogle producenter med kraftigt modificerede skins kan blokere nogle af disse ændringer, mens enheder med lettere ROM'er har tendens til at fungere bedre.
En alternativ hjælpefunktion: Gennemsigtig startpanel med bevægelser
En anden interessant mulighed er en app af typen "Home Bar", der placerer en enkelt knap/manager nederstDenne bjælke er gennemsigtig og konfigurerbar og praktisk, hvis din fysiske knap er i stykker, eller hvis du ønsker simple bevægelser. Den tillader handlinger som Tilbage, Hjem og Seneste, og reagerer på tryk og swipes (et enkelt tryk for Hjem, et swipe til venstre/højre for Tilbage, et swipe fra bund til top for Seneste og et langt tryk for at åbne tænd/sluk-menuen).
På telefoner med Android 12 eller ældre, er denne app normalt vis automatisk en gennemsigtig startbjælke på startskærmen. Du kan også justere bredden, højden og den øverste margen på startpanelet, ændre knap- og baggrundsfarverne (hvis du ønsker en diskret kontrast) og aktivere haptisk feedback. Følelsen er naturlig og ret diskret, præcis hvad du ønsker, når du vil tilføje funktioner uden at være påtrængende.
For at fungere kræver disse apps normalt TilgængelighedstjenesterMed denne tilladelse kan de tegne oven på andre apps, registrere bevægelser på startpanelet og udløse systemhandlinger (Hjem, Tilbage, Seneste). Deres mål er at forbedre tilgængeligheden og enhåndsbrug; de behøver ikke at læse dit indhold eller indsamle personlige data for at fungere. Det er altid en god idé at kontrollere, at appen tydeligt angiver, at den ikke deler oplysninger med tredjeparter.
Designtips til perfekt gennemsigtighed
Hvis din app tilbyder sin egen navigation i bunden, og du ønsker fuld gennemsigtighed, kan du overveje at tilføje dynamisk polstring placeret på niveau med systembakken for at undgå konflikter. Systemet kan anvende "dynamisk farvetilpasning", hvor farven på bakkeelementer automatisk ændres i henhold til indholdet bagved dem, så alt kan "ånde" sammenhængende uden at fremtvinge en uigennemsigtig baggrund.
Placer ikke primære interaktionszoner (f.eks. en kritisk handlings-FAB) helt op mod den nederste kant, hvis swipe-back-bevægelsen er aktiv; lad "luft" være, så systemet kan genkende bevægelsen uden utilsigtede tryk. Tilsvarende, Byg ikke en duplikat bundlinje der konkurrerer med systemets navigation: det er bedre at koordinere dem og prioritere et klart handlingshierarki.
Særlige tilstande: tastatur, rulning og beskårne skærme
Ved lange lister skal du sørge for, at det sidste element ikke falder ind under bevægelseshåndtaget; tilføj indholdsindsatser Sørg endelig for, at der er en lille sikkerhedsmargin ved rulning. Hvis din skærm har et hak eller et hul, skal du respektere de sikre områder, så menuer eller indhold ikke afskæres af statuslinjer eller afrundede hjørner. Når du afspiller video eller starter en billedfremviser, skal du aktivere en fuldskærmstilstand At have systembjælker midlertidigt skjult kan være den mest elegante løsning, da de altid kan afsløres med en berøring eller gestus.
Hvad du bør gøre, og hvad du bør undgå
God praksis: Hold navigationslinjen med bevægelser gennemsigtigLad systemet tilpasse sin farve, tegne kant-til-kant-indhold og reservere margen i dine egne bundbjælker. Undgå: at tilføje uigennemsigtige baggrunde til bevægelseslinjen, skjule brugergrænsefladeelementer under hakket eller ignorere sidenavigationsindsætninger til tilbageknappen.
Android 15 fremmer indbygget gennemsigtighed, hvad med enableEdgeToEdge() y Window.setNavigationBarContrastEnforced(false) Du kan finjustere oplevelsen i tidligere versioner og tilstande, og der findes apps som Custom Navigation Bar eller Home Bar til at udvide muligheder uden root-adgang, tilføje knapper eller erstatte ødelagte fysiske knapper. Nøglen er at respektere systemindsatser, kontraster og animationer, så den transparente navigation føles ensartet fra top til bund, uden visuel rod eller utilsigtede berøringer.
