本格アプリの作り方-その1/概要編

本格アプリの作り方

【開発環境】
os:Windows 10 （64ビット）
IDE（統合開発環境）:VisualStudio 2017
言語；VB

【参考書】
株式会社秀和システム「作って覚えるVisualBasic2017」
著者：萩原　博之/宮崎　昭世

【目的】
簡易家計簿アプリを通して本格的なアプリの作り方を学ぶ事。どのようにプログラミングを進めていくか？を考える。

●アプリを作る目的
→パソコンで家計簿を作る

●家計簿に必要な機能をまとめる
→1.日々の買い物・金額などのデータを入力する機能
→2.入力データの確認や、合計を表示する機能
→3.入力データを保存する機能
→4.入力データを合計する機能
→5.間違えたデータを修正・削除する機能
→6.買い物を月ごとに集計・計算する機能

●処理
機能に実行するプログラムを考える。コントロールの選定などやプログラムなど

【画面デザイン】
こんな感じにする。画面は登録画面とメイン画面の2画面を用意する。


■メイン画面の設定

コントロールの配置
①Formコントロール
Textプロパティ＝家計簿

②MenuStripコントロール
（Name）プロパティ＝mainMenu
③DataGridViewコントロール
（Name）プロパティ＝dgy

④Buttonコントロール
（Name）プロパティ＝buttonAdd
Textプロパティ=追加

⑤Buttonコントロール
（Name）プロパティ＝buttonChange
Textプロパティ=変更

⑥Buttonコントロール
（Name）プロパティ＝buttonDelete
Textプロパティ=削除

⑦Buttonコントロール
（Name）プロパティ＝buttonEnd
Textプロパティ=終了

■登録画面
登録用のフォームを作成する
①プロジェクトの［追加］から「Windowファーム」を選択する


②［新しい項目の追加］ダイアログボックスから、「Windowファーム」を選択し、
名前の項目に「ItemForm」と記入し、「追加ボタン」を押す


③「ItemForm」フォームに各コントロールを配置して登録画面を作る


［ItemFormのコントロール設定］
①Formコントロール
Textプロパティ＝登録

②MonthCalenderコントロール
（Name）プロパティ＝MonCalender

③Labelコントロール
Textプロパティ＝分類

④Labelコントロール
Textプロパティ＝品名

⑤Labelコントロール
Textプロパティ＝金額

⑥Labelコントロール
Textプロパティ＝備考

⑦ComboBoxコントロール
（Name）プロパティ＝ｃｍｂCategory
DropDownStyleプロパティ＝DropDownList

⑧TextBoxコントロール
（Name）プロパティ＝txtItem

⑨MaskedTextBoxコントロール
（Name）プロパティ＝mtxtMoney
Maskプロパティ＝999999（6桁）
TextAlign＝Right

⑩TextBoxコントロール
（Name）プロパティ＝txtRemarks

⑪Buttonコントロール
（Name）プロパティ＝buttonOK
Textプロパティ=登録
DialogResultプロパティ=OK

⑫Buttonコントロール
（Name）プロパティ＝buttonCancel
Textプロパティ=キャンセル
DialogResultプロパティ＝Cancel

【メインのメニュー項目の作成】
・ファイル

・編集

・表示

・ヘルプ

※区切り線は[ここへ入力]の横の↓をクリックし、リストから[Separator]を選ぶ

【データセット】
登録画面で追加したデータをメインの一覧画面に反映させたい場合に、このデータを格納する領域が必要となる。そのため、VBでは複数のデータを扱うデータセットという仕組みがある。
ここでは型付きデータセットを使う。
①ソリューションエクスプローラーにある家計簿を右クリックし、［追加］-［新しい項目］を選択する


②「テンプレート」-［データセット］を選択し、名前の欄に「MoneyDataSet.xsd」と記入し、「追加」ボタンを押す


③ツールボックスから[DataTabel]コントロールをドラック＆ドロップして画面に貼る


④[DataTabel]コントロールを右クリックし、[追加]-[列]をクリックし、下図のように作成する


■それぞれのColumn（列）コントロール


①Data Tableコントロール
Nameプロパティ＝moneyDataTable

②Columnコントロール
Nameプロパティ＝日付
DataTypeプロパティ=System.DateTime

③Columnコントロール
Nameプロパティ＝分類
DataTypeプロパティ=System.String

④Columnコントロール
Nameプロパティ＝品名
DataTypeプロパティ=System.String

⑤Columnコントロール
Nameプロパティ＝金額
DataTypeプロパティ=System.In32

⑥Columnコントロール
Nameプロパティ＝備考
DataTypeプロパティ=System.String

⑤MoneyDataSetのビルド


⑥ビルドの確認


【DataGridViewコントロールにデータセットを結びつける】
1）一覧画面のDataGridViewコントロールのスマートタグをクリックする


2）DataGridViewタスクから[meneyDataTable]を選択する。


3）列が表示される