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

calendar

 «  » 2024.12
일 월 화 수 목 금 토
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. 11. 27. 09:58 .Net Project/SilverLight 3.0

24장) 실버라이트 방사형 그라데이션 (RadialGradientBrush)

반응형
  RadialGradientBrush
 - 하나의 원형의 그라데이션 축을 따라 서로 혼합되는 여러가지 색으로 영역을 그릴 수 있다.
 - 실버라이트에서는 방사형 그라데이션 브러시를 위해 RadialGradientBrush 클래스 제공 
 - LinearRadialGradientBrush의 Gradient 프로퍼티로 그라데이션 시작 초점과 Center프로퍼티로 
    그라데이션 바깥쪽 원의 중심점을 설정
 - 그라데이션 축에 그라데이션의 색과 해당 위치를 설정  


  RadialGradientBrush.Xaml

<UserControl x:Class="RiaSolidColorBrush.FrmRadiaGradientBrush"

    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">

        <Rectangle Width="200" Height="200">

            <Rectangle.Fill>

                <RadialGradientBrush
                   GradientOrigin="0.5,0.5"
                   Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">

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

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

                    <GradientStop Color="Blue" Offset="0.75"></GradientStop>

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

                </RadialGradientBrush>

            </Rectangle.Fill>

           

        </Rectangle>

    </Grid>

</UserControl> 

 <RadialGradientBrush GradientOrigin="0.5,0.5"

                                     Center="0.5,0.5"

                                     RadiusX="0.5"

                                     RadiusY="0.5"

                                     SpreadMethod="Repeat"> 




반응형

'.Net Project > SilverLight 3.0' 카테고리의 다른 글

26장) 실버라이트 비디오 브러시 (VideoBrush)  (0) 2009.11.27
25장) 실버라이트 이미지 브러시 (ImageBrush)  (0) 2009.11.27
23장) 실버라이트 선형 그라데이션 (GradientBrush)  (0) 2009.11.27
22장) 실버라이트 SolidColorBrush 관련 (SolidColorBrush)  (0) 2009.11.27
21장) 실버라이트 스트로크 관련 (Stroke)  (0) 2009.11.27
posted by Magic_kit
2009. 11. 27. 09:45 .Net Project/SilverLight 3.0

23장) 실버라이트 선형 그라데이션 (GradientBrush)

반응형
  선형 그라데이션 (Brush)
 - 하나의 직선 그라데이션 축을 따라 서로 혼합되는 여러가지 색으로 영역을 그릴 수 있습니다
 - 선형 그라데이션 브러시를 위해 LinearGradientBrush 클래스 제공 
 - 그라데이션 축에 그라데이션의 색과 해당 위치를 설정
 

  GradientBrush.Xaml

<UserControl x:Class="RiaSolidColorBrush.FrmLinearGradientBrush"

    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">

        <TextBlock FontFamily="Arial" FontSize="50" Text="용원이 블로그">

            <TextBlock.Foreground>

                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">

                    <GradientStop Offset="0" Color="Blue"></GradientStop>

                    <GradientStop Offset="0.5" Color="Gray"></GradientStop>

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

                </LinearGradientBrush>               

            </TextBlock.Foreground>           

        </TextBlock>

    </Grid>

</UserControl> 




반응형

'.Net Project > SilverLight 3.0' 카테고리의 다른 글

25장) 실버라이트 이미지 브러시 (ImageBrush)  (0) 2009.11.27
24장) 실버라이트 방사형 그라데이션 (RadialGradientBrush)  (0) 2009.11.27
22장) 실버라이트 SolidColorBrush 관련 (SolidColorBrush)  (0) 2009.11.27
21장) 실버라이트 스트로크 관련 (Stroke)  (0) 2009.11.27
20장) 실버라이트 복합 기하도형 (PathGeometry)  (0) 2009.11.26
posted by Magic_kit
2009. 11. 27. 09:29 .Net Project/SilverLight 3.0

22장) 실버라이트 SolidColorBrush 관련 (SolidColorBrush)

반응형
  Brush : 실버라이트에서는 단색, 선형, 방사형, 이미지, 비디오, 같은 다양한 브러쉬 효과 존재 
 - Brush(브러시) : Shape 내부 채우기
 - SolidColorBrush :  단색
 - LinearGradientBrush : 선형
 - RadialGradientBrush : 원형(방사형) 
 - ImageBrush : 이미지
 - VideoBrush : 비디오

   MainPage.Xaml 

<UserControl x:Class="RiaSolidColorBrush.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">

        <Canvas Width="200" Height="200" Background="Yellow">

            <Rectangle Canvas.Left="0" Canvas.Top="0"

                       Width="100" Height="100">

                <Rectangle.Fill>

                    <SolidColorBrush Color="Red"></SolidColorBrush>

                </Rectangle.Fill>               

            </Rectangle>

 

            <Rectangle Canvas.Left="100" Canvas.Top="0"

                       Width="100" Height="100">

                <Rectangle.Fill>

                    <SolidColorBrush Color="Silver"></SolidColorBrush>

                </Rectangle.Fill>

            </Rectangle>

 

            <Rectangle Canvas.Left="0" Canvas.Top="100"

                       Width="100" Height="100">

                <Rectangle.Fill>

                    <SolidColorBrush Color="#000000FF"></SolidColorBrush>

                </Rectangle.Fill>

            </Rectangle>

           

            <Rectangle Canvas.Left="100" Canvas.Top="100"

                       Width="100" Height="100">

                <Rectangle.Fill>

                    <SolidColorBrush Color="#A00000FF"></SolidColorBrush>

                </Rectangle.Fill>

            </Rectangle>

 

 

        </Canvas>

    </Grid>

</UserControl> 


 
 SolidColorBrush.Xaml

<UserControl x:Class="RiaSolidColorBrush.FrmSolidColorBrush"

    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">

        <StackPanel>

        <Ellipse Fill="Yellow"

                 Stroke="Red"

                 Width="100" Height="100">

        </Ellipse>

            <StackPanel>

                <Ellipse Fill="Yellow" Stroke="Red" Height="100" Width="100"></Ellipse>               

            </StackPanel>

        </StackPanel>

    </Grid>

</UserControl> 





반응형

'.Net Project > SilverLight 3.0' 카테고리의 다른 글

24장) 실버라이트 방사형 그라데이션 (RadialGradientBrush)  (0) 2009.11.27
23장) 실버라이트 선형 그라데이션 (GradientBrush)  (0) 2009.11.27
21장) 실버라이트 스트로크 관련 (Stroke)  (0) 2009.11.27
20장) 실버라이트 복합 기하도형 (PathGeometry)  (0) 2009.11.26
19장) 실버라이트 복합 기하도형 (PathFigure)  (0) 2009.11.26
posted by Magic_kit
2009. 11. 27. 09:16 .Net Project/SilverLight 3.0

21장) 실버라이트 스트로크 관련 (Stroke)

반응형
 StorkeStartLineCap/StrokeEndLineCap
- 시작/끝부분 모양 설정
- Flat(기본) : 사각형
- Square : 사각형
- Round : 둥근
  Stroke 관련 속성  
  Stroke : 도형 윤곽선의 색상 표현 
  StrokeThickness : 도형 윤곽선 두께를 나타냅니다 
  StrokeStartLineCap :  Stroke의 시작 부분의 모양 설정 가능 
  StrokeEndLineCakp :  Stroke의 끝 부분의 모양 설정 가능 
  StrokeDashCap : 대시 끝에 그리는 방법을 설정 가능 
  StrokeLineJoin : Stroke의 꼭짓점 부분에 사용되는 Join형식 설정 가능 
  StrokeDashArray : 도형 윤곽선을 그리는 대시와 간격의 패턴을 설정 가능
  StrokeMiterLimit : StrokeThickness 크기의 절반에 대한 Miter 길이의 비율 제한 설정 가능

  Stroke.MainPage.Xaml




<UserControl x:Class="RiaStroke.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">

        <Line X1="50" Y1="50" X2="200" Y2="200"

              Stroke="Blue"

              StrokeThickness="5"

              StrokeStartLineCap="Round"

              StrokeEndLineCap="Triangle"

              StrokeDashArray="5,1"></Line>

       

        <Polyline Stroke="Red" Points="120,120 250,130 220,150"

                  StrokeThickness="30"

                  StrokeStartLineCap="Triangle"

                  StrokeEndLineCap="Round"

                  StrokeDashArray="2,1"

                  StrokeLineJoin="Miter"

                  StrokeMiterLimit="10"></Polyline>

    </Grid>

</UserControl> 




반응형

'.Net Project > SilverLight 3.0' 카테고리의 다른 글

23장) 실버라이트 선형 그라데이션 (GradientBrush)  (0) 2009.11.27
22장) 실버라이트 SolidColorBrush 관련 (SolidColorBrush)  (0) 2009.11.27
20장) 실버라이트 복합 기하도형 (PathGeometry)  (0) 2009.11.26
19장) 실버라이트 복합 기하도형 (PathFigure)  (0) 2009.11.26
18장) 실버라이트 복합 기하도형 (GeometryGroup)  (0) 2009.11.26
posted by Magic_kit

티스토리툴바