Silverlight59 [MediaPlayer] 2. TitleBar Link, MediaElement 동영상 플레이어의 제목에 링크와 MediaElement 컨트롤의 Resource속성에 동영상의 경로(Path)를 지정하여 동영상을 자동으로 플레이까지 해보겠습니다. 동영상 플레이어의 기본적인 화면구성입니다.위의 소스를 Silverlight 프로젝트에 있는 Page.xaml에 붙여넣기 하시면 됩니다. Expression Blend를 열거나 TestPage.html 파일을 실행하면 아래그림과 같은 기본적인 동영상 플레이어 화면구성을 볼 수 있습니다. TextBlock을 TitleBar 위에 적절하게 배치합니다. TextBlock속성에 값을 지정합니다. TextBlock에 들어갈 문자는 자유롭게 지정할 수 있습니다. 필자는 "MediaPlayer - http://www.netfighter.pe.kr"로 지정해.. 2007. 9. 5. [MediaPlayer] 1. Getting Started 동영상 플레어를 만들기 위한 사전준비입니다... 동영상 플레이어를 만들기 위한 몇가지 준비입니다. 1. 테스트를 위한 동영상 : 다운로드 (동영상은 제공하지 않습니다.) 2. Silverlight 프로젝트를 생성합니다. 프로젝트 이름은 MediaPlayer로 합니다. 3. 호스팅을 위한 ASP.NET 프로젝트를 생성합니다. 프로젝트 이름은 WebProject로 합니다. (솔루션 탐색기에서 Add>New Project ) 4. Silverlight 프로젝트에 동영상 폴더 및 동영상 파일 첨부 폴더명을 "Media" 로 만들고 다운로드한 동영상을 폴더에 첨부합니다. 5. Silverlight 프로젝트를 ASP.NET 프로젝트에 호스팅하기 위한 연결(Add Silverlight Link) Downloader .. 2007. 9. 5. Taedi Media Player(소스공개) -Silverlight 1.1 동영상 플레이어 소스를 공개합니다. 소스의 내용은 그리 어렵지 않으며 코드를 직접 치시면서 실행하시면 대부분 이해할 수 있는 내용들입니다. 소스의 복제/수정/배포 모두 허용합니다. 팍~ 팍~ ※ 주요기능 - Full Screen - Volume Control - Chapters - Download 진행 표시(100분율) - Play Progressbar - 음소거(Mute) ※ 코드의 일부수정으로 인해 소스를 다시 수정배포합니다. 2007. 9. 2. Downloader 클래스를 이용한 간단한 이미지 다운로드 Downloader 클래스를 이용하여 간단하게 이미지를 다운로드 하여 표시하고 다운로드 진행률을 백분률로 표시하는 데모를 만들어보겠습니다. 다운로드라는 것은 쉽게 표현하면 서버에서 무언가를 내컴퓨터로 가지고 오는 것을 말합니다. 다운로드 받을수 있는 형태는 동영상, 텍스트, 이미지등을 스트림(Stream)형식으로 받거나 폰트설정에도 사용할 수 있습니다. 여기서 스트림(Stream)이란 A지점에서 B점으로 데이터가 흘러가는 것을 말합니다. 비트흐름이라고도 하는데요... 정확히 말하자면 연속적인 비트의 열 통신선로상에서 일시에 직렬로 연속적으로 전송되는 데이터의 흐름을 말하는 것입니다. 잘 이해가 안가신다면 계곡의 물이 폭포를 따라 높은곳에서 낮은곳으로 흐르는 물의 흐름이라 생각하시면 됩니다. Downloa.. 2007. 8. 28. [Xaml] Gradient 그리기 [Silverlight:Xaml 문법] Gradient 그리기 Properties LinearGradientBrush StartPoint Gradient 시작점 좌표 EndPoint Gradient 끝점 좌표 RadialGradientBrush GradientOrigin Gradient 시작점 좌표 Center Gradient 중심점 좌표 RadiusX Gradient 반지름 X값 RadiusY Gradient 반지름 Y값 GradientStop Color Gradient Color Offset Gradient 기준점 Gradient 그리기는 직선형과 원형의 2가지 방법이 있습니다. 직선형의 Gradient은 LinearGradientBrush로 그릴 수 있습니다. Gradient를 그리는 방향은 대각선.. 2007. 8. 25. [Xaml] Rectangle(사각형) 그리기 Silverlight:Xaml 문법] Rectangle(사각형) 그리기 Properties 속성명 설명 Canvas.Left Canvas에서 사각형의 세로위치 Canvas.Top Canvas에서 사각형의 가로위치 Stroke 사각형의 외각선 색 StrokeThickness 사각형의 외각선 두께 Fill 사각형의 바탕색 Width 사각형의 가로길이 Height 사각형의 세로길이 Opacity 사각형의 투명도 x:Name 사각형의 이름(오브젝트명) RadiusX 사각형의 모서리 반지름 X값 RadiusY 사각형의 모서리 반지름 Y값 Visibility 가시성(可視性) 속성값(Visible, Collapsed) ※ 1.1 Alpha Refresh에서는 Visibility속성의 Hidden값은 Collapsed.. 2007. 8. 23. Ellipse(원) 그리기 [Silverlight:Xaml 문법] Ellipse(원) 그리기 Properties 속성명 설명 Canvas.Left Canvas에서 원의 세로위치 Canvas.Top Canvas에서 원의 가로위치 Canvas.ZIndex Canvas에서 원의 앞뒤순서 Stroke 원의 외각선 색 StrokeThickness 원의 외각선 두께 Fill 원의 바탕색 Width 원의 가로길이 Height 원의 세로길이 Opacity 원의 투명도 x:Name 원의 이름(오브젝트명) ※ 속성중에 도형의 이름을 표시하는 Name가 있으나 여기서는 x:Name를 사용하여 도형의 이름을 지정합니다. Source Code 원에 대한 속성을 더 쉽게 이해하기 쉽게 속성을 표시하였습니다. 간단한 도형을 Expression Blend에서.. 2007. 8. 23. 동적으로 오브젝트 생성 Silverlight를 공부하면서 첫번째로 쓰는 강좌입니다. 잘못된 부분이 있거나 보통해야 될 부분이 있으면 따끔하고 과감하게 지적해주세요^^ 강좌의 내용은 사각형의 오브젝트를 동적으로 마우스의 포인터 위치에 생성해주는 내용입니다. 강좌를 따라하기 위해서는 Visual Studio 2008 Beta 2(이하 VS2008)와 Blend가 설치되어 있어야 합니다. VS2008을 실행하여 Silverlight 프로젝트를 생성합니다. 메뉴에서 File>New>Project 순으로 선택하여 프로젝트명을 CreateObjectTest로 지정합니다. 프로젝트가 생성되었다면 마우스가 이동될때 마우스의 좌표값 x값과 y값을 출력하기 위한 TextBlock 2개를 디자인 해보겠습니다. Blend를 직접 실행하지 않고 솔루.. 2007. 8. 16. Path를 이용한 한글폰트 만들기 Path를 이용해 한글폰트를 만들어보겠습니다. Silverlight에서 아직까지 한글인코딩이 지원이 되질 않아 한글폰트 표현을 위한 몇가지 트릭이 나와있습니다. ※ 한글폰트 지원문제 - http://gongdo.tistory.com/88 XPS문서를 통해서 해결할 수 있는 방법 - http://9eye.net/entry/Silverlight-한글-Korean Glyph 객체를 통해서 해결하는 방법도 있습니다. - http://www.uxkorea.net/blog_post_62.aspx 어떻게 보면 가장 무식한 방법일지는 몰라도 폰트를 Path를 이용해 그리기 때문에 오브젝트로 인식을 합니다. 한글인코딩 문제도 없습니다. 작업방법은 Microsoft Expression Design 툴을 이용해 한글을 만들.. 2007. 8. 9. Silverlight 1.1 설치환경 1. Runtime Microsoft Silverlight 1.0 Beta Download Microsoft Silverlight 1.1 Alpha Download 2. Developer Tools Microsoft Visual Studio codename "Orcas" Beta 1 Download Microsoft Silverlight Tools Alpha for Visual Studio codename "Orcas" Beta 1 Download (Visual Studio 2008 에 Add in 프로그램) 3. Designer Tools Expression Blend 2 May Preview Download Expression Media Encoder May Preview Download Expres.. 2007. 7. 19. Slideshow Silverlight Demo를 하나 소개합니다. File Upload 관련 정보를 찾다가 좋은 데모를 하나 찾았습니다. 파일 업로드 및 이전, 다음 기능 이미지 Refresh 등의 기능이 있습니다. 에제 소스를 열어보면 사용자 정의 컨트롤에 대한 부분도 있습니다. 공부하시는데 참고하시기 바랍니다. 예제사이트 : http://blogs.msdn.com/brada/archive/2007/06/07/silverlight1-1-asp-net-photoviewer-application.aspx 2007. 7. 18. 이전 1 2 3 4 5 다음
