Now we will see how to create a UWP for calculating the reverse of an entered number. First open Visual Studio IDE 2017, then Open new project.Then, select Visual C# and Blank App.

Now, select the Target Version and Minimum Version.

Now, in solution explorer open MainPage.xaml.


Now, select the Target Version and Minimum Version.

Now, in solution explorer open MainPage.xaml.

Now in toolbox select the TextBlock and drag it on the screen.

In toolbox select TextBox and drag it on the screen.

Now again repeat the same for TextBlock and for TextBox. And in toolbox select Button and drag it on the screen.

And now edit the properties of TextBlocks,TextBoxes and Button and your screen will appear like this

Now the xaml code will be,

In toolbox select TextBox and drag it on the screen.

Now again repeat the same for TextBlock and for TextBox. And in toolbox select Button and drag it on the screen.

And now edit the properties of TextBlocks,TextBoxes and Button and your screen will appear like this

Now the xaml code will be,
- <Page x:Class="Reverse_Of_Number.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:Reverse_Of_Number" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
- <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
- <TextBlock x:Name="tbnum" HorizontalAlignment="Left" Height="99" Margin="286,214,0,0" Text="Enter any number:" TextWrapping="Wrap" VerticalAlignment="Top" Width="353" FontSize="36" />
- <TextBox x:Name="txtnum" HorizontalAlignment="Left" Height="84" Margin="687,210,0,0" Text="" VerticalAlignment="Top" Width="376" FontSize="36" />
- <TextBlock x:Name="tbres" HorizontalAlignment="Left" Height="72" Margin="298,341,0,0" Text="Result:" TextWrapping="Wrap" VerticalAlignment="Top" Width="333" FontSize="36" />
- <TextBox x:Name="txtres" HorizontalAlignment="Left" Height="72" Margin="679,325,0,0" Text="" VerticalAlignment="Top" Width="392" FontSize="36" />
- <Button x:Name="btncal" Content="Calculate" HorizontalAlignment="Left" Height="100" Margin="456,476,0,0" VerticalAlignment="Top" Width="417" FontSize="36" /> </Grid>
- </Page>






Sagar Pandurang KapPosted Dec 29, 2017, 3:33 AM
Very good explaination..