Z-ordre - Z-order

Denne artikel handler om det grafiske brugergrænsefladekoncept. Se Z-orden (kurve) for pladsudfyldningskurven .

Z-ordre er et bestilling af overlappende todimensionale objekter, såsom vinduer i en stabling vindueshåndtering , former i et vektorgrafik editor , eller objekter i en 3D-program. En af funktionerne i en typisk GUI er, at windows muligvis overlapper hinanden, så det ene vindue skjuler en del eller det andet. Når to vinduer overlapper hinanden, bestemmer deres Z-rækkefølge, hvilken der vises oven på den anden.

Definition

Udtrykket "Z-orden" henviser til rækkefølgen af ​​objekter langs Z-aksen. I koordinatgeometri henviser X typisk til den vandrette akse (venstre til højre), Y til den lodrette akse (op og ned), og Z henviser til aksen vinkelret på de to andre (fremad eller bagud). Man kan tænke på vinduerne i en GUI som en række plan parallelt med overfladen på skærmen. Vinduerne er derfor stablet langs Z-aksen, og Z-ordreinformationen specificerer således front-til-back-rækkefølgen af ​​vinduerne på skærmen. En analogi ville være nogle papirark spredt oven på et bord, hvert ark er et vindue, bordet på computerskærmen og det øverste ark med den højeste Z-værdi.

Brug

Brugere af en GUI kan typisk påvirke Z-rækkefølgen ved at vælge et vindue, der skal bringes i forgrunden (det vil sige "over" eller "foran" alle de andre vinduer). Nogle vinduesledere tillader interaktion med vinduer, mens de ikke er i forgrunden, mens andre bringer et vindue foran, når det modtager input fra brugeren. Det er også muligt for specielle vinduer at blive betegnet "altid på toppen"; disse er derefter fastgjort til toppen af ​​Z-rækkefølgen, så (med få undtagelser) intet andet vindue kan overlappe dem.

Når man beskæftiger sig med visuelle objekter på en computerskærm, ville et objekt med en Z-orden på 1 visuelt være ”under” et objekt med en Z-rækkefølge på 2 eller større. Dette er det samme som at lave "lag" af objekter, hvor Z-orden bestemmer, hvilket objekt der er oven på et andet. En HTML-side kan bruge DIV-elementet til at specificere Z-rækkefølgen, så nogle objekter kan være lagdelt over andre.

Z-ordning bruges også i 3D-applikationer til at bestemme objektets synlighed baseret på overlapning fra andre objekter. Dette giver brugeren en hastighedsfordel, da computeren ikke behøver at gengive usete objekter.

z-index

Det faktiske nummer, der er tildelt et bestemt sted i Z-rækkefølgen, kaldes undertiden z-indekset. Især CSS- egenskaben, der indstiller stabelrækkefølgen for specifikke elementer, er kendt som z-indekset. Et element med større stabelrækkefølge er altid foran et andet element med lavere stabelrækkefølge.

p {
    position: relative;
    z-index: -1;
}

Negative stabelordrer kan også bruges på samme måde. En negativ værdi vises bag en positiv værdi. z-indexfungerer kun på elementer, der har en positionsværdi (f.eks. position: relative;). Som alle andre CSS-egenskaber kan det indstilles både med JavaScript og med følgende syntaks: 

object.style.zIndex="1"

Se også

Referencer