Celar – Freelance flash/front-end ontwikkelaar

Voordat je begint met het bouwen van een AIR applicatie is het handig te weten welke mogelijkheden er zijn betreffende schermen/vensters en afmetingen.

AIR applicaties zijn bedoeld om cross-platform te kunnen draaien, dat betekend dat deze op zowel een computer met daarop Windows, OSX, of Linux hetzelfde eruit moeten zien. Wat hebben al deze platformen met elkaar gemeen wat van belang is voor het ontwerpen van vensters?

Laten we allereerst beginnen met hoe applicaties en vensters binnen deze besturingssystemen opgebouwd worden.

Microsoft® Windows®:

• Een top-level window heeft geen eigenaar-venster en wordt weergegeven op de taakbalk. In Windows Vista en later, dialoog schermen zonder eigenaar en eigenschapbladen worden ook beschouwd als top-level.
• Een owned window is eigendom van een eigenaar-venster en wordt niet weergegeven op de taakbalk.Voorbeelden: modale dialoogvensters, modusloze dialoogvensters.
• Een user-initiated window wordt weergegeven als het directe resultaat van de actie van een gebruiker. Het is program initiated wanneer het door het programma zelf is ingeleid, of system initiated als het is opgestart vanuit Microsoft® Windows®. Bijvoorbeeld, een dialoogvenster wordt geopend door een gebruiker, maar een
  bijeenkomst-herrinering is geopend door het programma.
• Een contextual window is een is een door de gebruiker geïnitieerde venster, dat een sterke relatie met het object van waaruit het werd gelanceerd heeft. Bijvoorbeeld, vensters weergegeven door de context menu’s of pictogrammen zijn contextuele, maar vensters weergegeven door menubalken zijn dat niet.
• De actieve monitor is de monitor waar het actieve programma wordt uitgevoerd.
• De standaard monitor, is degene met het menu Start, de taakbalk en systeemvak.

Bron: UXGuide.pdf

Apple OS X

• Document windows bevatten file-based gebruikers data. Zij presenteren een blik in de content die mensen maken en opslaan. Als het document groter is dan het venster, dan toont het venster een deel van de inhoud van het document en biedt gebruikers de mogelijkheid om naar andere gebieden te scrollen.
• Application windows zijn de belangrijkste vensters van applicaties die niet op basis van documenten werken. Deze vensters maken gebruik van de standaard Aqua uiterlijk en mogelijkheden; als de applicatie wordt gedraaid in versies van OS X hoger dan v10.5 (Leopard), dan kunnen ze gebruik maken van de optionele geborsteld metaal look.
• Panels zweven boven andere vensters en bieden tools of controlers die gebruikers kunnen gebruiken wanneer documenten open staan. In sommige gevallen kunnen panels transparant zijn. In eind-gebruikers documentatie moeten panels windows genoemd worden.
• Dialogs en waarschuwingen vereisen een reactie van de gebruiker.

Voorbeelden van al deze type vensters staan hieronder.

Bron: Apple Human Interface Guidelines

Linux

Voor linux zijn er verschillende grafische gebruikersomgevingen. De bekendste zijn KDE en GNOME.

KDE

KDE presenteerd net als alle andere venster systemen haar toepassingen in windows op het scherm. Deze zijn normaliter beweegbaar en resizable, en kan worden gepositioneerd volgens de gebruiker zijn wensen.

KDE maakt geen gebruik van MDI (Multi document interface). MDI is enkele jaren geleden ontworpen, en werd op grote schaal door Microsoft gebruikt voor haar Windows-producten. Het MDI concept bestaat uit een enkele, grote “moeder-venster” die de volledige applicatie bevat. Met de volledige applicatie wordt bedoeld, alle document windows, toolbar windows, help windows etc. Alles wat de applicatie on-screen laat zien verschijnt in dit “moeder venster”. Het meest bekende MDI applicatie is waarschijnlijk de File Manager uit Windows 3.1.

KDE maakt gebruik van SDI (Single Document interface).
Een SDI gebaseerde applicatie beschikt niet over een moeder-venster dat alle windows bevat. De applicatie windows zijn alle directe kinderen van de X root window. Wat betekend dat ze worden gecontroleerd door de window manager en vrij kan worden versleept over de desktop door de gebruiker.

Bron: KDE User Interface Guidelines

GNOME

Voor Gnome gelden over het algemeen dezelfde richtlijnen voor wat betreft windows.
zie ook: GNOME Human Interface Guidelines.

Basisinformatie over AIR-vensters

Air biedt een gebruikersvriendelijke API die op meerdere platforms kan worden gebruikt. Met deze API voor vensters kunnen met Flash®-, Flex™- en HTML-programmeertechnieken native vensters worden gemaakt (dit zijn vensters die eigen zijn aan het besturingssysteem).

Venstertypen

In de venstertypen van AIR zijn de interface- en zichtbaarheidskenmerken van het oorspronkelijke besturingssysteem gecombineerd. Op die manier zijn er drie functionele typen vensters ontstaan. Gebruik de constanten die in de klasse NativeWindowType zijn gedefinieerd, om in de code te verwijzen naar de naam van de typen. AIR biedt de volgende venstertypen:

Type	Beschrijving
Normaal	Dit is een normaal venster. Normale vensters maken gebruik van het maximale formaat van de interface en verschijnen op de taakbalk van Windows en in het venstermenu van Mac OS X.
Utiliteit	Dit is een venster met een palet met hulpmiddelen. Utiliteitsvensters maken gebruik van een afgeslankte versie van de systeeminterface en verschijnen niet op de taakbalk van Windows of in het venstermenu van Mac OS X.
Lichtgewicht	Lichtgewicht vensters hebben geen interface en verschijnen niet op de taakbalk van Windows of in het venstermenu van Mac OS X. Bovendien beschikken lichtgewicht vensters niet over een systeemmenu (Alt+Spatiebalk) in Windows. Lichtgewicht vensters zijn geschikt voor het weergeven van ballonnetjes met mededelingen en voor besturingselementen, zoals keuzelijsten met invoervak die kortstondig een weergavegebied openen. Wanneer het lichtgewicht venster type wordt gebruikt, moet systemChrome zijn ingesteld op none.

Venstercatalogus

Vensterinstellingen Type: normal SystemChrome: standard Transparent: false
Mac OS X	Microsoft Windows	Linux *
Vensterinstellingen Type: utility SystemChrome: standard Transparent: false
Mac OS X	Microsoft Windows	Linux *
Vensterinstellingen Type: alle SystemChrome: none Transparent: false
Mac OS X	Microsoft Windows	Linux *
Vensterinstellingen Type: alle SystemChrome: none Transparent: true
Mac OS X	Microsoft Windows	Linux *
Vensterinstellingen mxWindowedApplication of mx:Window Type: alle SystemChrome: none Transparent: true
Mac OS X	Microsoft Windows	Linux *

*Ubuntu met Compiz-vensterbeheer

Bron: Adobe AIR Help.

Bewerken van vensters

Informatie voor het bewerken van vensters ga je naar: Adobe AIR Help.

Conclusie

Er zijn 3 type vensters beschikbaar binnen AIR, Normaal, Utiliteit en Lichtgewicht. Door gebruik te maken van deze verschillende vensters, gebruik je ook de guidelines die de verschillende platformen hanteren. Alle vensters in 1 venster gebruiken (ook wel MDI genaamd) is “not done”. Met dit document is het hopelijk duidelijk geworden dat er verschillende vormen van vensters zijn.
Wanneer een applicatie transparante vensters vereist doordat dit zo is vormgegeven is het aan te raden de schermen zo veel mogelijk qua vorm aan te laten sluiten met de venster vormen die in de verschillende platformen gebruikt worden. Dit is kort gezegd rechthoekig.

“Vermijd het maken van vensters met grote, volledig transparante gebieden, aangezien u de toegang van de gebruiker tot andere vensters of items op hun bureaublad mogelijk op onzichtbare wijze zou kunnen blokkeren.”(bron: Adobe AIR help).