If you try to just use Heading='' you will get an error because Heading is the name of a TextBlock instance and you can't set the value of that equal to a string (however you can set the Text property of the instance to a string). We are changing the Text property of the Heading element. Heading.Text = 'Virtual ' + PetType + ' Setup' Inside the curly braces add two lines of code: private void FishChoice_Click(object sender, RoutedEventArgs e) Visual Studio will create an event handler for you. In the properties panel switch to the Event Handler view (the lightning bolt icon).ĭouble-click on the empty field next to 'Click'. In the design view select the first button. We'll also change the heading when one of the buttons is selected. We will add click events to our buttons to change the value of the variable. Above the MainPage method, add a line of code: string PetType = 'Fish' In the Solution Explorer right-click on MainPage.xaml and choose View Code (F7). Give your button a name, and change the text displayed to one of the pet options you've decided to use.

Select Button in the Toolbox and draw a button under the heading.

Decide which three pets you want to use for this example (mine are Fish, Bird, and Tribble). We'll use three buttons to offer the pet options. Change the FontSize property to make the heading text a bit larger, and center the text. Then change the value of the Text property to 'Virtual Pet Setup' (or the heading of your choice).

In the Properties panel change the name of the element to Heading. You can change the zoom level by using the Zoom drop down menu. This is where the heading text for our application will be displayed. With the TextBlock selected, click and drag a rectangle at the top of your canvas screen. The TextBox allows your application to get input from the player/user. Nearby you will probably also see a TextBox. A TextBlock allows you to display text on the screen. Select 5' Phone from the drop down menu (or something similar with a vertical layout). In the Solution Explorer right-click on MainPage.xaml and choose 'View Designer' (or use Shift + F7). Choose Visual C# > Windows Universal > Blank App.Ĭlick okay on the target dialog (Windows 10 is fine). Launch Visual Studio and create a new project. We'll use a 'Virtual Pet' setup as our example topic. Everything should look the same for now.This walk through shows how to start a simple UWP project, and covers some of the fundamental elements you might need in an application. In this case Foreground property works only if the TextBox is out of the focus, give it fixed Width and Height, put some text inside and when you click outside the box the colour will change to blueĬopy and paste it into your control's resources, name it with x:Key and then apply to the TextBox.

Uwp textbox selected text color