Style 적용 - 스타일은 HTML의 CSS와 유사한 개념으로 프로퍼티에 대한 설정 값의 집합 의미 - 스타일 선하고 사용함으로써 유지보수에 대한 관리가 용이 하다는 장점을 가지고 있다. - 일반적인 스타일 적용 방식 (Style 지정) - 그란데이션 효과 적용(Style 지정) |
Style.Xaml - 일반적인 방식으로 스타일 적용 - 그란데이션 효과 적용하기 <UserControl x:Class="RiaStyle.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400"> <Grid x:Name="LayoutRoot" Background="White"> <Grid.Resources> <Style x:Key="myButtonStyle" TargetType="Button"> <Setter Property="Background" Value="Yellow"></Setter> <Setter Property="Foreground" Value="Blue"></Setter> </Style> <Style x:Key="myRectStyle" TargetType="Rectangle"> <Setter Property="Fill"> <Setter.Value> <LinearGradientBrush StartPoint="0,0" <GradientStop Color="Red" <GradientStop Color="Yellow" </LinearGradientBrush> </Setter.Value> </Setter> </Style> </Grid.Resources> <StackPanel> <Button x:Name="btnResult" Content="Style Confirm1" FontSize="20" FontFamily="Arial" Style="{StaticResource myButtonStyle}"></Button> <Button x:Name="btnResult2" Content="Style Confirm2" FontFamily="Arial" FontSize="20" Style="{StaticResource myButtonStyle}"></Button> <Rectangle Width="400" Height="100" </StackPanel> </Grid> </UserControl> |
'.Net Project > SilverLight 3.0' 카테고리의 다른 글
57장 에니메이션 동작 방식 (사각형 움직이기) (0) | 2009.12.07 |
---|---|
56장 스타일 탬블릿 적용(Templet) (0) | 2009.12.03 |
54장 바인딩 컨트롤(Grid.Resource) (0) | 2009.12.03 |
53장 Calendar 컨트롤 (0) | 2009.12.02 |
52장 Tab 컨트롤 (0) | 2009.12.02 |