◇ラベル
◎Label
<StackPanel>
<Label
Margin="10"
Padding="0"
Content="ラベル" />
</StackPanel>
◎TextBlock
<StackPanel>
<TextBlock Margin="10" Text="テキスト" />
<TextBlock
Margin="10"
Text="長いテキスト。長いテキスト。長いテキスト。長いテキスト。長いテキスト。長いテキスト。長いテキスト。長いテキスト。"
TextWrapping="Wrap" />
</StackPanel>
◇テキストボックス
◎TextBox
<StackPanel>
<TextBox Margin="10" Text="テキストボックス" />
<TextBox
Width="120"
Height="50"
Margin="10"
Text="テキストボックス。テキストボックス。テキストボックス。テキストボックス。"
TextWrapping="Wrap"
VerticalScrollBarVisibility="Visible" />
</StackPanel>
◎RichTextBox
<StackPanel>
<RichTextBox Margin="10">
<FlowDocument>
<Paragraph>
こんにちは、<Bold>世界</Bold>
</Paragraph>
<Paragraph>
<Run Foreground="Red">あいうえお</Run>
<Run Foreground="Blue">かきくけこ</Run>
</Paragraph>
</FlowDocument>
</StackPanel>
◇ボタン
◎Button
<StackPanel>
<Button
Width="75"
Margin="10"
Content="ボタン" />
</StackPanel>
◎ToggleButton
<StackPanel>
<ToggleButton
Width="75"
Margin="10,10,10,1"
Content="トグルボタン1"
IsChecked="True" />
<ToggleButton
Width="75"
Margin="10,1,10,10"
Content="トグルボタン2" />
</StackPanel>
◇チェックボックス
CheckBox
<StackPanel>
<CheckBox
Margin="10"
Content="チェックボックス"
IsChecked="True" />
</StackPanel>
◇ラジオボタン
◎RadioButton
<StackPanel Orientation="Horizontal">
<RadioButton
Margin="10"
Content="ラジオボタン1"
GroupName="Grp1"
IsChecked="True" />
<RadioButton
Margin="10"
Content="ラジオボタン2"
GroupName="Grp1" />
<RadioButton
Margin="10"
Content="ラジオボタンA"
GroupName="Grp2" />
<RadioButton
Margin="10"
Content="ラジオボタンB"
GroupName="Grp2"
IsChecked="True" />
</StackPanel>
◇コンボボックス、リストボックス
◎ComboBox
<StackPanel>
<ComboBox Margin="10" SelectedIndex="0">
<ComboBoxItem Content="選択肢1" />
<ComboBoxItem Content="選択肢2" />
</ComboBox>
</StackPanel>
◎ListBox
<StackPanel>
<ListBox
Height="80"
Margin="10"
ScrollViewer.VerticalScrollBarVisibility="Visible"
SelectedIndex="0">
<ListBoxItem Content="選択肢1" />
<ListBoxItem Content="選択肢2" />
</ListBox>
</StackPanel>
◇タブ
◎TabControl
<StackPanel>
<TabControl
Height="150"
Margin="5"
SelectedIndex="0">
<TabItem Header="タブ1">
<StackPanel>
<Button Margin="10,5" Content="ボタン1" />
<Button Margin="10,5" Content="ボタン2" />
<Button Margin="10,5" Content="ボタン3" />
</StackPanel>
</TabItem>
<TabItem Header="タブ2">
<StackPanel>
<Button Margin="10,5" Content="ボタン4" />
</StackPanel>
</TabItem>
</TabControl>
</StackPanel>
◇枠線
◎Border
<StackPanel>
<Border
Width="300"
Height="15"
Margin="10"
BorderBrush="Blue"
BorderThickness="1" />
</StackPanel>
◎GroupBox
<StackPanel>
<GroupBox
Width="300"
Margin="10"
Header="グループ">
<StackPanel Orientation="Horizontal">
<Button Margin="10" Content="aaa" />
<Button Margin="10" Content="bbb" />
<Button Margin="10" Content="ccc" />
</StackPanel>
</GroupBox>
</StackPanel>
◇四角、円
◎Rectangle
<StackPanel>
<Rectangle
Width="150"
Height="10"
Margin="10"
Fill="Magenta" />
</StackPanel>
◎Ellipse
<StackPanel>
<Ellipse
Width="80"
Height="30"
Margin="10"
Fill="MediumAquamarine" />
</StackPanel>
◇日付入力、カレンダー
◎DatePicker
<StackPanel>
<DatePicker Width="150" Margin="10" />
</StackPanel>
◎Calendar
<StackPanel>
<Calendar Margin="10" />
</StackPanel>
◇スライダー
◎Slider
<StackPanel>
<Slider
Margin="10"
Maximum="50"
Minimum="0"
TickPlacement="TopLeft"
Value="20" />
<Slider
Height="50"
Margin="10"
Maximum="10"
Minimum="0"
Orientation="Vertical"
TickPlacement="Both"
Value="7" />
</StackPanel>
◇プログレスバー
◎ProgressBar
<StackPanel>
<ProgressBar
Height="6"
Margin="10"
Maximum="100"
Minimum="0"
Value="33" />
<ProgressBar
Width="6"
Height="60"
Margin="10"
Orientation="Vertical"
Value="77" />
</StackPanel>
◇メニュー
◎Menu
<Grid>
<Menu>
<MenuItem Header="ファイル(_F)">
<MenuItem Header="開く(_O)" />
<MenuItem Header="上書き保存(_S)" />
<Separator />
<MenuItem Header="終了(_X)" />
</MenuItem>
<MenuItem Header="編集(_E)" />
<MenuItem Header="表示(_V)" />
<MenuItem Header="ヘルプ(_H)" />
</Menu>
</Grid>
◎ContextMenu
:
<Window.ContextMenu>
<ContextMenu>
<MenuItem Header="メニュー1" />
<MenuItem Header="メニュー2" />
<Separator />
<MenuItem Header="メニュー3" />
</ContextMenu>
</Window.ContextMenu>
<StackPanel>
<Button
Width="200"
Height="50"
Margin="30"
Content="ボタン">
<Button.ContextMenu>
<ContextMenu>
<MenuItem Header="ボタン用メニュー1" />
<MenuItem Header="ボタン用メニュー2" />
</ContextMenu>
</Button.ContextMenu>
</Button>
</StackPanel>
</Window>
◇エキスパンダー
◎Expander
<StackPanel>
<Expander
Margin="10"
Background="SpringGreen"
IsExpanded="True">
<StackPanel>
<Button Margin="10" Content="ボタン1" />
<Button Margin="10" Content="ボタン2" />
<Button Margin="10" Content="ボタン3" />
</StackPanel>
</Expander>
</StackPanel>
◇グリッド、スタックパネル
◎Grid, StackPanel
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="1*" />
<RowDefinition Height="2*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Button Margin="10" Content="ボタン1" />
<Button
Grid.Row="1"
Grid.ColumnSpan="2"
Margin="10"
Content="ボタン2" />
<StackPanel
Grid.Row="2"
Grid.ColumnSpan="2"
Orientation="Horizontal">
<Button
Margin="10"
Padding="20,5"
Content="ボタン3" />
<Button
Margin="10"
Padding="20,5"
Content="ボタン4" />
<Button
Margin="10"
Padding="20,5"
Content="ボタン5" />
</StackPanel>
</Grid>
◇ラップパネル
◎WrapPanel
<WrapPanel>
<Button
Width="50"
Margin="5"
Content="ボタン1" />
<Button
Width="80"
Margin="5"
Content="ボタン2" />
<Button
Width="100"
Margin="5"
Content="ボタン3" />
<Button
Width="50"
Margin="5"
Content="ボタン4" />
<Button
Width="80"
Margin="5"
Content="ボタン5" />
<Button
Width="100"
Margin="5"
Content="ボタン6" />
<Button
Width="50"
Margin="5"
Content="ボタン7" />
<Button
Width="80"
Margin="5"
Content="ボタン8" />
<Button
Width="100"
Margin="5"
Content="ボタン9" />
</WrapPanel>
◇スクロールビューアー
◎ScrollViewer
<ScrollViewer>
<StackPanel>
<Button Content="ボタン1" Height="50" Margin="10"/>
<Button Content="ボタン2" Height="50" Margin="10"/>
<Button Content="ボタン3" Height="50" Margin="10"/>
<Button Content="ボタン4" Height="50" Margin="10"/>
</StackPanel>
</ScrollViewer>
◇ビューボックス
◎Viewbox
<StackPanel>
<Viewbox Height="10">
<TextBlock Text="こんにちは" />
</Viewbox>
<Viewbox Height="30">
<TextBlock Text="こんにちは" />
</Viewbox>
<Viewbox Height="50">
<TextBlock Text="こんにちは" />
</Viewbox>
</StackPanel>
◇ツリービュー
◎TreeView
<StackPanel>
<TreeView Margin="10">
<TreeViewItem Header="フォルダ1">
<TreeViewItem Header="ファイルa" />
<TreeViewItem Header="ファイルb" />
</TreeViewItem>
<TreeViewItem Header="フォルダ2">
<TreeViewItem Header="ファイルc" />
</TreeViewItem>
<TreeViewItem Header="フォルダ3" />
</TreeView>
</StackPanel>
◇リストビュー
◎ListView
<StackPanel>
<ListView Margin="10">
<ListView.View>
<GridView>
<GridViewColumn DisplayMemberBinding="{Binding [0]}" Header="列A" />
<GridViewColumn DisplayMemberBinding="{Binding [1]}" Header="列B" />
<GridViewColumn DisplayMemberBinding="{Binding [2]}" Header="列C" />
</GridView>
</ListView.View>
<ListViewItem>
<x:Array Type="{x:Type sys:String}">
<sys:String>aaaa1</sys:String>
<sys:String>bbbb1</sys:String>
<sys:String>cccc1</sys:String>
</x:Array>
</ListViewItem>
<ListViewItem>
<x:Array Type="{x:Type sys:String}">
<sys:String>aaaa2</sys:String>
<sys:String>bbbb2</sys:String>
<sys:String>cccc2</sys:String>
</x:Array>
</ListViewItem>
</ListView>
</StackPanel>