C++，C++/CX に挑戦！

◆ 新版明解C++入門編，新版明解C++中級編での学習。自分なりに要点を整理し、全演習問題を解いて、とりあえず一段落です。
◆ 続いて C# に移行予定でしたが、ここでは、このまま C++、そして C++/CX（UWP）についての記事をアップしていくことにします。
◆ C# については別のブログで初歩の初歩から学習を進めたいと思います。準備ができたらリンクを貼りますので、よろしくお願いします。

2018年05月16日

《その386》クリックによる点（Point）の描画

　点（Point）の描画

　今回のアプリは、クリックした位置に点を描画します。
　Page と同じサイズの Canvas上に描画する仕様です。「消去」ボタンで、画面をクリアします。

　以下は、MainPage.xaml.cpp です。


//
// MainPage.xaml.cpp
// MainPage クラスの実装。
//

#include "pch.h"
#include "MainPage.xaml.h"

using namespace App6;

using namespace Platform;
using namespace Windows::Foundation;
using namespace Windows::Foundation::Collections;
using namespace Windows::UI::Xaml;
using namespace Windows::UI::Xaml::Controls;
using namespace Windows::UI::Xaml::Controls::Primitives;
using namespace Windows::UI::Xaml::Data;
using namespace Windows::UI::Xaml::Input;
using namespace Windows::UI::Xaml::Media;
using namespace Windows::UI::Xaml::Navigation;


MainPage::MainPage()
{
    InitializeComponent();
}


void App6::MainPage::
page_PointerPressed(Platform::Object^ sender,
    Windows::UI::Xaml::Input::PointerRoutedEventArgs^ e)
{
    // クリック位置の取得
    auto pt = e->GetCurrentPoint(this);
    float x = pt->Position.X;     // x座標
    float y = pt->Position.Y;     // y座標

    // 点の仕様
    Shapes::Ellipse^ point;
    point = ref new Shapes::Ellipse();
    point->Width = 10;            // 点の幅
    point->Height = 10;           // 点の高さ
    // 点を Red にします。
    point->Fill
        = ref new SolidColorBrush(Windows::UI::Colors::Red);
    // 点の中心がクリック位置になるように調整します。
    point->Margin = Thickness(x - 5, y - 5, 0, 0);
    canvas->Children->Append(point);    // 点を配置
}


void App6::MainPage::
button_Click(Platform::Object^ sender,
    Windows::UI::Xaml::RoutedEventArgs^ e)
{
    canvas->Children->Clear();  // Canvas をクリア
}