Grid 각 셀에 배경색 주기

Grid 각 셀에 배경색 주기



 셀마다 여러 개의 엘리먼트를 줄 수 있다는 점을 이용한다.
Fill 로 설정된 Rectangle 객체를 배치하면 된다.

3 rows, 3 columns 에서 0번 row 와 2번 row 에 색을 주었다.




주요 코드

<Window.Resources>
        <LinearGradientBrush x:Key="shinyBrush" StartPoint="0,0" EndPoint="0,1">
            <GradientStop Offset="0" Color="Gray"/>
            <GradientStop Offset="0.3" Color="#FF222222"/>
            <GradientStop Offset="0.3" Color="Black"/>
            <GradientStop Offset="0.9" Color="Black"/>
            <GradientStop Offset="0.9" Color="#FF222222"/>
            <GradientStop Offset="1" Color="Gray"/>
        </LinearGradientBrush>
    </Window.Resources>

<!-- Grid 각 셀에 배경색 입히기 -->
        <Rectangle Grid.ColumnSpan="3" Fill="{StaticResource shinyBrush}" />
        <Rectangle Grid.Row="2" Grid.ColumnSpan="3" Fill="{StaticResource shinyBrush}" />


※ Rectangle 에 채워줄 브러쉬를 LinearGradientBrush 를 이용하였다.



Test Program

WpfApplication1.zip