Blog

posts from 2012

Windows 8 XAML Tips - App Background Image

12 Comments
By Fons Sonnemans, 28-dec-2012

Adding a background image to a Windows 8 Store application in XAML can be done in a few different ways. If your app supports navigation between pages you don't want to reload the background image when you navigate to a different page. This doesn't look right on slower ARM devices like the Surface, you will see the image flicker. In this blog I will demonstrate how to set the background image in 3 different ways. The last one without the image flickering.

READ MORE

ShareMediaTask on Windows Phone 8

9 Comments
By Fons Sonnemans, 03-dec-2012

The new Windows Phone 8 SDK has a new ShareMediaTask class which can be used to share your pictures from code. I wanted to use this class to share a WriteableBitmap. You can use it to share the picture using NFC (Tap+Send), apps or to social media like Twitter or Facebook. In this post I will explain how to implement this.

READ MORE

Windows 8 XAML Tips - Rotated GridViewItems

0 Comments
By Fons Sonnemans, 01-nov-2012

I'm working on a new Windows 8 Store app and in this app I needed a GridView in which the GridView items are rotated a few degrees randomly. In this blog I will explain how I implemented this using Styling and Templating and a few lines of C# code.

The result of this all will look like this.

READ MORE

Windows 8 Javascript Tips - TypeScript support

0 Comments
By Fons Sonnemans, 09-okt-2012

Microsoft announced TypeScript last week. TypeScript is a superset of JavaScript that combines type checking and static analysis, explicit interfaces, and best practices into a single language and compiler. It is an open source programming language developed by Microsoft. If you haven't investigated yet make sure you do. The related links below might help you.

What Microsoft didn't do (yet) is add TypeScript support to JavaScript Windows Store apps. In this blog I will explain how to add this support to Visual Studio so you can use TypeScript in all your Windows 8 apps.

READ MORE

Windows 8 XAML Tips - Detect App Deactivation

1 Comments
By Fons Sonnemans, 17-sep-2012

Detecting when an Windows 8 Store app is deactivated isn't as easy as you would expect. In the Windows Phone project templates you get the Application_Launching(), Application_Activated(), Application_Deactivated() and Application_Closing() methods in the App.xaml.cs. But those methods don't exists in the Windows Store project templates. There is an OnSuspending() method but you can't use it to detect deactivation. You use it to store your data when suspending the app. This will problably go off a few seconds later than deactivation.

READ MORE

Windows 8 XAML Tips - Async Search Suggestions

3 Comments
By Fons Sonnemans, 22-aug-2012

There are a lot of examples on the web how you can add Search Suggestions to the Search Charm of a Windows 8 Metro application. But all the examples I found only demonstrate how to implement a synchronous version. In this blog I will show you how you can do this also asynchronous. I use this technique to fill my Search Suggestion by calling a web service asynchronous. Something which is very common because your data will problably be stored in the Web/Cloud.

READ MORE

Windows 8 XAML Tips - Settings Demo

0 Comments
By Fons Sonnemans, 10-aug-2012

In my previous blog post I explained how you can use the PaneThemeTransition from the Animation Library to show a task pane. In this blog post I want to use this technique to open my Settings and About task panes from the Settings Charm. I will try to make it easier by introducing a TaskPanePopup helper class.

READ MORE

Windows 8 XAML Tips - Show a task pane

1 Comments
By Fons Sonnemans, 25-jun-2012

You can integrate the look and feel introduced in Windows 8 Release Preview into your Metro style app by using the Animation Library suite of Windows-provided animations. Use of the Animation Library animations provides these benefits:

  • Motions that align to Metro style animation principles
  • Fast, fluid transitions between UI states that inform but do not distract the user
  • Clearer visuals to show the user transitions within an app

One of the animations that are supplied in the Animation Library is the show hide panel animation. You use it to show and hide a panel, which is large edge-based UI such as a custom keyboard or a task pane. This 'Windows Animation (Metro styled apps)' article shows you how you can use the PaneThemeTransition animation class in XAML. The article also contains the video below in which the animation is shown. Sadly there is no code sample how to use it in your XAML/C# application. With this blog I want to fill in the gap. I will explain you how you get the animation as shown in the video.

READ MORE

Windows 8 XAML Tips – Custom Fonts

1 Comments
By Fons Sonnemans, 12-jun-2012

It is time for me to write a series of blog items on writing XAML applications for Windows 8. I plan to write one every two weeks. I hope I can keep up the promise.

READ MORE

'Sudoku Free' eerste Nederlandse Windows 8 app

1 Comments
By Fons Sonnemans, 07-jun-2012

Sudoku Free is het de eerste Nederlandse applicatie in de Windows 8 Store. Het spel is gebaseerd op de Windows Phone Sudoku app die in oktober 2010 in de Marketplace verscheen. Overigens ook als eerste Nederlandse app.

Bij de Windows 8 app heeft Flavour mij geholpen met de grafische vormgeving. Bij het ombouwen heb ik een hergebruik van 90% van de code gerealiseerd. De schermen (XAML) zijn door de grotere schermformaten redelijk veel gewijzigd.

In deze eerste week is de app al ruim 10.000 keer gedownload. De reviews zijn zeer positief. Ik ben dan ook van plan om diverse van mijn WP7 apps om te bouwen naar Windows 8.

Tags: Windows 8, Apps

READ MORE

12>

All postings/content on this blog are provided "AS IS" with no warranties, and confer no rights. All entries in this blog are my opinion and don't necessarily reflect the opinion of my employer or sponsors. The content on this site is licensed under a Creative Commons Attribution By license.