Suma 1.0

Използвайки интегрираната среда за разработка Visual Studio и езика за програмиране C# ще разработим универсално приложение за намиране сума на две числа.

Start

Стартирайте интегрираната среда за разработка Visual Studio. Създайте нов проект от менюто посредством изпълняване на последователността: File > New > Project или използвайте съкратената клавишна комбинация Ctrl + Shift + N. В появилия се диалогов прозорец изберете: Visual C# > Windows Universal > Blank App (Universal Windows). За име на проекта запишете: Suma 1.0.

Фиг. 22. Избор на Windows версия

От Solution Explorer отворете файловете MainPage.xaml и MainPage.xaml.cs. В случай, че не виждате Solution Explorer можете да го отворите от менюто View > Solution Explorer или като използвате съкратената клавишна последователност Ctrl + W, S.

MainPage.xaml

Файлът MainPage.xaml съдържа изходния код от дизайна на потребителския интерфейс на разработваното приложение и се пише на езика XAML. Копирайте (Ctrl+C) и поставете (Ctrl+V) програмният фрагмент даден по-долу във Вашето приложение.

<Page
    x:Class="Suma_1._0.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Suma_1._0"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
   
    <!-- User Interface (UI): Suma 1.0 -->
    <StackPanel Padding="50" Background="Orange">

        <!-- Title -->
        <TextBlock Text="Suma 1.0" FontSize="42" />

        <!-- A -->
        <TextBlock Text="A=" FontSize="24" />
        <TextBox x:Name="boxA" FontSize="24" />

        <!-- B -->
        <TextBlock Text="B=" FontSize="24" />
        <TextBox x:Name="boxB" FontSize="24" />

        <!-- A+B -->
        <TextBlock Text="A+B=" FontSize="24" />
        <TextBox x:Name="boxAB" FontSize="24" />

        <!-- Button -->
        <Button Content="Sum" FontSize="24"
                Margin="0 20 0 0" Padding="20 10 20 10"
                Click="OnButtonClicked" />

    </StackPanel>
</Page>

Изглед от дизайна на потребителският интерфейс (XAML) в интегрираната среда за разработка Visual Studio по време на разработване на приложението:

Фиг. 23. Изглед от дизайна на потребителският интерфейс

MainPage.xaml.cs

Файлът MainPage.xaml.cs съдържа изходния код от бизнес логиката на разработваното приложение и се пише на програмният език C#. Копирайте (Ctrl+C) и поставете (Ctrl+V) програмният фрагмент даден по-долу във Вашето приложение.

using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace Suma_1._0
{
    /// <summary>
    /// Business Logic (BL): Suma 1.0
    /// </summary>
    public sealed partial class MainPage : Page
    {
        // Constructor
        public MainPage()
        {
            this.InitializeComponent();
        }

        // Button Click Event Handler
        private void OnButtonClicked(object sender, RoutedEventArgs e)
        {
            var A = int.Parse(this.boxA.Text);
            var B = int.Parse(this.boxB.Text);
            var C = A + B;
            this.boxAB.Text = C.ToString();
        }
    }
}

Изглед от бизнес логиката (C#) в интегрираната среда за разработка Visual Studio по време на разработване на приложението:

Фиг. 24. Изглед от бизнес логиката на разработваното приложение

Demo

Стартирайте приложението от менюто: Debug > Start Debugging или като натиснете клавиш F5.

Фиг. 25. Универсално приложение за намиране сума на две числа