Met de Microsoft® Surface® Toolkit for Windows Touch wordt het mogelijk gemaakt om specifieke software te ontwikkelen op een pc/laptop uitgerust met een Multi-Touch-Scherm samen het .Net Framework 4.0 en Windows Presentation Framework 4.0.
Om met de toolkit te kunnen werken heb je het volgende nodig:
- Een Multi-touch scherm.
- Een 32- of 64 bits windos-7-os (Home Premium, Professional, Ultimate)
- Microsoft Visual C#® Express Edition of Microsoft Visual Studio® 2010
- Om de voorbeelden te kunnen uitvoeren die met de download meegeleverd worden is ook de Microsoft XNA® Framework Redistributable nodig.
- Aanbevolen is om de Microsoft Expression Blend® 4 te downloaden en te installeren voor het bewerken van de XAML die de gebuikersinterface bepaald.
Op de site http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=801907a7-b2dd-4e63-9ff3-8a2e63932a74 is de toolkit te downloaden en zijn links aanwezig om de overige benodigde software te downloaden.
Wat krijg je
Na het installeren komt er in de ontwikkelomgeving een projecttemplate bij namelijk het Surface Window Touch Project wat dus gebaseerd is op het .Net Framework 4.0 en de Windows Presentation Framework 4.0 (WPF). De Surfacetemplate is een uitbreiding op het WPF-template, naast alle WPF-controls zijn er extra controls die events kunnen afvuren wanneer ze worden aangeraakt.
Een overzicht van deze controls is te vinden op de msdn-site. http://msdn.microsoft.com/en-us/library/ee804943(v=Surface.10).aspx
In dit artikel een overzicht van deze controls. Er worden voorbeelden getoond hoe het een en ander op scherm eruit ziet deze komen rechtstreeks van de msdn-site met de link http://msdn.microsoft.com/en-us/library/ee804943(v=Surface.10).aspx kom je op de overzichtspagina waarin de onderstaande controls uitvoeriger worden besproken.
LibraryStack
LibraryStack, LibraryBar, en LibraryContainer zijn containers die een collectie van objecten kunnen bevatten die een volgorde en categorie hebben. Het verschil tussen de controls wordt bepaald door de wijze hoe ze worden gepresenteerd op het scherm.
Een LibraryContainer wordt default als een stackview getoond maar de gebruiker kan de view naar keuze omzetten naar een libraryview en weer terug.
ScatterView
ScatterView control toont inhoud op een scherm waarbij meerdere gebruikers tegelijkertijd de inhoud kunen sorteren, verplaatsen, ronddraaien, vergroten en verkleinen. De inhoud van een Scatterview wordt bepaald door ScatterViewItems die als inhoud plaatjes, tekst of andere controls kunnen bevatten.
SurfaceButton
Een SurfaceButton control is a plek op het scherm dat met een commando is uitgerust. Zoudra de gebruiker de plek aanraakt wordt het commando uitgevoerd.
SurfaceCheckbox
Een SurfaceCheckBox control maakt het gebruikers mogelijk om een of meer keuzes aan of uit te zetten door middel van aanraking.
Een voorbeeld van een SurfaceCheckBox:
SurfaceInkCanvas
Een SurfaceInkCanvas control vertaalt aanraking van het scherm naar tekening. Het kan als zelfstandig control worden gebruikt of boven op een andere control, zoals het voorbeeld laat zien
SurfaceListBox
Een SurfaceListBox control maakt het gebruikers mogelijk door een lijst van items te zoeken naar het gewenste item en die dan te kiezen.
SurfacePasswordBox
Een SurfacePasswordBox control is een text box wat de gebruikers in staat stelt om gevoelige informatie in te voeren zonder dat de ingevoerde tekens zichtbaar zijn zoals het voorbeeld laat zien.
SurfaceRadioButton
Met een SurfaceRadioButton control kunnen gebruikers een enkele keuze maken tussen gerelateerde opties.
SurfaceScrollBar
Met een SurfaceScrollBar control kan een gebruiker een deel van een list, een afbeelding of een gedeelte van een control verplaatsen.
SurfaceScrollViewer
Een SurfaceScrollViewer control toont visuele controls in een gedeelte van het scherm waarin gescrollt kan worden.
SurfaceSlider
Met een SurfaceSlider control kunnen gebruikers kiezen uit een aaneengesloten reeks van waarden, het bevat een SliderBar welke de aangesloten reeks toont en een indicator die huidige waarde toont.
SurfaceTextBox
Een SurfaceTextBox control is een text box waar gebruikers tekst kunnen invoeren, wanneer een gebruiker de textbox aanraakt komt een on-screen-keyboard te voorschijn zoals het voorbeeld laat zien:
Games Pack
Als je zelf met de Toolkit aan de slag wilt is er op de MSDN site een games toolkit te downloaden. Deze bevat vier sample applicaties: Chess, Checkers, Tiles en Ribbons. Deze games benadrukken de multitouch en multiuser scenarios en kunnen je helpen en inspireren bij het ontwikkelen van je eigen game en Natural User Interfaces.
User eXperience guidelines
Om ultieme Surface eXperiences te ontwerpen, wordt je gedwongen anders naar de User Interface te kijken dan wanneer je traditionele grafische User Interfaces of User eXperiences ontwerpt. Als je gewend bent om GUI applicaties te ontwerpen zijn er veel uitdagingen waar je tegenaan kunt lopen bij het ontwerpen van een applicatie voor een multitoutch systeem als de Surface. Bijvoorbeeld omdat de Surface een multi user systeem is, iedere gebruiker moet onafhankelijk, maar simultaan acties uit kunnen voeren. Richtlijnen voor het ontwerpen voor multitoutch zijn te vinden op http://msdn.microsoft.com/en-us/library/ff318692.aspx
Conclusie
De Microsoft Surface heeft een hele nieuwe manier van User Interaction geintroduceerd. Met deze Toolkit wordt het mogelijk om een nieuwe generatie applicaties te ontwikkelen, van spellen tot business applications waarmee een gebruiker intuïtief gemakkelijk mee omgaat vanwege het visuele karakter.
Enkele links voor meer informatie:
http://www.microsoft.com/surface/en/us/default.aspx
http://technet.microsoft.com/en-us/library/ee692162(Surface.10).aspx
http://msdn.microsoft.com/en-us/library/ee804845.aspx
In het volgende digitale magazine laat ik zien hoe je met enkele van deze controls en het labelcontrol van de WPF het spel SudokuDuel kunt maken.