Windows 10 개발-라이브 타일

이 장에서는 타일을 통한 사용자와의 상호 작용에 대해 설명합니다. Windows 10의 상징적 인 부분입니다. 타일은Start Screen 뿐만 아니라 Start Menu. 즉, Windows 10 운영 체제 전체에서 다양한 형태로 나타나는 응용 프로그램 아이콘 자산입니다. UWP (유니버설 Windows 플랫폼) 앱의 전화 카드입니다.

타일 해부학

타일에는 세 가지 상태가 있습니다.

Basic State − 시작 타일의 기본 구성 요소는 백 플레이트, 아이콘, 앱 제목으로 구성됩니다.

Semi-Live state − 기본 타일과 동일하지만 숫자 인 배지가 0 ~ 99까지의 숫자를 표시 할 수 있다는 점만 다릅니다.

Live State −이 타일은 세미 라이브 상태 타일의 모든 요소를 포함하며 사진, 텍스트 등 원하는 것을 넣을 수있는 추가 콘텐츠 플레이트도 표시합니다.

타일 업데이트

타일을 업데이트하는 방법에는 네 가지가 있습니다.

Scheduled − 템플릿과 시간을 설정할 수 있습니다. ScheduledTileNotification.
Periodic− URI에서 정보를 검색 할 때 30 분, 1 시간, 6 시간 등 해당 시간 이후 정보를 가져올 시간을 지정할 수 있습니다. 기타
Local− 로컬 애플리케이션은 애플리케이션에서 업데이트 할 수 있습니다. 포 그라운드 또는 백그라운드 앱에서.
Push − 서버에서 정보를 푸시하여 서버에서 업데이트합니다.

타일을 만들려면 주어진 코드를 따르십시오.

var tileXml = 
   TileUpdateManager.GetTemplateContent(TileTemplateType.TileSquare150x150Text01); 
 
var tileAttributes = tileXml.GetElementsByTagName("text"); 
tileAttributes[0].AppendChild(tileXml.CreateTextNode("Hello"));
			
var tileNotification = new TileNotification(tileXml);			
TileUpdateManager.CreateTileUpdaterForApplication().Update(tileNotification);

Update badge 숫자 일 뿐이므로 아래와 같이 배지 값을 설정할 수 있습니다.

var type = BadgeTemplateType.BadgeNumber; 
var xml = BadgeUpdateManager.GetTemplateContent(type);  

var elements = xml.GetElementsByTagName("badge"); 
var element = elements[0] as Windows.Data.Xml.Dom.XmlElement; 
element.SetAttribute("value", "7");
  
var updator = BadgeUpdateManager.CreateBadgeUpdaterForApplication(); 
var notification = new BadgeNotification(xml); 
updator.Update(notification);

Visual Studio에서 새 UWP 프로젝트를 만들어 보겠습니다.

아래에 다른 png 파일이 표시됩니다. Assets 폴더 Solution Explorer.

패키지 매니페스트에서 기본 타일과 이미지를 정의하겠습니다.
더블 클릭 package.appxmanifest. 매니페스트 편집기 창이 열립니다.
고르다 Visual Assets 탭.

지정된 차원 중 하나로 애플리케이션 타일의 이미지와 아이콘을 선택할 수 있습니다. 아래의Tile Images and Logos, 기본 이미지는 다음과 같은 모든 로고에 제공됩니다.
- 정사각형 71x71 로고
- 정사각형 150x150 로고
- 정사각형 310x310 로고
- 스토어 로고
애플리케이션을 실행 한 다음 시작 화면으로 이동하면 애플리케이션 타일이 표시됩니다.