テキストボックス
このテキストボックスのサンプルに使用したxamlは次の通りです。
※Grid部分を抽出
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Button x:Name="btnBack" Content="戻る" HorizontalAlignment="Left" Height="55" Margin="102,63,0,0" VerticalAlignment="Top" Width="162" FontSize="20" Background="#FFFF9A9A" Click="btnBack_Click"/>
<Button x:Name="btnInit" Content="初期化" HorizontalAlignment="Left" Height="53" Margin="102,135,0,0" VerticalAlignment="Top" Width="162" Click="btnInit_Click" FontFamily="Global User Interface"/>
<TextBlock x:Name="lbl1" HorizontalAlignment="Left" Height="37" Margin="105,557,0,0" TextWrapping="Wrap" Text="コピー元" VerticalAlignment="Top" Width="156" FontSize="20"/>
<TextBox x:Name="txt1" HorizontalAlignment="Left" Height="37" Margin="314,557,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="370" FontSize="20" FontFamily="Global User Interface"/>
<Button x:Name="btnCopy" Content="コピー" HorizontalAlignment="Left" Height="53" Margin="311,135,0,0" VerticalAlignment="Top" Width="162" Click="btnCopy_Click"/>
<Button x:Name="btnClear" Content="クリア" HorizontalAlignment="Left" Height="53" Margin="525,135,0,0" VerticalAlignment="Top" Width="162" Click="btnClear_Click"/>
<TextBlock x:Name="lbl2" HorizontalAlignment="Left" Height="37" Margin="105,617,0,0" TextWrapping="Wrap" Text="コピー先" VerticalAlignment="Top" Width="156" FontSize="20"/>
<TextBox x:Name="txt2" HorizontalAlignment="Left" Height="37" Margin="314,617,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="370" FontSize="20"/>
<RadioButton x:Name="rdoSize10" Content="サイズ10" HorizontalAlignment="Left" Height="38" Margin="102,216,0,0" VerticalAlignment="Top" Width="159" FontSize="20" GroupName="grpSize" Checked="rdoSize10_Checked"/>
<RadioButton x:Name="rdoSize20" Content="サイズ20" HorizontalAlignment="Left" Height="38" Margin="311,216,0,0" VerticalAlignment="Top" Width="159" FontSize="20" GroupName="grpSize" Checked="rdoSize20_Checked"/>
<RadioButton x:Name="rdoBackColorWhite" Content="背景色：白色" HorizontalAlignment="Left" Height="38" Margin="102,289,0,0" VerticalAlignment="Top" Width="159" FontSize="20" GroupName="grpBackColor" Checked="rdoBackColorWhite_Checked"/>
<RadioButton x:Name="rdoBackColorYellow" Content="背景色：黄色" HorizontalAlignment="Left" Height="38" Margin="311,289,0,0" VerticalAlignment="Top" Width="159" FontSize="20" GroupName="grpBackColor" Checked="rdoBackColorYellow_Checked"/>
<RadioButton x:Name="rdoLeft" Content="左寄せ" HorizontalAlignment="Left" Height="38" Margin="102,353,0,0" VerticalAlignment="Top" Width="159" FontSize="20" GroupName="grpAlign" Checked="rdoLeft_Checked"/>
<RadioButton x:Name="rdoCenter" Content="中央寄せ" HorizontalAlignment="Left" Height="38" Margin="311,353,0,0" VerticalAlignment="Top" Width="159" FontSize="20" GroupName="grpAlign" Checked="rdoCenter_Checked"/>
<RadioButton x:Name="rdoRight" Content="右寄せ" HorizontalAlignment="Left" Height="38" Margin="525,353,0,0" VerticalAlignment="Top" Width="159" FontSize="20" GroupName="grpAlign" Checked="rdoRight_Checked"/>
<RadioButton x:Name="rdoReadWrite" Content="読み書き" HorizontalAlignment="Left" Height="38" Margin="102,419,0,0" VerticalAlignment="Top" Width="159" FontSize="20" GroupName="grpIsRead" Checked="rdoReadWrite_Checked"/>
<RadioButton x:Name="rdoReadOnly" Content="読み取り専用" HorizontalAlignment="Left" Height="38" Margin="311,419,0,0" VerticalAlignment="Top" Width="159" FontSize="20" GroupName="grpIsRead" Checked="rdoReadOnly_Checked"/>
<RadioButton x:Name="rdoFocus1" Content="コピー元にフォーカス" HorizontalAlignment="Left" Height="38" Margin="102,482,0,0" VerticalAlignment="Top" Width="187" FontSize="20" GroupName="grpFocus" Checked="rdoFocus1_Checked"/>
<RadioButton x:Name="rdoFocus2" Content="コピー先にフォーカス" HorizontalAlignment="Left" Height="38" Margin="311,482,0,0" VerticalAlignment="Top" Width="187" FontSize="20" GroupName="grpFocus" Checked="rdoFocus2_Checked"/>
</Grid>
this->Frame->Navigate(画面ID::typeid);
(例）
this->Frame->Navigate(MainPage::typeid);
画面IDを指定するためヘッダに次のようにxamlを取り込んでいます。
(例）
#include "MainPage.xaml.h"
テキストに値を設定するには次のように設定します。
テキストボックスコントロールID->Text = XXX;
(例）
txt1->Text = L"1個目のテキスト";
フォントサイズを指定するには次のように設定できます。
テキストボックスコントロールID->FontSize = サイズ;
(例）
txt1->FontSize = 20;
背景色の変更など色の変更にはSolidColorBrushを使って変更できます。
(例）
txt1->Background = ref new SolidColorBrush(Windows::UI::Colors::White);
txt1->Background = ref new SolidColorBrush(Windows::UI::ColorHelper::FromArgb(255, 255, 255, 0));
カスタムで変更したい場合はFromArgbを使用すると便利です。
テキストの配置を変更するには次のように設定できます。
テキストボックスコントロールID->TextAlignment = Windows::UI::Xaml::TextAlignment::位置;
「位置」は
Left
Center
Right
のように設定ができます。
読み取り専用に設定するには次のように設定できます。
テキストボックスコントロールID->IsReadOnly = true;
（例）
txt1->IsReadOnly = true;
※trueで読み取り専用、falseで読み書き可能となります。
フォーカスを設定するには次のように設定できます。
テキストボックスコントロールID->Focus(Windows::UI::Xaml::FocusState::Pointer);
（例）
txt1->Focus(Windows::UI::Xaml::FocusState::Pointer);
ヘッダファイル
起動後の画面
|
|