плитка приложений виндовс 10

Что такое плитка приложения на Windows 10, как ее настроить и удалить?

03.01.2021 2 Просмотры

Операционная система Windows несмотря на историю, которая насчитывает уже не одно десятилетние и постоянно совершенствуется и обновляется, что позволяет удерживать лидирующие позиции среди программного обеспечения. Не все пользователи находят изменения положительными. Довольно много нареканий вызывают «живые плитки» (Live Tiles) в Windows 10. Хотя апгрейд произошел еще в 8-й версии софта, но некоторые так и не свыклись и по-прежнему ищут варианты, как настроить меню или кардинально удалить изменения.

Что это

Плитка приложения на Windows 10 – нововведение Microsoft, которое максимально учитывает условия использования новой техники и подходит под сенсорный экран устройства. Подобный вариант интерфейса операционной системы знаком еще с 8-й версии и представляет микс привычного классического пуска «семерки» и начального экрана «восьмерки». Множество комментариев со стороны пользователей способствовали доработкам и корректировкам меню.

Как настроить и удалить

Если необходимо пользователь может самостоятельно видоизменить или удалить практически все элементы Metro – плитки и сделать из меню «Пуск» знакомый и привычный аналог пуска в Windows 7.

Чтобы кардинально решить вопрос и отказаться от плиточного оформления в Windows 10 достаточно:

Как итог в меню «Пуск» будут устранены все плитки.

В целом общее впечатление пользователей от меню новой системы Windows 10 сформировалось в положительном ключе, хотя есть и те, которые привыкли к функциям и внешнему виду предыдущих версий. Необходимость адаптироваться к настройкам подходящим под сенсорный экран устройства у некоторых вызывает вполне оправданный дискомфорт – они скептически относятся к живым плиткам (Live Tiles) пытаясь максимально настроить с учетом своих привычек и задач или вообще удалить.

Источник

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

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

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

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

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

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

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

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

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

образа. масштабирования. расширение файла изображения

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

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

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

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

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

Источник

Настройка в Windows 10 плиток

Новое меню новой системы Windows 10 для решения различных задач – смесь классического пуска «семерки» и начального экрана «восьмерки». Многие нарекания на новый вид кнопки «Пуск» в промежуточной редакции операционной системы между 7-кой – 10-кой поспособствовали преображению меню.

Что касается внешнего вида нового Пуска, то он включает в себя элементы оформления с нового плиточного интерфейса Metro, скопированного из окон проводника, и классические пункты. Microsoft предоставляют широкие возможности по кастомизации этого меню: любые элементы панели, как плитки, так и классические иконки размещаются в удобном для пользователя месте. Практически каждый элемент панели поддается удалению. Так можно удалить практически все элементы Metro – плитки и превратить меню в «Пуск», мало чем отличающийся от пуска в Windows 7, или заполнить экран различными плитками. Как все это осуществляется, написано ниже. Хотя разобраться, каким образом работает настройка нового меню, сможет любой.

Разбираемся с оформлением

После клика клавиши мыши по классической кнопке «Пуск» открывается обширное меню, выполненное в виде выпадающей панели. Слева размещены привычные пользователям Windows 7 ярлыки часто используемых программ, а правую часть заполняют разнообразные плитки.

В левой части окон, помимо программ, размещена кнопка «Все приложения», клик мыши по которой отобразит список инсталлированных программных продуктов в Windows 10. Они отсортированы по алфавиту. Здесь же расположена панель, позволяющая настроить параметры меню или создать одну из задач по выключению ПК.

После клика по имени учетной записи откроется панель, где выполняется ее настройка, выход из системы или блокировка компьютера. Любая из задач осуществляются единственным кликом мыши по соответствующей иконке.

Правая часть экрана содержит в себе элементы интерфейса Windows 8 – плитки, рассортированные по группам. Клик правой кнопкой мыши по панели позволит изменить ее размер, сделать ее статичной, удалить, открепить или деинсталлировать отвечающую за элемент программу. Статичность плиток: многие программы отображают актуальную информацию на плитке, помимо окон открытого приложения. Если эти данные не нужны или раздражают, их обновление легко отключить. Работает здесь и функция drag&drop: плитки можно перетаскивать, задавая их новые расположения в любом месте экрана.

Элементы нового Пуска легко группируются. Для этого необходимо расположить их рядом при помощи мыши. О формировании группы оповестит появление полупрозрачного прямоугольника. Группе элементов можно дать наименование. В отличие от мобильной версии Windows 10, группы в ОС для ПК не сворачиваются. Возможно, в будущем перед разработчиками встанет одна из подобных задач.

Посредством клика мыши по панели или кнопке «Пуск», как и в предыдущих редакциях Windows, вызывается контекстное меню, через которое запускается диспетчер задач, панель управления и командная строка.

Удаляем лишнее

Разберемся, как работает удаление ненужных плиток в Виндовс 10 при помощи мыши, минимизировав размер панели и делая большей рабочую область. Устранение панели выполняется следующим образом: вызываем ее контекстное меню, кликнув по иконке, и жмем «Открепить от начального экрана».

У правой границы панели зажимаем левую кнопку мыши и изменяем ее размер до минимума (проводим в левую часть экрана), после чего останется только классическое «Пуск».

Теперь ваш «Пуск» похож на меню, знакомое с Windows 7.

Более тонкая персонализация

Большее количество параметров располагается в разделе «Персонализация». Переход к нему выполняется кликом по свободному месту экрана на рабочем столе правой кнопкой мыши и выбора соответствующих задач.

Работает это следующим образом: переходим в нужную вкладку, кликнув по ее названию. Далее щелкаем по переключателям, активируя или отключая предложенные параметры панели Windows 10.

Здесь же включается опция, позволяющая запускать начальный экран в полноэкранном режиме, что очень напомнит «восьмерку» (опция удобна для работы на сенсорных дисплеях, особенно, когда открыто много окон). В соответствующей вкладке отключается отображение многочисленных каталогов в меню «Пуск».

Во вкладке Цвет выбирается цветовое оформление не только окон, но и Пуска Windows 10, которое подбирается автоматически, исходя из цветовой гаммы картинки рабочего экрана. Выбранный цвет также применим к фону, на котором размещаются плитки. Прозрачность меню, как и окон, можно также активировать вручную. https://rentgirl.co.nz

Новой возможностью интерфейса Windows 10 является функция изменения высоты и ширина пуска. Делается это аналогично, как и для окон: посредством мыши.

Для решения приведенных в статье задач (точнее, возвращения классического меню Пуск) можете обратиться за помощью к программе Classic Shell, которая работает и в Виндовс 10.

Также можно почитать:

4 comments on “ Настройка в Windows 10 плиток ”

ребят, помогите! У меня не прикрепляется иконка параметры в меню пуск

а мне помогла статья! спасибо)

Источник

Плитки, индикаторы событий и уведомления в приложениях для Windows

Узнайте, как использовать плитки, индикаторы событий, всплывающие и простые уведомления, чтобы предоставлять точки входа в свои приложения и держать пользователей в курсе последних событий.

Плитки используются для представления приложений в меню «Пуск». У каждого приложения для Windows есть своя плитка. Можно включить несколько размеров плиток (маленькая, средняя, широкая и большая).

Можно использовать уведомление на плитке, чтобы сообщать пользователю новую информацию, например, заголовки новостей или тему последнего непрочитанного сообщения.

Можно использовать индикатор событий для предоставления сводной информации или информации о статусе в виде предоставленных системой глифов или числа от 1 до 99. Индикаторы событий также отображаются на значке приложения в панели задач.

Всплывающее уведомление — это уведомление, которое ваше приложение отправляет пользователю с помощью элемента всплывающего пользовательского интерфейса под названием всплывающее уведомление (или баннер). Уведомление отображается независимо от того, включено ли приложение.

Push-уведомление или необработанное уведомление – это уведомление, отправляемое приложению из служб push-уведомлений Windows (WNS), или уведомление от фоновой задачи. Ваше приложение может реагировать на эти уведомления, либо сообщая пользователю о том, что произошло какое-то значимое событие (путем обновления индикатора событий, плитки или с помощью всплывающего уведомления), либо другим способом на ваш выбор.

Источник

Создание адаптивных плиток

Шаблоны адаптивных плиток — это новая возможность в Windows 10, которая позволяет создавать собственные уведомления плиток с помощью простого и гибкого языка разметки, который адаптируется к различной плотности экрана. В этой статье рассказывается, как создать адаптивные живые плитки для вашего приложения для Windows. Полный список адаптивных элементов и атрибутов см. в разделе Схема адаптивных плиток.

(При желании вы можете по-прежнему использовать стандартные шаблоны из каталога шаблонов плиток Windows 8 при создании уведомлений для Windows 10.)

Начало работы

Установите библиотеку уведомлений. Если вы хотите использовать C# вместо XML для создания уведомлений, установите пакет NuGet с именем Microsoft.Toolkit.Uwp.Notifications (выполните поиск по критерию «notifications uwp»). В примерах с C# в этой статье используется версия 1.0.0 пакета NuGet.

Установите Визуализатор уведомлений. это бесплатное Windows приложение поможет вам проектировать адаптивные динамические плитки, предоставляя мгновенное визуальное представление плитки при редактировании, как в редакторе XAML и в представлении конструирования для Visual Studio. Смотрите в разделе Визуализатор уведомлений дополнительные сведения или загрузите Notifications Visualizer из Store.

Отправка уведомления на плитке

Ознакомьтесь с нашим Кратким руководством по отправке локальных уведомлений на плитке. В документации, приведенной ниже, описываются все визуальные возможности пользовательского интерфейса адаптивных плиток.

Руководство по использованию

Адаптивные шаблоны предназначены для работы с различными форм-факторами устройств и типами уведомлений. Такие элементы, как группы и подгруппы, связывают содержимое и не подразумевают определенного самостоятельного визуального поведения. Окончательный вид уведомления должен зависеть от конкретного устройства, на котором оно появляется, будь то телефон, планшет, настольный компьютер или другое устройство.

Подсказки — это дополнительные атрибуты, которые можно добавлять к элементам, чтобы добиться определенного визуального поведения. Подсказки могут зависеть от устройства или уведомления.

Базовый пример

В этом примере показано, чего можно добиться с помощью шаблонов адаптивных плиток.

Результат:

Размеры плиток

Содержимое плитки каждого размера индивидуально задается в отдельных элементах TileBinding полезной XML-нагрузки. Выберите целевой размер, задав для атрибута шаблона одно из следующих значений:

Для полезных данных XML уведомления одной плитки предоставьте элементы для каждого размера плитки, который вы хотите поддерживать, как показано в следующем примере.

Результат:

Торговая марка

Вы можете контролировать фирменную символику в нижней части живой плитки (отображаемое имя и угловой логотип) с помощью атрибута branding в полезных данных уведомления. Доступные значения: none (нет), name (только имя), logo (только логотип) или nameAndLogo (имя и логотип).

Примечание. Windows Mobile не поддерживает угловой логотип, поэтому по умолчанию для «logo» и «nameAndLogo» используется значение name.

Результат:

Фирменная символика может применяться к определенным размерам плиток одним из двух способов:

Результат фирменной символики по умолчанию:

Если не указать фирменную символику в полезных данных уведомления, она определяется свойствами базовой плитки. Если базовая плитка показывает отображаемое имя, по умолчанию используется значение name. В противном случае применяется значение none, если отображаемое имя не показано.

Примечание. В Windows 8.x в по умолчанию использовалось значение «logo».

Отображаемое имя

Вы можете переопределить отображаемое имя уведомления, введя собственную текстовую строку в атрибуте displayName. Как и с фирменной символикой, вы можете задать атрибут в элементе TileVisual, который влияет на все полезные данные уведомления, или в элементе TileBinding, который применяется к отдельным плиткам.

Известная проблема. Если в Windows Mobile указать короткое имя плитки, отображаемое имя, указанное в уведомлении, не будут использоваться (всегда отображается короткое имя).

Результат:

Текст

Для отображения текста используется элемент AdaptiveText. Можно использовать подсказки, чтобы изменить способ отображения текста.

Результат:

Обтекание текстом

По умолчанию текст не переносится и продолжается после края плитки. Используйте hint-wrap для настройки обтекания текстом для текстового элемента. Вы также можете задать минимальное и максимальное число строк с помощью атрибутов hint-minLines и hint-maxLines, которые принимают положительные целые числа.

Результат:

Стили текста

Стили определяют размер и цвет шрифта, а также насыщенность текстовых элементов. Доступно несколько стилей, включая «утонченную» версию каждого стиля с прозрачностью 60 %, отчего цвет текста обычно становится светло-серым.

Результат:

Примечание. Если hint-style не указан, по умолчанию используется стиль caption.

Базовые стили текста

Числовые варианты стилей текста

Эти варианты уменьшают высоту строки, чтобы содержимое сверху и снизу находилось намного ближе к тексту.

Утонченные варианты стилей текста

У каждого стиля есть утонченный вариант с прозрачностью текста 60 %, из-за чего цвет текста обычно становится светло-серым.

Выравнивание текста

Текст может быть выровнен по левому краю, центру или правому краю. В языках с написанием слева направо языках, таких как английский, по умолчанию текст выравнивается по левому краю. В языках с написанием справа налево, таких как арабский, по умолчанию текст выравнивается по правому краю. Можно вручную задать выравнивание с помощью атрибута элементов hint-align.

Результат:

Группы и подгруппы

Группы позволяют семантически объявить, что содержимое в группе взаимосвязано и должно отображаться согласованно. Например, у вас может быть два текстовых элемента, заголовок и подзаголовок, поэтому не имеет смысла отображать только заголовок. Если объединить эти элементы в подгруппу, они или будут отображаться все вместе (если помещаются), или не будут отображаться вовсе (если не помещаются).

Для оптимальной работы на разных устройствах и экранах создайте несколько групп. Несколько групп также позволяют плитке адаптироваться к большим экранам.

Примечание. Единственный допустимый дочерний элемент группы — это подгруппа.

Результат:

Подгруппы (столбцы)

Подгруппы также позволяют разбить данные на семантические разделы в группе. Для живых плиток визуально это соответствует столбцам.

Атрибут hint-weight позволяет указать ширину столбцов. Значение hint-weight выражается как взвешенная доля доступного пространства, что аналогично поведению GridUnitType.Star. Для столбцов равной ширины присвойте каждому из них вес 1.

Чтобы сделать один столбец в два раза шире другого, назначьте меньшему столбцу вес 1, а большему — вес 2.

Чтобы первый столбец занимал 20% от общей ширины, а второй — 80% от общей ширины, назначьте первый вес равный 20, а второй вес равный 80. Если общий вес равен 100, то веса соответствуют процентам.

Примечание. Между столбцами автоматически добавляется поле в 8 пикселей.

Если подгрупп больше двух, следует указать атрибут hint-weight, который принимает только целые положительные числа. Если не указать атрибут hint-weight для первой подгруппы, ей будет назначен вес 50. Следующей подгруппе, для которой не задан атрибут hint-weight, будет назначен вес, равный 100 минус сумма предшествующих весов или 1, если результат равен нулю. Оставшимся подгруппам, для которых не заданы атрибуты hint-weight, будет назначен вес 1.

Вот пример кода для плитки погоды, в котором показано, как получить плитку с пятью одинаковыми столбцами.

Результат:

Изображения

Элемент используется для показа изображений на уведомлении плитки. Изображения можно разместить вместе с содержимым плитки (по умолчанию), как фоновое изображение за содержимым или как всплывающее изображение, которое анимируется в верхней части уведомления.

В уведомлении можно использовать изображения из пакета приложения, локального хранилища приложения или из Интернета. Начиная с обновления Fall Creators Update размер веб-изображений может быть до 3 МБ для обычных подключений и до 1 МБ для лимитных подключений. На устройствах без Fall Creators Update размер веб-изображений не должен превышать 200 КБ.

Если дополнительные аспекты поведения не определены, изображения будут равномерно сжиматься или увеличиваться для заполнения доступной ширины. В этом примере показана плитка с двумя столбцами и встроенными изображениями. Встроенные изображения растягиваются, заполняя всю ширину столбца.

Результат:

Изображения, размещенные в корневом элементе или в первой группе, также растягиваются по всей доступной высоте.

Выравнивание изображений

Изображения можно выравнивать по левому краю, центру или правому краю с помощью атрибута hint-align. Также при этом изображения будут показываться в исходном разрешении, а не растягиваться на всю ширину.

Результат:

Поля изображений

По умолчанию для встроенных изображений применяется поле в 8 пикселей между любым содержимым над или под изображением. Это поле можно удалить с помощью атрибута изображения hint-removeMargin. Однако для изображений всегда сохраняется 8-пиксельное поле от края плитки, а для подгрупп (столбцов) всегда сохраняется 8-пиксельная отбивка между столбцами.

Кадрирование изображений

Изображения можно обрезать в форме круга с помощью атрибута hint-crop, который в настоящий момент поддерживает только значения «none» (по умолчанию) или «circle».

Результат:

Фоновое изображение

Чтобы задать фоновое изображение, разместите элемент изображения в корневом элементе и задайте для атрибута placement значение background.

Результат:

Всплывающее изображение

Вы можете указать изображение, которое «выглядывает» из-за верхней границы плитки. Такое изображение использует анимацию для скольжения вниз и вверх в верхней части плитки, отображаясь полностью и затем скрываясь, чтобы показать основное содержимое плитки. Чтобы задать всплывающее изображение, разместите элемент изображения в корневом элементе и задайте для атрибута placement значение peek.

Обрезка по кругу для обзорных и фоновых изображений

Используйте атрибут hint-crop на обзорных и фоновых изображениях для выполнения обрезки по кругу:

Результат должен выглядеть так:

Использование обзорного и фонового изображения

Чтобы использовать обзорное и фоновое изображение в уведомлении на плитке, укажите обзорное и фоновое изображение в полезных данных уведомления.

Результат должен выглядеть так:

Наложения обзорных и фоновых изображений

Можно включить черное наложение на фоновые и обзорные изображения с помощью атрибута hint-overlay, который принимает целые числа от 0 до 100, где 0 означает отсутствие наложения, а 100 — полное наложение черного цвета. Наложение помогает обеспечить удобство чтения текста на плитке.

Использование наложения подсказки на фоновом изображении

Для фонового изображения по умолчанию используется наложение 20 % при условии наличия текстовых элементов в полезных данных (в противном случае используется наложение 0 %).

Результат hint-overlay:

Использование наложения подсказки на обзорном изображении

В версии 1511 Windows 10 также поддерживается наложение обзорного изображения точно так же, как фонового. Укажите наложение подсказки на элемент обзорного изображения в виде целого числа от 0 до 100. По умолчанию для обзорных изображений используется наложение 0 (без наложения).

В этом примере показано обзорное изображение с уровнем непрозрачности 20 % (слева) и с непрозрачностью 0 % (справа):

Вертикальное выравнивание (размещение текста)

Контролируйте вертикальное выравнивание содержимого в плитке, используя атрибут hint-textStacking в обоих элементах TileBinding и AdaptiveSubgroup. По умолчанию все содержимое вертикально выравнивается по верхней границе, но также можно выравнивать его по нижней границе или центру.

Размещение текста в элементе binding

При использовании на уровне элемента TileBinding, размещение текста задает вертикальное выравнивание содержимого уведомления в целом; выравнивание производится в доступном месте по вертикали выше области фирменной символики или эмблемы.

Размещение текста в элементе subgroup

При использовании на уровне элемента AdaptiveSubgroup, размещение текста задает вертикальное выравнивание содержимого подгруппы (столбца); выравнивание производится в доступном месте по вертикали во всей группе.

Источник