The art of making a  Windows Phone App with little or no coding at all.

Index:
Code sample
Step 1 – Find the object you want to click on. You find this object in the “Objects and Timeline”
Step 2 – Select the Item and click the “Event button”
Step 3 – Create touch tap event
Step 4 – Copy/Pasta code

How to navigate from your app into a website using your phone browser.
Here is a picture of what happens in my app:

Step 1 inside the app

uri navigation
Step 2 in the click goes to a website

Mainpage.xaml og mainpage.cs you find here in Expression blend

So, what is going on.

First, for all pro coders here is the what I did:
-dont panic, its just copy pasta, I promise that it is easy

In the mainpage.XAML file:
StackPanel x:Name=”mms” MouseLeftButtonUp=”mms_click”
The StackPanel contains 4 elements, a picture and three text boxes, so when i click on it with it starts an event which i called “mms_click” you can call it anything (e.g. awsomeclickbuttonlol), but remember it for the next step

in the mainpage.xaml.cs file:
private void mms_click(object sender, System.Windows.Input.MouseButtonEventArgs e)
{

WebBrowserTask wb = new WebBrowserTask();
wb.Uri = new Uri(http://www.commaxx.no/aktiviteter/microsoft-management-summit-2012-article1115-114.html”, UriKind.Absolute);
wb.Show();

}

Ok, breathe…
this is how you do it,
Step 1 – Find the object you want to click on. You find this object in the “Objects and Timeline”

This is a list over all forms, figures, textblocks and pictures which you may can click on

Step 2 – Select the Item and click the “Event button”
Now, there are some options where you have to think logically for a moment.
1. Do I want to launch the browser as soon as I tap the box or do I want it to launch?
2. If you choose MouseLeftButtonDown it will start as soon as you put your finger on it, so if you scroll or just rest your finger accidentally it will launch
3. if you choose MouseLeftButtonUp you may rest your finger on the object and even scroll. it will only launch if you tap the object. this is my reccomended option

you find the event button here

you only use MouseLeftButtonDown or MouseLeftButtonDown – so easy!!!

Step 3 – Create touch tap event
Use your prefered name for the event, but remember you can only use this name once. This name will then execute only one designated action.

You may choose between two different types of Clicks, I reccomend MouseLeftButtonUp

Now, dont panic because this will happen automatically after you enter a name.
the file mainpage.cs.xaml will open and display…. CODE…
DO NOT PANIC – its only copy/paste from this aricle that is needed.

Step 4 – Copy/Pasta code
Now you see the green line, replace this line with the code supplied above and just change the url to what you want the target to be.

This code window will open automatically once you entered a name for the event
Relax and just copy pasta these three lines over the green one, no code needed

Then:
1. Save the Project
2. Click Project – Build
3. Click Project – Run

The emulator will open and once its open your app starts loading. Once loaded try clicking on the Object you just created a click event on.

I made this entire object clickable

For more code help, use interwebs and copy pasta.
I used this guy for reference, but did not understand anything untill the two code examples in the end. I did some modification on the code to make it easier in my example.
http://chriskoenig.net/2010/05/16/wp7-part-3-navigation/

Advertisements