April, 2012 - Microsoft PixelSense Blog - Site Home - MSDN Blogs
Blog Entries
  • Microsoft PixelSense Blog

    Surface Garage: ModeSelector sample control


    From the Surface Garage

    Surface Garage is a community of Microsoft employees that are passionate about Microsoft Surface, Samsung SUR40, computer vision, and natural user interface (NUI) technologies. Last year TechCrunch reporter Devin Coldewey visited the Surface Garage wrote a great article that gives a little more background on the group: "Microsoft’s Surface Garage: A Cross-Department Development Team, With Pizza And Beer." One of the group's goals is to contribute helpful code samples and demos to the greater Surface development community. This work is done by enthusiastic employees in their off-hours. The nature of these projects creates code which is outside the scope of a standard product release; but, as samples they can be valuable to the community. 

    Overview of the ModeSelector sample control

    Since the release of the Microsoft Surface 2.0 Software Development Kit (SDK), there have been numerous requests for a ModeSelector, or "drop down style," control for choosing between multiple items. This control was out of scope for release for the SDK, but the Bing for Microsoft Surface application happens to contain such a control.

    The Surface Garage team used the ModeSelector control in the Bing for Microsoft Surface application to create a new sample control. This sample code will help developers create a control designed for touch that can select options in a scrollable drop down list.

    The ModeSelector sample control in its expanded form


    This sample instantiates the control via XAML, then populates the ItemSource dynamically in the code behind. If you’re familiar with listbox style controls, you’ll find this one has similar properties and events. The instantiation is contained in the following:

                               x:Name="_ModeSelector" x:FieldModifier="private"
                               Grid.Row="1" HorizontalAlignment="Left"
                               Style="{StaticResource SelectorStyle}"
                               Width="292" MinWidth="242" MaxWidth="292"
                               SelectedIndex="0" MaxHeight="200"
                               Height="50" IsEnabled="True"/>

    You'll find the "SelectorStyle" resourse in the Dictionary1.xaml resourse dictionary. It defines the look and builds the control layout.

    The control itself is simply populated with:

               _ModeSelector.ItemsSource = new string[]
                                                    "Option 1",
                                                    "Option 2",
                                                    "Option 3",
                                                    "Option 4",
                                                    "Option 5",
                                                    "Option 6"

    The SelectionChanged event is fired when a selection is made. The following line subscribes to it:

                _ModeSelector.SelectionChanged += ModeSelectorSelectionChanged;

    The ModeSelector contains a ListBox control internally, which can be queried to find the resulting selected value. This is shown in the code snippet below:

            void ModeSelectorSelectionChanged(object sender, SelectionChangedEventArgs e)
                ListBox source = e.OriginalSource as ListBox;
                if (source != null)
                    _Results.Text = source.SelectedItem + " Selected";


    The ModeSelector sample control requires the Microsoft Blend 4 SDK to be installed. The Microsoft Surface 2.0 SDK and Runtime can be downloaded from the Microsoft Surface Design and Development Center. The ModeSelector sample control attached to this post is provided as-is, and is not supported in any way -- please use it at your own risk. You can download the sample control in the attached ModeSelector.zip file found at the very end of this post.


    This sample control should make it easier to place a ModeSelector control into an application, hook up a SelectionChanged event, and handle it to find out which event a user has selected.

    The Surface Garage team would appreciate feedback on the usefulness of this sample control for developers. Feedback will help frame future contributions from Surface Garage. Options include releasing more samples in an agile format similar to this one, which puts more work on the developer to figure out how to put things together. Or, they can do a slower contribution cadence with more polished source code, but fewer posts. Since the Surface Garage is really looking to help they Surface development community, they'd really like to know what you think. Please post your thoughts and comments below.

  • Microsoft PixelSense Blog

    Samsung and Microsoft bring Samsung SUR40 to Southeast Asia


    The Samsung SUR40 for Microsoft® Surface® is available in Southeast Asia for first time. This Samsung-Microsoft collaboration is now offered through Samsung channel and reseller partners in Singapore, Malaysia, Indonesia and Thailand.

    The SUR40 enables people to communicate, collaborate and connect using touch and everyday objects. With PixelSense™ technology the thin 40 inch display can "see" and recognize fingers, hands and objects placed on the screen. The 1080p HD LCD display can be used horizontally like a table, or mounted vertically to a wall or stand. SUR40 also supports being embedded into fixtures and furniture.

    "Both retailers and consumers are adapting to ever evolving ways of interacting with information and merchandise, and have expressed a desire for technology that delivers information in an engaging and visually dynamic way," said Chua Hwee Koon, IT Head, Southeast Asia, Oceania & Taiwan, Samsung Electronics. "With the availability of the Samsung SUR40 for Microsoft Surface, Samsung is energizing the retail space and anticipates an all-new approach to customer engagement."

    "The Samsung SUR40 for Microsoft Surface is an intelligent, specialized device, that can deliver highly-customized, engaging experiences for retailers and their customers," said Somanna Palacanda, Director, Microsoft Surface. "We're excited to expand SUR40 availability to Southeast Asia and are eager to see the impact this innovative technology will have on a variety of industries."

    Specialized screen, amazing device 

    The Samsung SUR40 is a collaborative multitouch device that combines Samsung LCD touch technology with Microsoft multitouch and object recognition software, earning it the CES Best of Innovations 2012 Award earlier this year. Microsoft PixelSense™ technology gives the SUR40 the ability to see without the use of cameras, supporting up to 50 simultaneous touch points. The is display is also protected by Gorilla Glass to increase durability and reduce external shock and liquid ingress.

    The Microsoft Surface 2.0 SDK provides developers the opportunity to build applications specialized for industry verticals such as retail, healthcare, media & entertainment, financial services, education and government. Major consumer brands and technology partners such as FUJIFILM, Le Métier de Beauté and Industrial Color have announced near-term plans to use Samsung SUR40 to support immersive retail scenarios, professional tools and marketing efforts.

    Availability and pricing

    Pricing and availability for Samsung SUR40 may vary across countries and/or regions based on country specific duties, taxes and fees.

    For a price quote or information on how to order Samsung SUR40 please visit www.samsunglfd.com/solution/sur40.do

  • Microsoft PixelSense Blog

    Mazda and Microsoft imagine the dealership of tomorrow


    This post is adapted from an original French article by Benoit Landon of Gizmodo.fr - 28 March 2012

    Mazda and Microsoft recently held an event showcasing the new Mazda CX-5 crossover vehicle. The two companies used the opportunity to discuss their partnership and envision how products like Samsung SUR40 for Microsoft Surface, Kinect for Windows, and tablets will play an ever important role in the customer experience at Mazda dealerships.

    The event held at Microsoft's French headquarters in Issy-les-Moulineaux featured a virtual showroom that was realized in collaboration with Mazda. This concept showroom featured applications by Surface Premier Partner AFTER-MOUSE.COM utilizing the Samsung SUR40 and Microsoft Surface 2.0 platform to replace brochures, do product comparisons, and enable clients to personalize their new vehicles.

    Phillipe Geoffroy, President of Mazda France said [translated], "This virtual showroom forcasts how we will be arranging the layouts of our dealerships: a vending space that offers our clients their own individual route to purchase, where each customers creates a unique experience matching exactly what they're searching for, and ultimately helps facilitate the point of sale."

    AFTER-MOUSE.COM also adapted their applications to work with Kinect for Windows and tablets. For more details on the event and to see the original article please checkout Gizmodo.fr here: "Mazda et Microsoft imaginent la concession automobile de demain"

Page 1 of 1 (3 items)

April, 2012