#12주차 WPF "DockPanel과 WrapPanel"

WPF를 사용하여DockPanel과 WrapPanel 프로그램을 만든다

새프로젝트에서 WPF 앱을 선택한다

새 프로젝트를 만들면 매인 디자인 창이 보인다

 

폼 디자인을 아래 코드와 같이 해준다

<DockPanel Margin="10" LastChildFill="True">
        <TextBlock HorizontalAlignment="Center" DockPanel.Dock="Top"
                   FontSize="20" FontWeight="Bold" Margin="20 20 20 0"> Color Test</TextBlock>
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="10" DockPanel.Dock="Top">
            <Button Width="50" Height="50" Margin="15 15 10 15">
                <StackPanel>
                    <Rectangle Fill="Red" Width="25" Height="25"/>
                    <TextBlock HorizontalAlignment="Center">Red</TextBlock>
                </StackPanel>
            </Button>
            <Button Width="50" Height="50" Margin="10 15 10 15">
                <StackPanel>
                    <Rectangle Fill="Green" Width="25" Height="25"/>
                    <TextBlock HorizontalAlignment="Center">Green</TextBlock>
                </StackPanel>
            </Button>
            <Button Width="50" Height="50" Margin="10 15 15 15">
                <StackPanel>
                    <Rectangle Fill="Blue" Width="25" Height="25"/>
                    <TextBlock HorizontalAlignment="Center">Blue</TextBlock>
                </StackPanel>
            </Button>
        </StackPanel>
        <Button  Background="AliceBlue" DockPanel.Dock="Bottom">
            <WrapPanel>
                <TextBlock Foreground="Blue" FontSize="30">Multi</TextBlock>
                <TextBlock Foreground="Red" FontSize="30">Color</TextBlock>
                <TextBlock Foreground="Green" FontSize="30">Button</TextBlock>
            </WrapPanel>
        </Button>
    </DockPanel>

CS 코드는 없다

출력 결과는 다음과 같다