Basic Library for UWP
手順1:アプリケーションの設定
Basic Library for UWP > Input for UWP > クイックスタート > MaskedTextBox クイックスタート > 手順1:アプリケーションの設定

この手順では、最初に Visual Studio で MaskedTextBox for UWP を使用する UWP スタイルのアプリケーションを作成します。C1MaskedTextBox コントロールをアプリケーションに追加するだけで、完全な機能を備えた入力エディタとして使用できます。さらに、そのコントロールをアプリケーションに合わせてカスタマイズできます。

プロジェクトをセットアップし、C1MaskedTextBox コントロールをアプリケーションに追加するには、次の手順に従います。

  1. Visual Studio で、[ファイル]→[新規作成]→[プロジェクト]を選択します。
  2. 新しいプロジェクト]ダイアログボックスで、左ペインの言語を展開し、言語の下で[Windows ストア]を選択し、テンプレートリストで[新しいアプリケーション (XAML)]を選択します。名前を入力し、[OK]をクリックしてプロジェクトを作成します。
  3. MainPage.xaml が開いていない場合は開きます。<Grid> タグと </Grid> タグの間にカーソルを置き、1回クリックします。
  4. ツールボックスに移動し、StackPanel アイコンをダブルクリックしてページに追加します。
  5. x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center"<StackPanel> タグに追加します。次のようになります。

    コードのコピー
    <StackPanel x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>
    これで、パネル内の要素は、中央で縦方向に配置されて表示されます。

これで、UWP スタイルのアプリケーションを作成できました。次の手順では、TextBlock コントロールと C1MakedTextBox コントロールを追加してカスタマイズし、アプリケーションの設定を完成させます。

関連トピック