블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
반응형

Category

Recent Post

Recent Comment

Archive

2009. 12. 3. 10:00 .Net Project/SilverLight 3.0
반응형
  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"
                                            EndPoint="1,1">

                            <GradientStop Color="Red"
                                          Offset
="0.0"></GradientStop>

                           <GradientStop Color="Yellow"
                                         Offset
="1.0"></GradientStop>

                        </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"
                       Style="{StaticResource myRectStyle}"></Rectangle>

        </StackPanel>

    </Grid>

</UserControl> 




반응형
posted by Magic_kit