Tag

8장의 스타일 부분을 공부하면서 하나의 예제로 계속 진행되는데
저에게는 이해가 잘 안되어서 다시 세부적으로 하나씩 보니까 한결
좋은듯 싶어서 하나씩 공부 한 내용을 올릴려고 합니다.

스타일이란 ?

워드프로세서 문서에서 스타일(Style)이란 특정 범위의 콘텐츠(문자열, 이미지 등)에
적용된 일련의 특성을 의미 합니다.

WPF에서 스타일 또한 Button 컨트롤에 글꼴의 두께를 지정하는 것과
같은 컨텐츠의 시각적 렌더링에 적용되는 일련의 속성의 집합 입니다.


이러한 스타일을 정의, 적용하는 방법에는
인라인 스타일,
명명된 스타일
두가지 방법이 있습니다.

먼저 인라인 스타일은 다음과 같습니다.

<Button Height="35" Margin="20,0,16,26" Name="button2" VerticalAlignment="Bottom" Grid.Row="1">
            <Button.Style>
                <Style>
                    <Setter Property="Button.FontSize" Value="15pt"></Setter>
                    <Setter Property="Button.FontWeight" Value="Bold"></Setter>
                </Style>
            </Button.Style>
            Button
</Button>


하나의 버튼 컨트롤의 Style 요소에 두 개의 Setter 요소를 사용하여,
두 개의 속성(FontSize, FontWeight)에 각각 15pt, Bold 라는 스타일을 적용 하였습니다.


결과는 다음과 같습니다.





다음으로 명명된 스타일은 다음과 같습니다.

동일한 인라인 스타일을 리소스에 이름을 지정하고 모아두면
이 이름을 이용하여 버튼에 스타일을 지정 할 수 있습니다. (명명된 스타일)

<Window.Resources>
        <Style x:Key="ButtonStyle">
            <Setter Property="Button.FontSize" Value="15pt"></Setter>
            <Setter Property="Button.FontWeight" Value="Bold"></Setter>
            <Setter Property="Button.Foreground" Value="Red"></Setter>
        </Style>
</Window.Resources>

위와 같이 Resources에 스타일을 등록하고
다음과 같이 버튼에 적용 합니다.

<Button Style="{StaticResource ButtonStyle}"
       Height="35" Margin="20,0,16,26" Name="button2" VerticalAlignment="Bottom" Grid.Row="1">
            Button
</Button>

실행결과는 다음과 같습니다.





출처는 다음과 같습니다.



Posted by JMSOFT

댓글을 달아 주세요

티스토리 툴바