Grafisk widget - Graphical widget

Denne artikkelen handler om gjenbrukbare komponenter for å bygge brukergrensesnitt. For små skrivebords- / webapplikasjoner, se Programvare-widget . For annen bruk, se Widget .
gtk3-demo, et program for å demonstrere widgets i GTK + versjon 3.
Qt- widgets gjengitt i henhold til tre forskjellige skinn (kunstnerisk design): Plastik, Keramik og Windows
Ulike widgets vist i Ubuntu .
Eksempel på aktiverte og deaktiverte widgets; at rammen nederst er deaktivert, blir de skyggelagt.

En grafisk widget (også grafisk kontrollelement eller kontroll ) i et grafisk brukergrensesnitt er et element av interaksjon , for eksempel en knapp eller et rullefelt . Kontroller er programvarekomponenter som en datamaskinbruker kommuniserer med gjennom direkte manipulering for å lese eller redigere informasjon om et program. Brukergrensesnittbiblioteker som Windows Presentation Foundation , GTK og Cocoa inneholder en samling kontroller og logikken for å gjengi disse.

Hver widget muliggjør en bestemt type bruker-datamaskininteraksjon, og vises som en synlig del av applikasjonens GUI som definert av temaet og gjengitt av gjengivelsesmotoren. Temaet gjør at alle widgets følger en enhetlig estetisk design og skaper en følelse av generell sammenheng. Noen widgets støtter interaksjon med brukeren, for eksempel etiketter, knapper og avmerkingsbokser . Andre fungerer som containere som grupperer widgetene som er lagt til dem, for eksempel vinduer , paneler og faner.

Å strukturere et brukergrensesnitt med widgetverktøy gjør at utviklere kan bruke kode til lignende oppgaver, og gir brukerne et felles språk for interaksjon, og opprettholder konsistens i hele informasjonssystemet.

Grafiske brukergrensesnittbyggere gjør det mulig å lage GUIer på en WYSIWYG- måte ved å bruke et markeringsspråk for brukergrensesnittet . De genererer automatisk all kildekoden for en widget fra generelle beskrivelser gitt av utvikleren, vanligvis gjennom direkte manipulering .

Historie og bruk

Ytterligere informasjon: Historikk over det grafiske brukergrensesnittet

Enhver widget viser et informasjonsarrangement som kan endres av brukeren, for eksempel et vindu eller en tekstboks . Den definerende egenskapen til en widget er å gi et enkelt interaksjonspunkt for direkte manipulering av en gitt type data. Med andre ord er widgets grunnleggende visuelle byggesteiner som, kombinert i en applikasjon, inneholder alle dataene som behandles av applikasjonen og de tilgjengelige interaksjonene på disse dataene.

GUI-widgets er grafiske elementer som brukes til å bygge menneske-maskin-grensesnittet til et program. GUI-moduler implementeres som programvarekomponenter . Widgetverktøy og programvarerammer, som f.eks. GTK + eller Qt , inneholder dem i programvarebiblioteker, slik at programmerere kan bruke dem til å bygge GUIer for programmene sine.

En familie av vanlige gjenbrukbare widgets har utviklet seg for å inneholde generell informasjon basert på Palo Alto Research Center Inc.- undersøkelser for Xerox Alto User Interface. Ulike implementeringer av disse generiske widgetene pakkes ofte sammen i widgetverktøy , som programmerere bruker til å bygge grafiske brukergrensesnitt (GUI). De fleste operativsystemer inkluderer et sett med skreddersydde widgets som en programmerer kan innlemme i et program, og spesifiserer hvordan det skal oppføre seg. Hver type widget er generelt definert som en klasse ved objektorientert programmering ( OOP ). Derfor er mange widgets hentet fra klassearv.

I sammenheng med et program kan en widget aktiveres eller deaktiveres på et gitt tidspunkt. En aktivert widget har kapasitet til å svare på hendelser, for eksempel tastetrykk eller mushandlinger. En widget som ikke kan svare på slike hendelser anses å være deaktivert. Utseendet til en widget varierer vanligvis avhengig av om den er aktivert eller deaktivert. når deaktivert, kan en widget tegnes i en lysere farge (gråtonet) eller skjules visuelt på en eller annen måte. Se bildet tilstøtende for et eksempel.

Fordelen i forhold til å skjule utilgjengelige kontroller helt og holdent er å lære brukerne om deres eksistens, og betegne øyeblikkelig utilgjengelighet i stedet for å la brukeren søke etter en skjult kontroll.

Widgets blir noen ganger kvalifisert som virtuelle for å skille dem fra deres fysiske kolleger, for eksempel virtuelle knapper som kan klikkes med en peker , mot fysiske knapper som kan trykkes med en finger.

Et relatert (men annerledes) konsept er desktop-widgeten , et lite spesialisert GUI-program som gir litt visuell informasjon og / eller enkel tilgang til ofte brukte funksjoner som klokker, kalendere, nyhetsaggregatorer, kalkulatorer og skrivebordsnotater. Denne typen widgets er vert for en widgetmotor .

Etymologi

"Widget" kom inn i amerikansk engelsk rundt 1920, som en generisk betegnelse på alle nyttige enheter, spesielt et produkt produsert for salg. Ved bruk av datamaskiner har den blitt lånt som en forkortet form av " vindusutstyr ", og ble først brukt på brukergrensesnittelementer under Project Athena i 1988. Ordet ble valgt fordi "alle andre vanlige termer var overbelastet med upassende konnotasjoner" - siden prosjektets intrinsics Toolkit forbundet hver widget med et vindu av den underliggende X window System - og på grunn av felles prefiks med ordet vinduet .

Liste over vanlige generiske widgets

Se også: Grafiske brukergrensesnittelementer
  • Valg og visning av samlinger
    • Knapp - kontroll som kan klikkes på for å utføre en handling. Tilsvarende en trykknapp som finnes på mekaniske eller elektroniske instrumenter.
      • Radioknapp - kontroll som du kan klikke på for å velge ett alternativ fra et utvalg av alternativer, i likhet med å velge en radiostasjon fra en gruppe knapper dedikert til radioinnstilling. Radioknapper vises alltid parvis eller i større grupper, og bare ett alternativ i gruppen kan velges om gangen; valg av et nytt element fra gruppens knapper avmarkerer også den tidligere valgte knappen.
      • Avkrysningsrute - kontroll som du kan klikke på for å aktivere eller deaktivere et alternativ. Også kalt en kryssboks. Ruten angir en "på" eller "av" -status via et hake / kryss ☑ eller et kryss ☒. Kan vises i en mellomtilstand (skyggelagt eller med en bindestrek) for å indikere at forskjellige objekter i et flere valg har forskjellige verdier for egenskapen representert av avkrysningsruten. Flere avmerkingsbokser i en gruppe kan velges, i motsetning til alternativknapper.
      • Vekslebryter - Funksjonelt lik en avkrysningsrute. Kan slås av og på, men i motsetning til avmerkingsboksene har dette vanligvis en umiddelbar effekt.
      • Veksleknapp - Funksjonelt lik en avkrysningsrute, fungerer som en bryter , men vises som en knapp. Kan slås av og på.
      • Delt knapp - kontroll som kombinerer en knapp (vanligvis påkaller noen standardhandlinger) og en rullegardinliste med relaterte, sekundære handlinger
      • Syklus-knapp - en knapp som sykler innholdet gjennom to eller flere verdier, og dermed muliggjør valg av en fra en gruppe med elementer.
    • Glidebryter - kontroll med et håndtak som kan flyttes opp og ned (vertikal glidebryter) eller høyre og venstre (horisontal glidebryter) på en stolpe for å velge en verdi (eller et område hvis to håndtak er til stede). Linjen lar brukerne gjøre justeringer av en verdi eller prosess gjennom en rekke tillatte verdier.
    • Listeboks - et grafisk kontrollelement som lar brukeren velge ett eller flere elementer fra en liste som finnes i en statisk tekstboks med flere linjer.
    • Spinner - verdiinngangskontroll som har små opp- og nedknapper for å gå gjennom en rekke verdier
    • Rulleliste - En liste over elementer du kan velge mellom. Listen viser normalt bare elementer når du klikker på en spesiell knapp eller indikator.
    • Meny - kontroll med flere handlinger som du kan klikke på for å velge et valg å aktivere
      • Kontekstmeny - en type meny hvis innhold avhenger av konteksten eller tilstanden som gjelder når menyen påkalles
      • Pai-meny - en sirkulær kontekstmeny der valget avhenger av retning
    • Menylinje - et grafisk kontrollelement som inneholder rullegardinmenyer
    • Verktøylinje - et grafisk kontrollelement som knapper, ikoner, menyer eller andre inngangs- eller utgangselementer er plassert på
      • Ribbon - en hybrid av meny og verktøylinje, som viser en stor samling kommandoer i et visuelt oppsett gjennom et faneblad.
    • Kombinasjonsboks ( tekstboks med vedlagt meny eller listeboks ) - En kombinasjon av en tekstlinje med en linje og en rullegardinliste eller listeboks , slik at brukeren kan enten skrive en verdi direkte i kontrollen eller velge fra listen over eksisterende alternativer.
    • Ikon - et raskt forståelig symbol på et programvareverktøy, en funksjon eller en datafil.
    • Trevisning - et grafisk kontrollelement som presenterer et hierarkisk syn på informasjon
    • Rutenettvisning eller Datagrid - et regneark lignende tabell visning av data som gjør at tall eller tekst legges inn i rader og kolonner.
  • Navigasjon
    • Link - Tekst med en slags indikator (vanligvis understreking og / eller farge) som indikerer at å klikke på den vil ta en til en annen skjerm eller side.
    • Tab - et grafisk kontrollelement som gjør det mulig å inneholde flere dokumenter eller paneler i ett vindu
    • Rullefelt - et grafisk kontrollelement der kontinuerlig tekst, bilder eller annet innhold kan rulles i en forhåndsbestemt retning (opp, ned, venstre eller høyre)
  • Inntasting av tekst / verdi
    • Tekstboks - (redigeringsfelt) - et grafisk kontrollelement som er ment å gjøre det mulig for brukeren å legge inn tekst
    • Kombinasjonsboks - et grafisk kontrollelement som kombinerer en rullegardinliste eller listeboks og en redigerbar tekstboks med en linje
  • Produksjon
    • Etikett - tekst som brukes til å beskrive en annen widget
    • Verktøytips - informasjonsvindu som vises når musen svever over en annen kontroll
    • Ballonghjelp
    • Statuslinje - et grafisk kontrollelement som utgjør et informasjonsområde som vanligvis finnes nederst i vinduet
    • Fremdriftslinje - et grafisk kontrollelement som brukes til å visualisere utviklingen av en utvidet datamaskinoperasjon, for eksempel nedlasting, filoverføring eller installasjon
    • Infobar - et grafisk kontrollelement som brukes av mange programmer for å vise ikke-kritisk informasjon til en bruker
  • Container
    • Window - et grafisk kontrollelement som består av et visuelt område som inneholder noen av de grafiske brukergrensesnittelementene til programmet det tilhører
      • Sammenleggbart panel - et panel som kompakt kan lagre innhold som er skjult eller avslørt ved å klikke på fanen i modulen.
        • Skuff: Sideark eller overflater som inneholder tilleggsinnhold som kan være forankret i, trukket ut eller skyvet bort utenfor venstre eller høyre kant av skjermen.
      • Trekkspill - en loddrett stablet liste over elementer, for eksempel etiketter eller miniatyrbilder der hvert element kan "utvides" for å avsløre det tilknyttede innholdet
      • Modalvindu - et grafisk kontrollelement underlagt applikasjonens hovedvindu som oppretter en modus der hovedvinduet ikke kan brukes.
      • Dialogboks - et lite vindu som kommuniserer informasjon til brukeren og ber om svar
      • Palettvindu - også kjent som "Utility-vindu" - et grafisk kontrollelement som flyter på toppen av alle vanlige vinduer og tilbyr verktøy for klar tilgang, kommandoer eller informasjon for gjeldende applikasjon
        • Inspektørvindu - en type dialogvindu som viser en liste over gjeldende attributter for et valgt objekt og som lar disse parametrene endres på farten
      • Ramme - en type boks der en samling grafiske kontrollelementer kan grupperes som en måte å vise relasjoner visuelt på
      • Canvas - generisk tegneelement for å representere grafisk informasjon
      • Cover Flow - et animert, tredimensjonalt element for å bla gjennom øyeblikksbilder av dokumenter, nettstedsbokmerker, albumgrafikk eller fotografier.
      • Bubble Flow - et animert, todimensjonalt element som lar brukerne bla gjennom og samhandle hele trevisningen til en diskusjonstråd.

Se også

Referanser

Eksterne linker