Blog Content

시작 지점과 끝 점이 연결 안한 예제입니다. MainPage.xaml

선을 표현한 예제입니다. 속성 값에 따라 선의 모양이 달라집니다. X1 : 시작지점 ( X좌표 ) , X2 : 끝 지점 ( X좌표 ) Y1 : 시작지점 ( Y좌표 ) , Y2 : 끝 지점 ( Y좌표 ) StrokeDashArray : 점 선 표현 ( StrokeDashArray="5, 2" ) : 길이 5px, 선과 선 사이 2px StrokeDashCap, StrokeStartLineCap, StrokeEndLineCap : 선 모서리 모양 설정 MainPage.xaml 응용 예제입니다. FrmLine.xaml

원을 그리는 예제입니다. MainPage.xaml 응용 예제입니다. FrmElipse.xaml

SilverLight는 모양에 대해서 모두 이벤트를 줄 수가 있습니다. 가로크기, 세로크기, 테두리 색상, 테두리 굵기, 채워질 색상, 모서리의 둥근 정도를 나타냅니다. ☞ 둥근 모서리 표현하는 속성 : RadiusX, RadiusY MainPage.xaml

레이아웃 확장 : DockPanel DockPanel - 특정 방향으로 도킹시킬때 사용되는 레이아웃 컨트롤입니다. 사용방법은 WrapPanel 컨트롤 추가 방법과 같습니다. [ http://godffs.tistory.com/765 에서 더 보기 클릭 ] MainPage.xaml 응용 예제입니다. FrmDockPanel.xaml

레이아웃 확장 : WrapPanel WrapPanel - StackPanel와 비슷하지만 다릅니다. WrapPanel은 다음 행으로 넘기는 뜻으로 컨트롤이 추가된 공간이 부족한 경우 다음 행으로 자동으로 내립니다. StackPanel은 추가된 공각인 부족하더라고 그냥 출력하기 때문에 짤리는것을 확인 할 수 있습니다. WrapPanel 컨트롤은 실버라이트에서 기본적으로 제공되지 않습니다. 사용하기 위해서는 SilverLight Toolkit 을 설치해 주셔야 합니다. (그 밖에 다른 유용한 컨트롤이 있으니 설치해주세요) SilverLight Toolkit 설치 방법 및 어셈블리 추가하는 방법입니다. www.codeplex.com/silverlight 로 이동합니다. - WrapPanel 컨트롤 추가 비주얼..

Border - UI 요소에 테두리 표현할 때 사용되는 컨트롤로 StackPanel 컨트롤에 테두리 사용시 유용 Border 속성 - Background : 배경색 지정 - BorderBrush : 테두리 색 지정 - BorderThickness : 테두리 두께 설정 - CornerRadius : 모서리 표현 ( 기본값 : 0 ) MainPage.xaml

Panel의 속성중 Panel의 간격을 설정하는 예제입니다. - Padding : Panel과 Panel의Content 사이의 간격 지정/가져오기 - Margin : Panel 주변의 요소들과 Panel 사이의 간격을 지정/가져오기 MainPage.xaml

StackPanel - UI 요소들을 수직, 수평으로 순서대로 나열하는 간단한 레이아웃 컨트롤로 배치가능 StackPanel의 Orientation 속성 - 기본값 : Vertical(수직)으로 Horizontal(수평)으로 변경 하능 MainPage.xaml

Grid.속성 - Row, Column : UI 가 배치될 열의 인덱스 지정 - RowSpan, ColumnSpan : UI 가 배치될 열과 열의 개수 지정하여 병합 Grid를 사용하여 표 형태로 출력한 예제입니다. MainPage.xaml VerticalAlignment : 텍스트의 크기 만큼 잡는것

Canvas에 대한 예제입니다. MainPage.xaml Canvas는 직접 지정하여 배치 가능 ZIndex ( Canvas.ZIndex ) - ZIndex는 기본값이 "0" 입니다. 숫자가 클 수록 해당 Canvas가 앞으로 보여집니다. MainPage.xaml

XAML이란?? - Extensible Application Markup 뜻으로 실버라이트에 비주얼한 UI를 구성하기 위한 명령어(태그) - XAML은 XML문법을 따름 - XAML요소는 .NET 개체와 1:1로 매핑 1. 새 프로젝트 추가 - 프로젝트 ( RiaXAML ) RixXAML 새로 추가한 실버라이트 프로젝트 화면입니다. 2. XAML 디자인 코드 작업합니다. 기본 컨트롤 사용하기 ` 기본적으로 제공되는 컨트롤입니다. 여기서 TextBox, Lable, Button 컨트롤 사용합니다. 컨트롤 선택 후 디자인 영역에 드래그앤 드롭을 하면 디자인 영역에 해당 컨트롤이 표시가 되고, XAML 코드에 자동으로 코드가 추가됩니다. 컨트롤 추가 후 결과 화면입니다. 확인 후에 TextBlock 컨트롤 두..

XAML이란? XAML(Extensible Application Markup Language) XAML : .Xap(재물) : Job XAML은 실버라이트에 비쥬얼한 UI를 구현하기 위한 명령어(태그)들을 말한다. XAML은 XML 문법을 따른다 - 웹 페이지가 Html로 이루어진다면, 실버라이트는 XAML로 이루어진다. XAML 요소 = .Net 개체와 일대일로 맵핑 XAML 네임스펭이스 - 실버라이트용 XAML 네임스페이스 : 예) xmlns="http://schemas.microsoft.com/client/2007" - 실버라이트 포함 WPF 네임스페이스 : 공통 XAML 파일을 수작업으로 표시로 Object 태그로 XAML 표시 하는 예제입니다. 순서입니다. - 새 프로젝트 - Silverligh..

새로운 웹 사이트에 아래 순서대로 실행 - ClientBin 폴더 생성 - XAP 파일 복사해서 ClientBin 폴더에 붙여넣기 - 샘플 페이지에서 태그 부분을 복사 source 속성에 xap 파일의 경로를 지정 -추가 Silverlight.js 파일 붙여넣기 onSilverlightError 자바스크립트 함수로 예외처리 [그림4-1]과 같이 코드를 작성합니다. MainPage.xaml MainPage.xaml페이지에서 버튼을 클릭하면 시간을 나타내는 코드를 작성하기 위해 코드 비하인드 페이지로 이동하여 버튼 이벤트를 추가 후 빌드를 합니다. MainPage.xaml.cs public MainPage() { InitializeComponent(); // Click Event를 코드비하인드 페이지에서 부..

Application 클래스 - 실버라이트의 시작과 종료를 관리 - Startup 이벤트 : 실버라이트 응용 프로그램이 시작할 때 발생 - RootVisual 속성 : 실버라이트 응용 프로그램의 EntryPoint : C#의 Main 메서드와 비슷한 역할 시작페이지를 변경하는 예제입니다. 먼저 페이지를 두개 사용하기 위해 메인페이지 외에 Silverlight User Control를 추가합니다. (Subpage.xaml) Grid 태그 안에 작성 MainPage.xaml Subpage.xaml 결과화면 시작페이지 MainPage.xaml을 SubPage.xaml로 변경하는 예제입니다. 솔루션탐색기에서 App.xaml의 코드비하인드 페이지로 이동합니다. App.xaml.cs App.xaml.cs priva..