'Silverlight'에 해당되는 글 3건

  1. 2009.06.02 [silverlight] drag & grop
  2. 2009.04.22 [silverlight] Grid 사용하기
  3. 2009.04.20 [Silverlight] 실버라이트와 Javascript 연동

[silverlight] drag & grop

SilverLight 2009. 6. 2. 13:44 posted by 무명시인
*.xaml 은 다음처럼 구성한다..



 
    
                
    





*.xaml.cs 는 다음처럼구성한다.



 using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace ActionHandler02
{
    public partial class Page : UserControl
    {
        private bool isMouseDown = false;
        private Point lastPoint = new Point();
        private Point offset = new Point();

        public Page()
        {
            InitializeComponent();

            this.myTextBlock.MouseLeftButtonUp += new MouseButtonEventHandler(MyTextBlock_MouseLeftButtonUp);
            this.myTextBlock.MouseLeftButtonDown += new MouseButtonEventHandler(MyTextBlock_MouseLeftButtonDown);
            this.myTextBlock.MouseMove += new MouseEventHandler(myTextBlock_MouseMove);
        }

        void myTextBlock_MouseMove(object sender, MouseEventArgs e)
        {
            if (this.isMouseDown)
            {
                //마지막 좌표
                this.lastPoint = e.GetPosition(null);

                //텍스트블럭의 위치지정
                this.myTextBlock.SetValue(Canvas.LeftProperty, (this.lastPoint.X - this.offset.X));
                this.myTextBlock.SetValue(Canvas.TopProperty, (this.lastPoint.Y - this.offset.Y));
            }
        }

        void MyTextBlock_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)         
        {
            //mouse캡춰를 System.Windows.UIElement 로 설정            
            this.myTextBlock.CaptureMouse();

            this.isMouseDown = true;

            //실버라이트 플러그인에서 위치 파악
            this.lastPoint = e.GetPosition(null);

            this.offset.X = this.lastPoint.X - Convert.ToDouble(this.myTextBlock.GetValue(Canvas.LeftProperty));
            this.offset.Y = this.lastPoint.Y - Convert.ToDouble(this.myTextBlock.GetValue(Canvas.TopProperty));
        }       
        
        void MyTextBlock_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            //mouse캡춰를 System.Windows.UIElement 해제
            this.myTextBlock.ReleaseMouseCapture();
            this.isMouseDown = false;
        }
    }
}

[silverlight] Grid 사용하기

SilverLight 2009. 4. 22. 15:35 posted by 무명시인
사용자 삽입 이미지

Silverlight 에서 사용하는 대표적인 컨테이너 컴포넌트 이다.

사용법은 위처럼..

<Grid.ColumnDefinitions><ColumnDefinition></ColumnDefinition></Grid.ColumnDefinitions>  

컬럼을 지정하는 Element 와..

<Grid.RowDefinitions><RowDefinition></RowDefinition></Grid.RowDefinitions>

로우를 지정하는 Element 를 사용한다..

.cs 에서도 동적으로 제어가 가능하다.

사용자 삽입 이미지

(1) (2)(3) Row, Column 을 추가한다.

(4)(5)  Row, Column 을 제거한다,

[Silverlight] 실버라이트와 Javascript 연동

SilverLight 2009. 4. 20. 14:26 posted by 무명시인
사용자 삽입 이미지


사용자 삽입 이미지
사용자 삽입 이미지



사용자 삽입 이미지
사용자 삽입 이미지