LoginSignup
3
5

More than 1 year has passed since last update.

.NET GUIコントロール(コピペ用)

Last updated at Posted at 2021-09-02

◇ラベル

01.png

◎Label

<StackPanel>

    <Label
        Margin="10"
        Padding="0"
        Content="ラベル" />

</StackPanel>

◎TextBlock

<StackPanel>

    <TextBlock Margin="10" Text="テキスト" />

    <TextBlock
        Margin="10"
        Text="長いテキスト。長いテキスト。長いテキスト。長いテキスト。長いテキスト。長いテキスト。長いテキスト。長いテキスト。"
        TextWrapping="Wrap" />

</StackPanel>

◇テキストボックス

◎TextBox

02.png

<StackPanel>

    <TextBox Margin="10" Text="テキストボックス" />

    <TextBox
        Width="120"
        Height="50"
        Margin="10"
        Text="テキストボックス。テキストボックス。テキストボックス。テキストボックス。"
        TextWrapping="Wrap"
        VerticalScrollBarVisibility="Visible" />

</StackPanel>

◎RichTextBox

13.png

<StackPanel>

    <RichTextBox Margin="10">
        <FlowDocument>
            <Paragraph>
                こんにちは、<Bold>世界</Bold>
            </Paragraph>

            <Paragraph>
                <Run Foreground="Red">あいうえお</Run>
                <Run Foreground="Blue">かきくけこ</Run>
            </Paragraph>
        </FlowDocument>

</StackPanel>

◇ボタン

03.png

◎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>

◇チェックボックス

04.png

CheckBox

<StackPanel>

    <CheckBox
        Margin="10"
        Content="チェックボックス"
        IsChecked="True" />

</StackPanel>

◇ラジオボタン

05_.png

◎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>

◇コンボボックス、リストボックス

06.png

◎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>

◇タブ

07.png

◎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>

◇枠線

08.png

◎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>

◇四角、円

09_.png

◎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

10.png

<StackPanel>

    <DatePicker Width="150" Margin="10" />

</StackPanel>

◎Calendar

11.png

<StackPanel>

    <Calendar Margin="10" />

</StackPanel>

◇スライダー

12_.png

◎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

14.png

<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

16_.png

<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

17.png

<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>

◇エキスパンダー

18.png

◎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>

◇グリッド、スタックパネル

22_1.png

◎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>

◇ラップパネル

23.png

◎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

15.png

<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>

◇ビューボックス

19.png

◎Viewbox

<StackPanel>

    <Viewbox Height="10">
        <TextBlock Text="こんにちは" />
    </Viewbox>

    <Viewbox Height="30">
        <TextBlock Text="こんにちは" />
    </Viewbox>

    <Viewbox Height="50">
        <TextBlock Text="こんにちは" />
    </Viewbox>

</StackPanel>

◇ツリービュー

20.png

◎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>

◇リストビュー

21.png

◎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>
3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5