• 검색

타일이란, 안에 텍스트 또는 그래픽이 있는 정사각형 모양의 레이아웃을 뜻합니다.

타일 만들기를 어려워하시는 분이 계신가요? 

WPF에서 색이 지정된 정사각형을 만드는 것은 어렵지 않습니다. 테두리 요소와 배경색만 추가하면 됩니다. 하지만 도구 상자에 WPF 타일 컴포넌트가 추가되어 있다면 이를 사용하여 간격과 레이아웃을 생성하는 데에 드는 시간을 줄일 수 있습니다.

간단한 WPF 타일 컴포넌트에서 해당 Windows 시작 메뉴 스타일을 복제하는 데 도움이 되는 기본 제공 슬라이딩 애니메이션과 데이터 바인딩을 제공할 수도 있습니다.

이 빠른 방법에서는 WPF용 ComponentOne 타일을 보여줍니다.

타일처럼 간단한 컨트롤은 쉽게 사용할 수 있어야 하므로, 매우 빠른 리소스로 디자인되었습니다.

WPF용 ComponentOne 타일 사용하기

ComponentOne WPF 에디션을 사용하고 있으면, C1Tile(C1.WPF.Tile의 일부)이라는 타일 컴포넌트가 있습니다.

콘텐츠, 헤더, 너비, 높이, 패딩(padding) 및 배경색을 설정할 수 있습니다.

<c1:C1Tile Content="1" Header="C1Tile" Padding="10" Background="#ffeddd46" Width="280" Height="200" />

간단한 슬라이딩 타일 만들기

간단한 슬라이딩 WPF 타일을 만들려면 C1SlideTile 컴포넌트를 사용해 보세요.

WPF 슬라이딩 타일 컴포넌트는 두 가지 방법으로 사용할 수 있습니다. 

타일의 앞면과 뒷면 사이를 슬라이드합니다. 이 방법은 타일 항목의 세부 정보를 더 많이 표시하려고 하는 경우 유용합니다. 타일은 런타임 동안 무작위로 슬라이드되어 생생한 느낌을 줍니다.

<c1:C1SlideTile Header="C1SlideTile">
   <c1:C1SlideTile.Content>
     <!-- Front Content -->
   </c1:C1SlideTile.Content>
   <c1:C1SlideTile.BackContent>
     <!-- Back Content -->
   </c1:C1SlideTile.BackContent>
</c1:C1SlideTile>

C1SlideTile을 콘텐츠 소스로 채워 임의의 수의 데이터 바인딩된 항목(예: 이미지 갤러리)을 표시합니다.

아래 코드의 사용자 정의 개체에는 배경 및 머리글 속성이 있습니다.

<c1:C1SlideTile ContentSource="{Binding CustomObjects, ElementName=root}">
      <c1:C1SlideTile.ContentTemplate>
          <DataTemplate>
              <Grid Background="{Binding Background}">
                  <TextBlock Text="{Binding Header}"/>
              </Grid>
          </DataTemplate>
      </c1:C1SlideTile.ContentTemplate>
</c1:C1SlideTile>

타일을 사용하여 Windows 시작 메뉴를 복제할 수 있을 뿐만 아니라, 타일을 응용 프로그램에서 탐색 버튼으로 사용할 수도 있습니다.

예를 들면, 타일을 사용하여 정보를 표시하거나 타일 버튼에서 사용자에게 알림을 표시할 수 있습니다. GitHub에서의 전체 샘플에 액세스할 수 있으며, C1Tile 컨트롤은 .NET 프레임워크만 지원합니다.

지금 바로 ComponentOne을 다운로드하여 직접 테스트해 보세요!

• ComponentOne 공식 홈페이지
• ComponentOne 튜토리얼 및 샘플
• ComponentOne Q&A
• ComponentOne FAQ