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 로고
    • 스토어 로고
  • 애플리케이션을 실행 한 다음 시작 화면으로 이동하면 애플리케이션 타일이 표시됩니다.