첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
유용한 소스 코드가 있으면 icodebroker@naver.com으로 보내주시면 감사합니다.
블로그 자료는 자유롭게 사용하세요.

■ 디자인 타임 특성 사용하기

------------------------------------------------------------------------------------------------------------------------

XML 네임스페이스

 

   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

 

디자인 타임 특성

 

디자인 타임 특성

설명

d:DesignHeight

d:DesignWidth

런타임의 높이와는 독립적으로 디자인 타임의 루트 요소 높이 및 너비를 지정한다.

 

<UserControl x:Class="TestSilverlightApplication.MainPage"

    ...

    mc:Ignorable="d"

    d:DesignWidth="400"

    d:DesignHeight="300">

 

d:DataContext

컨트롤 및 해당 자식에 대한 디자인 타임 데이터 컨텍스트를 지정한다.

XAML 뷰에서 컨트롤 바인딩을 선언하고 런타임에 바인딩을 채우는 데 사용되는 DataContext를 설정하는 것이 일반적인 패턴이다.

이 패턴을 따르는 경우 지정한 형식의 모양을 디자이너에서 인식할 수 있도록 d:DataContext를 설정할 수 있다.

이렇게 하면 데이터 바인딩 작성기를 사용하여 디자인 뷰에서 바인딩을 만들 수 있다.

 

<Grid x:Name="grid"

    Background="White"

    d:DataContext="{d:DesignInstance Type=local:Customer}">

 

d:DesignInstance

d:DataContext 또는 d:DesignSource 선언의 일부로 사용된다.

디자이너에서 컨트롤에 바인딩할 데이터 소스로 사용할 수 있는 형식을 지정한다.

XAML로 생성 가능한 형식을 지정할 필요는 없다.

 

<Grid x:Name="grid"

    Background="White"

    d:DataContext="{d:DesignInstance Type=local:Customer}">

 

d:DesignData

d:DataContext 또는 d:DesignSource 선언의 일부로 사용된다.

디자인 타임에 사용할 샘플 데이터가 들어 있는 XAML 파일을 지정한다.

DesignData 또는 DesignDataWithDesignTimeCreatableTypes 빌드 작업을 사용하여 샘플 데이터를 프로젝트에 통합한다.

읽기 전용 속성에 값을 할당할 수 있다.

 

<StackPanel

    d:DataContext="{d:DesignData Source=/DesignData/SampleCustomer.xaml}">

 

d:DesignSource

CollectionViewSource에 대한 디자인 타임 데이터 소스를 지정한다.

이렇게 하면 디자이너에서 모양을 인식할 수 있으므로 데이터 바인딩 작성기를 사용하여 바인딩을 만들 수 있다.

 

<CollectionViewSource x:Key="CollectionViewSourceKey"

    d:DesignSource="{d:DesignInstance local:Customer, CreateList=True}" />

 

d:IsDesignTimeCreatable

d:DesignInstance 태그 확장에서 디자인 인스턴스가 디자이너에서 생성된 대체 형식 대신 사용자의 형식에서 만들어지도록 지정한다.

 

<Grid d:DataContext="{d:DesignInstance local:Customer, IsDesignTimeCreatable=True}">

 

d:CreateList

d:DesignInstance 태그 확장에서 디자인 인스턴스가 지정된 형식의 목록이 되도록 지정한다.

 

<CollectionViewSource x:Key="CollectionViewSourceKey"

    d:DesignSource="{d:DesignInstance local:Customer, CreateList=True}" />

 

d:Type

d:DesignInstance 태그 확장에서 만들 형식을 지정한다.

인스턴스를 사용자의 형식에서 만들지 아니면 디자이너에서 생성된 대체 형식에서 만들지를 지정하려면 d:IsDesignTimeCreatable을 사용한다.

 

<CollectionViewSource x:Key="CollectionViewSourceKey"

    d:DesignSource="{d:DesignInstance Type=local:Customer, CreateList=True}" />

 

 

빌드 작업

 

   d:DesignData를 설정하려면 샘플 데이터가 들어 있는 XAML 파일에 빌드 작업을 설정한다.

 

빌드 작업

설명

DesignData

샘플 데이터 형식을 만들 수 없거나 샘플 데이터 형식에 샘플 데이터 값을 정의할 읽기 전용 속성이 있는 경우 이 빌드 작업을 사용한다.

Silverlight Designer에서 사용자의 비즈니스 개체 형식과 동일한 속성이 있는 대체 형식이 만들어진다.

반드시 생성 가능한 형식을 지정할 필요는 없다.

이는 팩터리 메서드, 추상 형식 및 데이터베이스 연결과 관련된 복잡함을 줄여 준다.

읽기 전용 속성에 값을 할당할 수 있다.

DesignDataWithDesignTimeCreatableTypes

비어 있는 기본 생성자를 사용하여 샘플 데이터 형식을 만들 수 있는 경우 이 빌드 작업을 사용한다.

Silverlight Designer에서 샘플 데이터 파일에 정의된 형식의 인스턴스가 만들어진다.

XAML로 생성할 수 있는 형식을 지정해야 한다.

------------------------------------------------------------------------------------------------------------------------

Posted by 사용자 icodebroker
TAG

댓글을 달아 주세요