Windows Store: Nhập giá trị vào TextBox và Click Button Hiển Thị giá trị vừa nhập.

Yêu cầu: Windows 10 và Visual Studio 2015

- Tạo mới project Visual Studio Chọn FILE -> New Project

- Chọn Visual C # -> Windows

- Chú ý đến nó. MainPage.xaml và MainPage.xaml.cs Đây là tập tin đầu tiên của ứng dụng để làm việc khi chương trình Run 

- Đây là phần chạy các sự kiện của chương trình chính

- Sử dụng ToolBox để kéo thả các chức năng 

- Sử dụng TextBlock, TextBox, Button ta được giao diện sau đây.

- Dưới đây là phần code được phát sinh

- Chạy thử chương trình này với Simulator
- Click double vào Button để phát sinh method sự kiện button_Click

MainPage.xaml

Windows Store 2017

<Page
    x:Class="App2.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App2"
    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="textBlock" HorizontalAlignment="Left" Margin="484,140,0,0" TextWrapping="Wrap" Text="Input your name" VerticalAlignment="Top" FontSize="48"/>
        <TextBox x:Name="txtInput" HorizontalAlignment="Left" Margin="455,255,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Height="65" Width="420" FontSize="48"/>
        <Button x:Name="button" Content="Button" HorizontalAlignment="Left" Margin="592,362,0,0" VerticalAlignment="Top" FontSize="36" Click="button_Click"/>
        <TextBlock x:Name="textBlock1" HorizontalAlignment="Left" Margin="425,495,0,0" TextWrapping="Wrap" Text="Result" VerticalAlignment="Top" FontSize="48"/>
        <TextBlock x:Name="txtResult" HorizontalAlignment="Left" Margin="595,495,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="48"/>
    </Grid>
</Page>

MainPage.xaml.cs

Windows Store 2017

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;

// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238

namespace App2
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
        }

        private void button_Click(object sender, RoutedEventArgs e)
        {
            this.txtResult.Text =  this.txtInput.Text;
        }
    }
}