DCSIMG
Metro Style - Shai Raiten's Blog

Shai Raiten's Blog

It's all about code...

Browse by Tags

All Tags » Metro Style (RSS)
Run Windows Store Apps From Desktop
When customers ask me how they can run Windows Store app from Desktop usually the answer is – You Can’t, but if you really want there is a way to do that. The reason I usually answer is You Can’t is because – In order to run Windows Store app from Desktop you need to install Windows App Certification Kit , this pack contains “ microsoft.windows.softwarelogo.appxlauncher.exe ” file that can run a Windows Store app by his application model id. So if you plan on publishing your app you can’t assume...
WinRT Toast Notification From Desktop Application
The post title maintained Toast Notification but after reading this post we'll be able to perform API calls to WinRT from your Desktop application. As you know WinRT exposing API’s for three developer languages: C#, C++ and JavaScript, this means that from each language you’ll be able to perform WinRT calls. The idea is based on Windows Metadata File (winmd) that expose those APIs that can be consumed across a variety of technologies and languages. Download Demo Project So why not using those...
Windows Store App - Resize Image (JavaScript)
In this post I’ll demonstrate how to change picture size using JavaScript while constraining the image proportions. Resize image functionality can be used in several scenarios in Windows Store app, for example: if your app allow the user to download images from the web you might want to resize the image to reduce space usage. Also if you whish to share this image using Roaming Storage you need to make sure the image size is small enough so the Roaming sync will not failed. The first steps for this...
Windows 8 Metro – Code Behind
When I develop Windows 8 Metro App I usually use Windows Store app samples to see code examples features but sometimes you want more… For example I really want to know how “Mail” metro app works: How getting access to other email account, sending email and more. So in order to to that I had to gain access to “Mail” metro app… Let’s start the Hack: Problem: WindowsApps folder is blocked and by default you can’t open this folder. Solution : First open Windows Explorer and navigate into “C:\Program...
Windows 8 RTM JavaScript–Change Lock Screen Image
Tweet In the past couple of months I’ve worked a lot with Windows 8 JavaScript and C#, I’ve also wrote plenty of posts on that subject and there is much more stuff to talk about. In this post I’ll show two things: Using File Picker using JavaScript Change Windows 8 Lock Screen Image Programmatically Download Demo Project Step 1: Create Blank JavaScript Project In the app.onactivated function we add the following code to listen the Choose Picture button and calling the displayCurrentImg function....
Windows 8 RTM C# – Capture Media
Tweet I left JavaScript and started to work on Windows 8 Metro using C# and XAML, in this post I’ll demonstrate how to use WinRT for Camera, File Picker and Audio Recording. Download Demo Project Step 1: Create Blank Metro Project and Initialize MediaCapture Taking pictures using Camera or File Picker is pretty easy using WinRT, we going to use the MediaCapture class for Audio Recording, CameraCaptureUI for taking Picture from the built in Camera and FileOpenPicker for choosing pictures from local...
How To: Bing Maps Custom Tile Overlay - Google Maps
Tweet I got a question from a friend who wanted to replace Bing Maps Tiles with Google Maps Tiles . You might ask yourself why? If you want Google Tiles just replace Bing Control and work with Google Maps…..  In this case I want to work with Bing Map Control because the benefits I get in Metro Applications in Windows 8 for C#, C++, VB.NET and JavaScript.  And I also want Google Maps language support . Download Demo Project Currently Bing Maps doesn't support any language except English...
How To: Bing Maps For Windows 8 Metro Apps - JavaScript
In my last post I talked about Bing Map for C# , but you can also do the same of JavaScript projects using Bing Maps SDK. Download Demo Project Step 1: Maps Developer Account Before you can use Bing Sdk from Windows 8 Metro App you need Maps Developer Account, open http://www.bingmapsportal.com/ , create or enter with existing Windows Live account. Choose “ Create or view keys ” and create new Key for your application. Step 2: Create Bing Maps Metro Application Download the latest bits - Bing Maps...
Upgrade Metro App From Beta To RC
In my previous post Convert VS 11 Beta Metro Projects To VS 2012 RC I talked about upgrading the Project file from Beta to RC, in this post I’ll try to talk about all changes made from Beta to RC. I don’t know all the breaking changes in JavaScript and C# but I collect all the breaking changes from the application and games I develop and I’ll show them here. JavaScript + HTML Type Old Value New Value Comment Event MSGestureTap onclick   Event MSGestureHold oncontextmenu   Method getPointerList...
Convert VS 11 Beta Metro Projects To VS 2012 RC
Over the last months I’ve worked a lot with Windows 8 Metro applications, from Consumer Preview to Preview 2 and now to RC. When working on Beta versions you know that you have to upgrade your app when RC or RTM versions will published, and sometime those upgrades can take a while… So this is the first part of upgrading your Project from Visual Studio 11 Beta to Visual Studio 2012 RC, in my next post I’ll talk about code Changes from Beta to RC both for C# and JavaScript. JavaScript For JavaScript...
Window 8 JavaScript–Asynchronous Programming & App Storage
Tweet In this post I’m going to talk about WinJS.xhr that makes an XMLHttpRequest as a Promise, and how to save and load images and from your local storage. What is a Promise? Promise is a way for Asynchronous Programming in JavaScript , Avoiding synchronous execution in single-threaded languages like JavaScript is necessary in order to create apps that are responsive and high performing. Windows Library for JavaScript provides a consistent and predictable mechanism called a Promise that simplifies...
Windows 8 JavaScript – Pinch
Tweet Over the last posts I talked about basic features in Windows 8 Metro Apps in BLOCKED SCRIPT Settings Message Dialog Splash Screen The feature I’m going to show you now isn’t part of JavaScript Metro app and you need to write some code and use Metro Touch Event called – MSPointerMove. The feature I’m going to simulate is Pinch - Download Demo Project In this post I’ve created a Pinch functionality to increase and decrease zoom on specific item. Step 1: Create JavaScript Metro Project In the...
Windows 8 JavaScript–Splash Screen
Tweet When creating an Win 8 Metro App you define splash screen with a single image, what if you want to do more… For example show some animations, load your resources before the application loads and more. In this post I’ll show you how to create custom Splash Screen and control the load event so you know when the loading is over and your user can start using the application. In my demo I’ll display some canvas animation and a timer (from 10s) until going to the main page. Download Demo Project...
Windows 8 JavaScript – Settings
Tweet In my previous post I talked about Windows 8 JavaScript Metro App Basics , and some getting started with the new Metro Apps. In order to help you get inside Windows 8 Metro Apps I’ll start writing on specific features in Metro Apps, starting from Settings. As you build your Metro App you probably need to let the user to change some settings in the application, you don’t need to write any things special for that because Win8 comes with integrated Settings Pane allow you to add your own settings...
My First Metro Application – Metro Puzzle
Tweet Last week me and other 20 guys from Sela Group were in the Build Conference where we first saw the new Windows 8 operation system and many cool things coming from Microsoft in the new release. I have much to say about new things regarding ALM, Metro but as always I prefer to start with building something with the new technology instead of talking about it…. So now I’ll talk about my first Metro Application for Windows 8 called – Metro Puzzle based on Puzzle 15 also called the N-Puzzle . Step...
More Posts Next page »