Compartilhar via


「この漢字 読めるかな?」の改変方法 その1

マイクロソフトの田中達彦です。
Windowsストア アプリの「この漢字 読めるかな? vol.1」のプロジェクトファイルを元に、オリジナルのアプリを作る方法を紹介していきます。

「この漢字読めるかな?」のプロジェクトファイルは、開発元のご厚意により下記ブログ記事にて公開しています。
https://blogs.msdn.com/b/ttanaka/archive/2013/01/08/10383069.aspx

[新しいプロジェクトの作成]
「この漢字読めるかな?」を改変するには、ダウンロードしたプロジェクトファイルをそのまま使わず、Visual Studioで新しいプロジェクトを以下の手順で作成します。

1. Visual Studio 2012を起動します。
2. メニューの[ファイル]-[新規作成]-[プロジェクト]を選択します。
Express版をご使用のときは、[ファイル]-[新しいプロジェクト]を選択します。
3. 新しいプロジェクトダイアログが表示されたら、左側のテンプレートの部分の[Visual C#]-[Windowsストア]を選択します。
4. ダイアログの中央に[新しいアプリケーション(XAML)]とあるので、それを選択します。
5. ダイアログの下のほうに[名前]という部分があるので、作ろうとしているアプリの名前を入力します。
このアプリの名前は、後ほど使います。

[ファイルの置き換え]
ダウンロードした「この漢字読めるかな?」プロジェクトに含まれる以下の2つのファイルを、作成したプロジェクトの同じ名前のファイルに上書きします。
MainPage.xaml
MainPage.xaml.cs

[MainPage.xamlの書き換え]
MainPage.xamlの以下のAnimalUranaiと書いてある黄色くマーカーした部分を、上記手順5で指定した名前に変更します。
2か所あります。

<Page
    x:Class="AnimalUranai.MainPage"
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:AnimalUranai"
    xmlns:d="https://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="https://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" SizeChanged="Page_SizeChanged_1" Background="Navy">
 <Page.Resources>
(後略)

[MainPage.xaml.csの書き換え]
MainPage.xaml.csの以下のAnimalUranaiと書いてある黄色くマーカーした部分を、上記手順5で指定した名前に変更します。

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
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;

using Windows.UI.Xaml.Media.Animation;
using System.Windows;
using Windows.UI.Xaml.Media.Imaging;

using Windows.ApplicationModel.DataTransfer;

using Windows.UI.Notifications;

// 空白ページのアイテム テンプレートについては、https://go.microsoft.com/fwlink/?LinkId=234238 を参照してください

namespace AnimalUranai
{
    /// <summary>
    /// それ自体で使用できる空白ページまたはフレーム内に移動できる空白ページ。
    /// </summary>
    public sealed partial class MainPage : Page
(後略)

ここまでの変更でプロジェクトをビルドしてアプリを起動させることができます。

[データの変更]
このアプリはクイズ形式で問題を出していきます。
単純に質問と回答を変えるだけであれば、MainPage.xaml.csの場面2というコメントが入っているところから場面21というコメントが入っているところまでを書き換えるだけです。
以下は場面2の部分です。

// 場面2
scene = 2;
Message[scene] = "捗る";

Command[scene, 0] = "さわる";
Command[scene, 1] = "かかわる";
Command[scene, 2] = "はかどる";

NextScene[scene, 0] = 3;
NextScene[scene, 1] = 3;
NextScene[scene, 2] = 3;

ImageNumber[scene] = 1;

MaxPoint[scene] = 1;
AnswerPoint[scene, 0] = 0;
AnswerPoint[scene, 1] = 0;
AnswerPoint[scene, 2] = 1;

黄色くマーカーした部分に、問題と回答の選択肢を入れます。
青くマーカーした部分は、正解の選択肢に該当するものに1を入れ、不正解のものに0を入れます。
上記の場合は、"はかどる"が正しい読み方なので、AnswerPoint[scene, 2]の部分のみが1になっています。
この作業を場面21まで繰り返すと、新たなアプリを作ることができます。

次回は、背景などの設定について説明します。

[その他の関連記事]
その2 背景やタイルの設定
その3 ストア用のアプリを作ってストアに上げる
最終回 漢字クイズからの応用
「この漢字 読めるかな?」のプロジェクト/ソースコード公開

良いWindowsストア アプリの作り方 vol.01 余白の取り方の決まり
Windowsストア 審査の通し方 No.01 [4.1] インターネットを使うアプリは12歳以上に設定し、プライバシーポリシーを用意する

マイクロソフト
田中達彦