응용 프로그램이 최신 Windows 시작 메뉴 타일과 비슷하게 보이도록 만들고 싶다면 잘 오셨습니다. ComponentOne WinForms Edition에는 C1TileControl이라는 컨트롤이 있습니다. Windows Forms 응용 프로그램 개발에 이 컨트롤을 사용하여 데이터나 정보를 표시하는 타일형 레이아웃을 만들 수 있습니다.

타일형 레일아웃은 대량의 정보를 컴팩트하고 탐색하기 쉬운 효율적인 형식으로 구성하여 표시할 수 있습니다. 또한 매끄러운 애니메이션으로 타일을 드래그 앤 드롭하거나 클릭하여 더 많은 정보에 액세스할 수 있는 기능, 즉 사용자와의 상호 작용을 지원합니다. 다양한 크기의 동적 타일을 만들 수 있습니다. 타일은 정적으로도, 동적으로도 만들 수 있습니다.

라이브 타일은 몇 가지 애니메이션 효과와 함께 콘텐츠를 바꿔 가며 무한 루프합니다.

C1TileControl을 사용하는 방법

이번 스터디에서는 C1TileControl을 활용하여 간단한 .NET 6 Windows Form 응용 프로그램을 빌드하고 폼 디자이너를 사용하여 개인 설정하는 방법을 알아보겠습니다.

1. 새 Windows Forms 응용 프로그램을 만들고 프로젝트 속성 창을 사용하여 프로젝트 프레임워크를 .NET 6.0으로 설정합니다.

2. NuGet 패키지 관리자를 사용하여 C1.Win.TileControl 패키지를 설치합니다. 패키지가 설치되면 C1TileControl이 도구 상자에 추가됩니다.

3. 도구 상자에 있는 C1TileControl을 Windows Form 응용 프로그램으로 끌어다 놓습니다.

4. C1TileControl에 더 많은 그룹을 포함하려면 스마트 태그 버튼으로 이동하여 그룹 편집을 선택합니다. 그러면 그룹 컬렉션 편집기가 열리며, 여기서 그룹과 타일을 필요한 만큼 추가할 수 있습니다.

5. 타일 또는 그룹의 텍스트를 편집하려면, 타일 또는 그룹을 클릭하고 C1TileControl 태스크 팝업에 액세스하여 서 원하는 대로 변경할 수 있습니다.

6. 특정 타일 클릭에 반응하게 하려면 타일을 두 번 클릭합니다. 그렇게 하면 클릭 이벤트 처리기가 내부 코드에 생성되고, 원하는 작업을 실행할 수 있습니다.

앞서 언급한 모든 단계의 구현을 보여주는 다음 GIF를 참고하세요.

타일을 데이터 소스에 연결

C1TileControl은 데이터 소스에 연결할 수 있습니다. 관련된 데이터 표에서 각 행의 타일 요소를 생성할 수 있습니다. 자동 생성된 타일 컴포넌트의 속성에 데이터 열을 매핑할 수 있습니다.

Product.SupplierID와 같은 일부 열에는 다소 모호한 외래 키 값이 있습니다. PropertyMapping 오브젝트의 Lookup 속성을 사용하여 이러한 값을 Supplier.Country와 같이 다른 표나 데이터 소스에 있는 이해할 수 있는 문자열로 바꿀 수 있습니다.

타일 탐색기 샘플에서 사용할 수 있는 DataBound 코드 파일에서 이 기능의 완전한 구현을 찾아볼 수 있습니다.

템플릿으로 빠르게 사용자 정의 타일 만들기

C1TileControl의 주요 컴포넌트는 타일과 템플릿입니다. 타일은 데이터를 제공하고, 템플릿은 그 데이터를 시각화하는 방법을 지시합니다. 동일한 타일에서 여러 템플릿 사이를 전환할 수 있으므로 데이터의 다양한 양상을 표시할 수 있습니다. 또한 여러 타일에 동일한 템플릿을 사용할 수 있습니다.

템플릿에는 패널, 텍스트, 이미지의 세 가지 고유 요소가 포함될 수 있습니다. 패널에는 다른 패널을 비롯한 중첩된 요소가 들어갈 수 있습니다. 다양한 레이아웃 옵션이 있으므로 템플릿의 시각적 정렬은 매우 유연하게 설계할 수 있습니다. 이러한 기능의 전체 설명은 타일 탐색기 샘플에 포함된 TileLayout 코드 파일을 참고하시길 바랍니다.

타일에 애니메이션을 추가하여 실시간 대시보드 만들기

C1TileControl에서는 다양한 전환을 구현하여 애니메이션을 추가하고, 한 타일과 다른 타일의 값을 바꿀 수 있습니다. 이 슬라이딩 효과는 Microsoft PowerPoint의 전환 기능과도 비슷합니다. C1TileControl에서는 무작위 변형이 있는 지정된 시간 동안 데이터를 표시하면서 지정된 전환을 사용하여 다른 슬라이드로 전환할 수 있습니다. 전환 속도는 더 빠르게 또는 느리게 조정할 수 있습니다.

또한, 모든 슬라이드 위에 나타나는 고정된 요소를 지정할 수 있습니다. 타일은 마우스나 터치 인터페이스로도 재정렬할 수 있습니다. 이러한 기능의 전체 구현은 타일 탐색기 샘플에 포함된 MovingSlides 코드 파일을 참고하시기 바랍니다.

결론

데스크톱 응용 프로그램을 특별하고 눈에 띄게 만드세요.

새로운 관점으로 만들고, 나아가 미래를 위한 개발에 집중하세요.

C1은 Windows가 진화함에 따라 여러분의 응용 프로그램이 저희 컨트롤과 함께 발전해야 한다고 생각합니다. 자세히 알아보려면 C1TileControl 문서 또는 타일 탐색기 샘플을 확인해 주시길 바랍니다!

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

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