Ruru' Programming :)

자료제공 : http://hugeflow.com/

3-1.WebClientTest.zip

<UserControl x:Class="WebClientTest.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="Auto" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="500" d:DesignHeight="418">
    <Grid x:Name="LayoutRoot" Background="White">

        <TextBox Height="47" Margin="8,8,100,0" VerticalAlignment="Top" Text="http://hugeflow.com/sample.xml" TextWrapping="Wrap" x:Name="tboxAddress"/>
        <Button HorizontalAlignment="Right" Margin="0,8,8.192,0" VerticalAlignment="Top" Content="Get" Width="88" Height="47" x:Name="buttonGet" Click="buttonGet_Click"/>
        <TextBlock Margin="8,59,8,8" Text="" TextWrapping="Wrap" x:Name="tbOutput"/>

    </Grid>
</UserControl>

 

다음으로 C# 코드

using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;

namespace WebClientTest
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
        }

        private void buttonGet_Click(object sender, RoutedEventArgs e)
        {
            if (string.IsNullOrEmpty(tboxAddress.Text) == true)
            {
                return;
            }

            try
            {
                WebClient wc = new WebClient();
                wc.DownloadStringCompleted += new DownloadStringCompletedEventHandler(wc_DownloadStringCompleted);
                wc.DownloadStringAsync(new Uri(tboxAddress.Text, UriKind.Absolute));
            }
            catch (Exception ex)
            {
                tbOutput.Text = ex.Message;
                throw;
            }
        }

        void wc_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)
        {
            if (e.Cancelled == true)
            {
                tbOutput.Text = "취소되었습니다.";
                return;
            }

            if (e.Error != null)
            {
                if (string.IsNullOrEmpty(e.Error.Message) == false)
                {
                    tbOutput.Text = e.Error.Message;
                }
                else
                {
                    tbOutput.Text = e.Error.ToString();
                }
                return;
            }

            tbOutput.Text = e.Result;
        }
    }
}

이올린에 북마크하기(0) 이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

이번엔 실버라이트 사용자 컨트롤을 만들어봅니다.

설명이 많이 부족하지만 따라하시다보면 성공하실수.....

사실 제가 부족해서 설명이 많이 부족하네요ㅠㅠ

Generic.xaml

• Custom Control의 기본 모양을 정의하는 파일
• Xmlns와 xmlns:x는 page.xaml에서 가져온다

<ResourceDictionary

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

</ResourceDictionary>

public class MyControl : Control

{

public MyControl()

{

this.DefaultStyleKey = typeof(MyControl);

}

}

Control을 상속 받고

기본 스타일 키를 현재 형식의 타입을 지정한다.

재정의할 메소드가 있는데, OnApplyTemplate 을 override 하여 메소드를 만든다

public override void OnApplyTemplate()

{

base.OnApplyTemplate();

}

이제 Generic.xaml에서 내가 작성하는 control의 네임스페이스를 지정한다.

My로 prefix를 주었으므로 my를 앞으로 사용하게 된다

<ResourceDictionary

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:my="clr-namespace:CustomControlTest2"

>

<Style TargetType="my:MyControl">

</Style>

</ResourceDictionary>

이제 컨트롤의 템플릿을 만든다

<ResourceDictionary

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:my="clr-namespace:CustomControlTest2"

>

<Style TargetType="my:MyControl">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="my:MyControl">

<Grid>

<TextBlock x:Name="MyText" Text="안녕?" />

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</ResourceDictionary>

이제 기본적인 내용은 끝났고 Grid 안에 내용을 지정한다.

이제 컨트롤에서 속성을 노출할 수 있도록 작성해보자.

propdp를 입력하면 인텔리센스로 작성할 수 있다.

마지막에 UIxxxxxxx(0) 라고 나오는 부분은 지워주고 PropertyMetadata 로 변경해야한다.

using System;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Ink;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

namespace CustomControlTest2

{

public class MyControl : Control

{

TextBlock _tb = null;

public string Text

{

get { return (string)GetValue(TextProperty); }

set { SetValue(TextProperty, value); }

}

// Using a DependencyProperty as the backing store for Text. This enables animation, styling, binding, etc...

public static readonly DependencyProperty TextProperty =

DependencyProperty.Register(

"Text",

typeof(string),

typeof(MyControl),

new PropertyMetadata(new PropertyChangedCallback(

// e는 보낸쪽

(d, e) =>

{

MyControl myControl = d as MyControl;

if (myControl != null && myControl._tb != null)

{

myControl._tb.Text = e.NewValue.ToString();

}

})

)

);

public MyControl()

{

this.DefaultStyleKey = typeof(MyControl);

}

public override void OnApplyTemplate()

{

base.OnApplyTemplate();

// 컨트롤에 들어 있는 TextBlock을 가져온다.

_tb = GetTemplateChild("MyText") as TextBlock;

if (_tb !=null)

{

_tb.Text = "커스텀 컨트롤~!";

}

}

}

}

이제 Page.xaml에 돌아와서 MyControl을 작성해 보자

<UserControl x:Class="CustomControlTest2.Page"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:my="clr-namespace:CustomControlTest2"

Width="400" Height="300">

<Grid x:Name="LayoutRoot" Background="White">

<my:MyControl Text="여기에 글을 작성해보자!!"></my:MyControl>

</Grid>

</UserControl>

이올린에 북마크하기(0) 이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

이번에는 Silverlight의 컨트롤을 정의해서 만들어봅니다.

예전에 강의들을 때 작성하고 다시보니 무슨소린지 모르겠네요.. ㅋㅋㅋ

그래도 전혀 무지한 것 보단 캡쳐라도 약간 있으니 ㅠㅠ 나중에 약간이라도 도움될 듯..

부족하지만 1%라도 얻을게 있을지 모르니 정리 안된 상태로 등록합니다... ㅋㅋ

Generic.xaml

• Custom Control의 기본 모양을 정의하는 파일
• Xmlns와 xmlns:x는 page.xaml에서 가져온다

<ResourceDictionary

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

</ResourceDictionary>

public class MyControl : Control

{

public MyControl()

{

this.DefaultStyleKey = typeof(MyControl);

}

}

Control을 상속 받고

기본 스타일 키를 현재 형식의 타입을 지정한다.

재정의할 메소드가 있는데, OnApplyTemplate 을 override 하여 메소드를 만든다

public override void OnApplyTemplate()

{

base.OnApplyTemplate();

}

이제 Generic.xaml에서 내가 작성하는 control의 네임스페이스를 지정한다.

my로 prefix를 주었으므로 my를 앞으로 사용하게 된다

<ResourceDictionary

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:my="clr-namespace:CustomControlTest2"

>

<Style TargetType="my:MyControl">

</Style>

</ResourceDictionary>

이제 컨트롤의 템플릿을 만든다

<ResourceDictionary

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:my="clr-namespace:CustomControlTest2"

>

<Style TargetType="my:MyControl">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="my:MyControl">

<Grid>

<TextBlock x:Name="MyText" Text="안녕?" />

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</ResourceDictionary>

이제 기본적인 내용은 끝났고 Grid 안에 내용을 지정한다.

이제 컨트롤에서 속성을 노출할 수 있도록 작성해보자.

propdp를 입력하면 인텔리센스로 작성할 수 있다.

마지막에 UIxxxxxxx(0) 라고 나오는 부분은 지워주고 PropertyMetadata 로 변경해야한다.

using System;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Ink;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

namespace CustomControlTest2

{

public class MyControl : Control

{

TextBlock _tb = null;

public string Text

{

get { return (string)GetValue(TextProperty); }

set { SetValue(TextProperty, value); }

}

// Using a DependencyProperty as the backing store for Text. This enables animation, styling, binding, etc...

public static readonly DependencyProperty TextProperty =

DependencyProperty.Register(

"Text",

typeof(string),

typeof(MyControl),

new PropertyMetadata(new PropertyChangedCallback(

// e는 보낸쪽

(d, e) =>

{

MyControl myControl = d as MyControl;

if (myControl != null && myControl._tb != null)

{

myControl._tb.Text = e.NewValue.ToString();

}

})

)

);

public MyControl()

{

this.DefaultStyleKey = typeof(MyControl);

}

public override void OnApplyTemplate()

{

base.OnApplyTemplate();

// 컨트롤에 들어 있는 TextBlock을 가져온다.

_tb = GetTemplateChild("MyText") as TextBlock;

if (_tb !=null)

{

_tb.Text = "커스텀 컨트롤~!";

}

}

}

}

이제 Page.xaml에 돌아와서 MyControl을 작성해 보자

<UserControl x:Class="CustomControlTest2.Page"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:my="clr-namespace:CustomControlTest2"

Width="400" Height="300">

<Grid x:Name="LayoutRoot" Background="White">

<my:MyControl Text="여기에 글을 작성해보자!!"></my:MyControl>

</Grid>

</UserControl>

이올린에 북마크하기(0) 이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

이번 내용은 실버라이트에서 개체가 중첩되어 있을 때 이벤트가 중첩(버블링, Bubbling)되는 현상을 막기 위한 방법인데요.

두서 없이 작성한 내용이라 저도 무슨 소린지 모르겠네요 - _-;;

중요한 내용은 4~5번 내용을 살펴보시면 이해가 되실거에요.

1. XAML 코드

<UserControl x:Class="BubblingEvents.Page"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="400" Height="300">

<Grid x:Name="LayoutRoot" Background="White">

    <Grid x:Name="SubPanel" Margin="28,20,33,26" Background="#FF4084CE" Grid.Row="3">

        <Ellipse x:Name="Ellipse1" Margin="47,48,129,43" Stroke="#FF000000">

            <Ellipse.Fill>

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

                    <GradientStop Color="#FF0D4C07"/>

                    <GradientStop Color="#FF239E16" Offset="1"/>

                </LinearGradientBrush>

            </Ellipse.Fill>

        </Ellipse>

        <Ellipse x:Name="Ellipse2" Margin="146,79,61,43" Stroke="#FF000000">

            <Ellipse.Fill>

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

                    <GradientStop Color="#FF490B68"/>

                    <GradientStop Color="#FFF56DFD" Offset="1"/>

                </LinearGradientBrush>

            </Ellipse.Fill>

        </Ellipse>

    </Grid>

<TextBlock x:Name="Output" HorizontalAlignment="Left" VerticalAlignment="Top"/>

</Grid>

</UserControl>

2. C# Code

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Input;

namespace BubblingEvents

{

public partial class Page : UserControl

{

private Int16 _sequence = default(Int16);

public Page()

{

InitializeComponent();

InitHandlers();

}

private void InitHandlers()

{

this.MouseLeftButtonDown += new MouseButtonEventHandler(MouseLeftClickHandler);

this.SubPanel.MouseLeftButtonDown += new MouseButtonEventHandler(MouseLeftClickHandler);

this.Ellipse1.MouseLeftButtonDown += new MouseButtonEventHandler(MouseLeftClickHandler);

this.Ellipse2.MouseLeftButtonDown += new MouseButtonEventHandler(MouseLeftClickHandler);

}

void MouseLeftClickHandler(Object sender, MouseButtonEventArgs e)

{

Trace((sender as FrameworkElement).Name);

}

private void Trace(String name)

{

this.Output.Text = String.Format("[{0}] {1}\n{2}", ++_sequence, name, this.Output.Text);

}

}

}

3. 버블링이 발생한다

(클릭순서 1. 파란배경, 2 녹색원, 3보라원)

4. 버블링 제거 코드

Ellipse를 포함하고 있는 Grid의 이벤트에서만 별도로 이벤트를 작성해 준다

private void InitHandlers()

{

this.MouseLeftButtonDown += new MouseButtonEventHandler(MouseLeftClickHandler);

this.SubPanel.MouseLeftButtonDown += new MouseButtonEventHandler(SubPanel_MouseLeftButtonDown);

this.Ellipse1.MouseLeftButtonDown += new MouseButtonEventHandler(MouseLeftClickHandler);

this.Ellipse2.MouseLeftButtonDown += new MouseButtonEventHandler(MouseLeftClickHandler);

}

void SubPanel_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

Trace((sender as FrameworkElement).Name);

e.Handled = true;

}

5. 상위의 개체가 하위의 개체의 이벤트 전달을 막지 않도록 설정

IsHitTestVisable 속성을 이용하여 사용자의 마우스나 키보드 등의 입력이 전달되는 것을 막지 않을 수 있다.

…

        <Ellipse x:Name="Ellipse2" Margin="146,79,61,43" Stroke="#FF000000" IsHitTestVisible="False">

            <Ellipse.Fill>

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

                    <GradientStop Color="#FF490B68"/>

                    <GradientStop Color="#FFF56DFD" Offset="1"/>

                </LinearGradientBrush>

            </Ellipse.Fill>

        </Ellipse>

    </Grid>

<TextBlock x:Name="Output" HorizontalAlignment="Left" VerticalAlignment="Top" IsHitTestVisible="False" />

…

이올린에 북마크하기(0) 이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

DispatcherTimer 를 이용해 시계를 만들어보도록 한다.

먼저 using으로 using System.Windows.Threading; Namespace를 추가해야 하고 다음을 따라 진행한다

1. Xaml

    

<UserControl x:Class="ClockSample.Page"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="400" Height="300">

<Grid x:Name="LayoutRoot" Background="White">

<TextBlock FontSize="60" TextAlignment="Center" VerticalAlignment="Center" x:Name="tbTime" Text="12:00:00" />

</Grid>

</UserControl>

1. Code

public Page()

{

InitializeComponent();

TimerSetting();

}

private void TimerSetting()

{

DispatcherTimer timer = new DispatcherTimer()

{

Interval = TimeSpan.FromMilliseconds(50)

};

timer.Tick += new EventHandler(timer_Tick);

timer.Start();

}

void timer_Tick(object sender, EventArgs e)

{

this.tbTime.Text = DateTime.Now.ToString("HH:mm:ss");

}

1. 다음과 같이 시계가 잘 작동한다.

    

   

이올린에 북마크하기(0) 이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

Silverlight에서 네비게이션(메뉴에 따른 페이지 호출?)을 작성하기 위해 넘겨온 값에 따라 시작되는 비주얼을 지정하면 된다.

그를 위해 다음과 같은 코드가 필요하다.

Private void Application_Startup(object sender, StartupEventArgs e)

{

String machineid = e.InitParams["machineid"];

this.RootVisual = new Page(machineid);

}

이올린에 북마크하기(0) 이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

실버라이트를 Host 하는 플러그–인 구동 정보에 접근이 가능하다
 
쉽게 말해서 Silverlight를 HTML에 띄울 때 설정한 OBJECT 테그의 param 값들에 접근할 수 있다는 소리

• 
  Object 테그에서 Parameter로 설정 정보들 (대부분 읽기전용이다. 왜? html에서 설정한 내용을 읽어온 것이니깐..)

this.Host.Settings.안의 프로퍼티 들을 이용해 다양한 개발이 가능하다.

흠... 유용한 처리를 할 수 있을 듯…

이올린에 북마크하기(0) 이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

Silverlight에서는 OpenFileDialog는 사용 가능하지만 SaveFileDialog는 제공하지 않는다.

이는 사용자 PC에 접근하는 권한이 없기 때문에 파일 저장에 관한 내용은 제공하지 않는다.

Isolated Storage

• 임시로 저장할 수 있는 공간을 XAP Application 마다 제공한다.

아직 이쪽에 내용을 아는 것이 부족한데 천천히 추가해 나가야 겠다. -_ -;;

이올린에 북마크하기(0) 이올린에 추천하기(0)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.