Windows PhoneでTextBox

Windows Phone

Windows PhoneでTextBoxで入力した文字列をButtonを押すことで、TextBlockに表示するアプリを作ります。

1. TextBoxを配置
ツールボックスにある『TextBox』をデザインビューにクリック＆ドロップします。

オブジェクト名については、前回の記事でやったので割愛します。

2. ButtonとTextBlockを配置
ツールボックスにある『Button』と『TextBlock』をデザインビューにクリック＆ドロップします。

私が設定したTextBox,Button,TextBlockのXAMLファイルにおけるコードは次のとおりです。

<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <TextBox Height="73" HorizontalAlignment="Left" Margin="9,47,0,0" Name="inputTextBox" Text="TextBox" VerticalAlignment="Top" Width="460"/>
    <Button Content="Button" Height="72" HorizontalAlignment="Left" Margin="145,416,0,0" Name="button1" VerticalAlignment="Top" Width="160" Click="runBtn" />
    <TextBlock Height="Auto" HorizontalAlignment="Left" Margin="145,246,0,0" Name="outputTextBlock" Text="TextBlock" VerticalAlignment="Top" FontSize="40" />
</Grid>

3. Buttonのイベントハンドラを作成してコードを追加
デザインビューのButtonをダブルクリックして、ボタンクリック時のメソッドを生成します。

private void runBtn(object sender, RoutedEventArgs e)
{
    outputTextBlock.Text = inputTextBox.Text;
}

inputTextBox : 入力するTextBoxです
outputTextBlock : TextBoxで入力された文字列を表示するTextBlockです

4. エミュレータで実行
最後に、Buttonを押した時に、TextBoxで入力した文字列がTextBlockに反映されるか、エミュレータで確認します。

みごとに入力した文字列が反映されました！

http://www.st-hatena.com/users/sa/samril/user_p.gifいったんある程度のUIについてやります。