Visual Studio 2019 で家計簿作り(1)

のらうさです

 

プログラム出来るようになりたくて練習しようと思い至りました(唐突

 

Visual Studio 2019 で C++ を用いてデスクトップアプリケーションに挑戦!!

 

インストール方法は省きます()

 

① まず起動して、"新しいプロジェクトの作成"

f:id:rasiel_moon:20200722192813p:plain

 

② 次に C++ での "空のアプリ(ユニバーサル Windows - C++/CX" をクリック

f:id:rasiel_moon:20200724110840p:plain

 

③ プロジェクト名を付けます。今回は家計簿なので kakeibo と入力

f:id:rasiel_moon:20200724111341p:plainそのあとポップアップが出るが、とりあえずOKを押す

 

⑤ こんな画面になる。右のソリューションエクスプローラの中にある
     MainPage.xaml をダブルクリックすると、

f:id:rasiel_moon:20200724112502p:plain

これは実行したときにデスクトップアプリケーションとして現れる画面

ここにボタンとかを配置していく

 

左の端にあるツールボックスを押して、検索欄に"button"と入れると

f:id:rasiel_moon:20200724113048p:plain

こんな感じでButtonが出てくる

白の画面にButtonをドラッグして好きな場所に設置します

 

Buttonちいせぇ・・・(拡大縮小の関係)

f:id:rasiel_moon:20200724113300p:plain

 

次は右下のプロパティ欄でButtonの名前を付けてあげる

この名前がプログラム内で使用するこのボタンの呼び名になる

f:id:rasiel_moon:20200724113446p:plain

 

⑥ 同様にTextBlockを配置し、"TextBlock1"に名前を変更
     (最初から表示される単語は下の「共通」のtextのところで"デフォルト"に変更もした)

f:id:rasiel_moon:20200725095145p:plain

 

⑦ 次に MainPage.Xaml.cpp に作成されたボタンの関数部分で動作を決める
    今回はボタンが押されるとTextBlock1の表示内容を変える、にしよう
    画像の30行目からが関数の部分。ここの中はボタンがクリックされた時の動作となる
    画像のように打ち込んで、、、 プログラムを実行!

f:id:rasiel_moon:20200725095349p:plain

 

 

 

うごいたぁぁあああ

f:id:rasiel_moon:20200725095732p:plain

 ボタン押すと、

f:id:rasiel_moon:20200725095758p:plain

 

変わったー!!

 

まずは簡単なことをやってみた

次はもうちょっといい感じに進めれたらなぁ