Share via

Developing UWP Apps with Sample Data

  • Article

The decent way to get hands on experience with UWP app is to develop an app in UWP by using Sample Data.

So simply just start by creating a Blank App Project name SampleData in Microsoft Visual Studio 2015;

https://code.msdn.microsoft.com/site/view/file/144949/1/2.png 

Microsoft Visual Studio will create a Project with some prebuild files for you. Now simply add a new folder name Images to store sample images;

https://code.msdn.microsoft.com/site/view/file/144950/1/3.png

Now simply right click the project and select ‘Design in Blend’;

https://code.msdn.microsoft.com/site/view/file/144951/1/4.png

Now Microsoft Blend will open and your same project which you have create in Visual Studio will open in Blend;

https://code.msdn.microsoft.com/site/view/file/144952/1/5.png

Microsoft Blend is perfect tool to design an app. With Microsoft Blend 2015, designers can develop and design their apps easily…

Whatever you will do with the project on either visual studio or blend, everything will be synchronized.

Now simply open the data window;

Now just start by hitting the button at the top of data window that will be the sample data Window. Now as you will hit the button, the popup will be shown and you’ll able to insert sample data into it.

https://code.msdn.microsoft.com/site/view/file/144954/1/6.png

When you click upon that, it will ask you weather you want to define it for the whole project or for This document only. So let’s select Project and named the Sample data as ‘Chair’;

https://code.msdn.microsoft.com/site/view/file/144953/1/7.png

Now sample data will generate for you along with groups and properties;

http://www.sajidalikhan.com/blog/development/microsoft/windows/images/blog/post6/8.png

As you’re going to define our own properties, so simply delete the predefine properties in the group and create our own properties.

So let’s create a new property by adding the + sign at the front of Groups and name the property according to use. Let’s say the first property is name;

http://www.sajidalikhan.com/blog/development/microsoft/windows/images/blog/post6/9.png

We can also change the Property type and attributes according to our need;

http://www.sajidalikhan.com/blog/development/microsoft/windows/images/blog/post6/10.png

Now simply define few properties according to need. Now if you want to edit the sample values then you can customize the stuff on your own way;

http://www.sajidalikhan.com/blog/development/microsoft/windows/images/blog/post6/11.png

Now Simply drag and drop the Group in to the Design view and you got the stuff;

http://www.sajidalikhan.com/blog/development/microsoft/windows/images/blog/post6/12.png

And now when you run the application the you will have a nice look of your sample data listed over the screen;

http://www.sajidalikhan.com/blog/development/microsoft/windows/images/blog/post6/13.png

So! That how by following simple steps you can develop UWP Apps with Sample Data. Hope that might give you a great practice to get some hands-on with UWP app development.

:: In order to get a best hands-on experience along with the Blog. Try out the code either By MSDN Code Samples or By GitHub..

credits