Плитки для приложений для Windows

  • Статья

Плитка — это представление приложения в меню . У каждого приложения есть плитка. При создании проекта приложения Windows в Microsoft Visual Studio он содержит плитку по умолчанию, отображающую имя и логотип приложения. Windows отображает эту плитку при первом установке приложения. После установки приложения можно изменить содержимое плитки с помощью уведомлений; Например, плитку можно изменить, чтобы сообщить пользователю новые сведения, например заголовки новостей, или тему последнего непрочитанного сообщения.

Настройка плитки по умолчанию

При создании проекта в Visual Studio он создает простую плитку по умолчанию, отображающую имя и логотип приложения.

Чтобы изменить плитку, дважды щелкните файл Package.appxmanifest в главном проекте UWP, чтобы открыть конструктор (или щелкните файл правой кнопкой мыши и выберите "Просмотреть код").

  <Applications>
    <Application Id="App"
      Executable="$targetnametoken$.exe"
      EntryPoint="ExampleApp.App">
      <uap:VisualElements
        DisplayName="ExampleApp"
        Square150x150Logo="Assets\Square150x150Logo.png"
        Square44x44Logo="Assets\Square44x44Logo.png"
        Description="ExampleApp"
        BackgroundColor="#464646">
        <uap:SplashScreen Image="Assets\SplashScreen.png" />
      </uap:VisualElements>
    </Application>
  </Applications>

Необходимо обновить несколько элементов:

  • DisplayName: замените это значение именем, которое вы хотите отобразить на плитке.

  • ShortName: так как отображаемое имя для отображения ограничено, рекомендуется также указать shortName, чтобы убедиться, что имя приложения не усечено.

  • Изображения логотипа:

    Эти изображения следует заменить собственными. У вас есть возможность предоставлять изображения для разных визуальных масштабов, но вам не требуется предоставлять их все. Чтобы убедиться, что приложение выглядит хорошо на нескольких устройствах, рекомендуется предоставить 100%, 200 %, а также 400 % версий каждого образа. Дополнительные сведения о создании этих ресурсов см. в значках и логотипах приложений.

    Масштабируемые изображения соответствуют этому соглашению об именовании:

    <коэффициент> масштабирования изображения name.scale.<><Расширение файла изображения>

    Например: SplashScreen.scale-100.png

    При ссылке на изображение он <называется именем> изображения.<расширение> файла изображения ("SplashScreen.png" в этом примере). Система автоматически выбирает соответствующий масштабируемый образ для устройства из предоставленных образов.

  • Вам не нужно, но мы настоятельно рекомендуем предоставлять логотипы для широких и больших размеров плиток, чтобы пользователь смог изменить размер плитки приложения на эти размеры. Чтобы предоставить эти дополнительные изображения, создайте элемент DefaultTile и используйте атрибуты Wide310x150Logo и Square310x310Logo, чтобы указать дополнительные изображения:

  <Applications>
        <Application Id="App"
          Executable="$targetnametoken$.exe"
          EntryPoint="ExampleApp.App">
          <uap:VisualElements
            DisplayName="ExampleApp"
            Square150x150Logo="Assets\Square150x150Logo.png"
            Square44x44Logo="Assets\Square44x44Logo.png"
            Description="ExampleApp"
            BackgroundColor="#464646">
            <uap:DefaultTile
              Wide310x150Logo="Assets\Wide310x150Logo.png"
              Square310x310Logo="Assets\Square310x310Logo.png">
            </uap:DefaultTile>
            <uap:SplashScreen Image="Assets\SplashScreen.png" />
          </uap:VisualElements>
        </Application>
      </Applications>

Использование уведомлений для настройки плитки

После установки приложения можно использовать уведомления для настройки плитки. Это можно сделать при первом запуске приложения или в ответ на событие, например push-уведомление.

Сведения о том, как отправлять уведомления об плитках, см. в статье "Отправка локального уведомления об плитке".