Как использовать цвета, которых нет в настройках Windows 10 Mobile?

Практически каждому пользователю смартфона с операционной системой Windows Phone не особо нравится то, что в стандартных настройках интерфейса маловато цветов оформления. Не многие знают, что, благодаря синхронизации вашего планшета или компьютера на Windows 8/8.1/10 с вашим смартфоном, можно значительно упростить взаимодействие со своим смартфоном. Если у Вас имеется планшет или компьютер на Windows 8/8.1/10 и вы хотите использовать большее разнообразие цветов оформления, то Вам нужно выполнить простую инструкцию.

Шаг 1. Убедитесь, что на вашем смартфоне и компьютере выполнен вход под одной учётной записью. Это необходимо, чтобы ваши параметры синхронизировались и не возникало лишних проблем с пользователями. Вы можете сможете с лёгкостью создать учётную запись Windows LiveID с помощью нашей инструкции.

Шаг 2. Перейдите в настройки OneDrive на своём компьютере. Сделать это можно, вызвав строку поиска и введя слово «Синхронизация». Затем перейдите в синхронизацию параметров. В подразделе «Параметры персонализации» активируйте все пункты.

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

Шаг 4. Теперь будут происходить основные манипуляции. Если всё работает должным образом и у Вас стабильное сетевое соединение, то в параметрах персонализации «Цвет фона» выберите абсолютно любой цвет и оттенок. Что бы вы бы не поставили, тоже самое установится и на вашем смартфоне.

Шаг 5. В настройках персонализации вашего телефона должен появиться дополнительный цветной кубик, который и является цветом, который вы выбрали на своём компьютере. Для Вас доступно, грубо говоря, 324 цвета — 18 цветов и столько же их оттенков.

День пятый. Темы и расцветка

Вступление

По умолчанию все телефоны под управлением Windows Phone 7 используют черные цвета. Это не прихоть разработчиков, а необходимая мера для продления работы телефона. Дело в том, что AMOLED-экраны, используемые в телефонах Windows Phone 7, имеют такую особенность, что при черном цвете потребление заряда батареи гораздо ниже, чем при светлом экране. Но, пользователь может изменить по своему желанию используемую тему на другую, более подходящему собственному вкусу.

Согласованный внешний вид и соблюдение рекомендаций дизайна Metro крайне важны для Windows Phone приложений. На следующем изображении показаны примеры различных основных цветов (accent colors), а также светлая и тёмная темы.

Цветовые темы

Сначала несколько слов о том, как поменять цветовую тему. На стартовом экране коснитесь правой стрелки в верхнем правом углу и перейдите к странице Settings (Настройки). Здесь вы можете выбрать визуальную тему: темную (светлый текст на темном фоне, используется по умолчанию) и светлую (темный текст на светлом фоне). Если выбрать новую тему и запустить примеры из прошлых уроков, то увидим, что цвета темы изменяются автоматически. Обратите внимание, что при смене темы меняется только цвет. Другие ресурсы (шрифты, размеры элементов) не меняются.

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

Таким образом, тема Windows Phone является комбинацией фона и расцветки. Цвет фона — это общий цвет для всей поверхности страницы, а цвет расцветки — это цвет, используемый в элементах управления и других визуальных элементах. Для фона есть два варианта: Dark и Light, для расцветки используются 10 вариантов.

Расцветка

Кроме выбора темы (темной или светлой) система позволяет также выбрать расцветку из десяти различных цветов, которые будут использоваться в используемых темах. Выбранная расцветка позволит раскрасить нужным цветом значки, плитки, ссылки и т.д. Список возможных цветов: Magenta, Purple, Teal, Lime, Brown, Pink, Orange, Blue, Red, Green

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

Используем системные цвета

Вы, конечно, можете использовать свои цвета в приложении, чтобы подчеркнуть свою индивидуальность. Но, когда вы меняете цвета, подумайте, как будет выглядеть интерфейс в другой теме и при другой расцветке. Для серьезных программ предпочтительнее использовать системные цвета, не прописывая жестко цветовые значения. Обратите внимание, что встроенные элементы управления по умолчанию подстраиваются под тему и расцветку. Вот как меняет свой цвет элемент Slider (Слайдер) при двух разных выбранных расцветках.

Вот как выглядит приложение в разных вариантах расцветки (выбраны светлая и темная тема, а также цвета Brown, Teal и Purple).

Использование встроенных стилей

Также, как и каскадные таблицы стилей (CSS) совместно с HTML, XAML позволяет вам применять те же настройки для свойств элементов управления, используя специальный синтаксис, называемый расширением разметки. С помощью стилей и ресурсов вы можете повторно использовать настройки и создать для вашего приложения согласованный внешний вид.

Существует множество встроенных стилей и ресурсов для использования в Windows Phone проектах, которые соответствуют требованиям дизайна Metro и подходят как для светлой, так и для тёмной темы. Эти ресурсы включают кисти, цвета, шрифты, стили текста и темы.

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

В следующем примере показано, как привязать к фону (background) элемента управления Button кисть, являющуюся встроенным в Windows Phone ресурсом, с помощью расширения разметки.

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

На следующем изображении показано, как привязать к фону (background) элемента управления Button кисть, являющуюся встроенным в Windows Phone ресурсом, с помощью окна Properties.

Поскольку фон предыдущего примера имеет значение PhoneAccentBrush, цвет кнопки будет основываться на текущем основном цвете (accent color), выбранном пользователем. На следующем изображении показано, как кнопка выглядит, когда пользователь выбирает в качестве основного цвета синий или зеленый.

Читайте также: Objective c �� linux
Рекомендация по проектированию интерфейса: Если основной или фоновый цвет элемента управления задан явно, убедитесь, что его содержание одинаково хорошо видно как при темной, так и при светлой теме оформления. Если указанного цвета не видно, также явно задайте фон или основной цвет, чтобы он был достаточно контрастным или выберите более подходящий цвет.

Также можно использовать ресурсы, связанные со шрифтами: имя шрифта, его размер и т.п.

Если вам нужно динамически изменять стили, то можно это сделать через код следующим образом:

Кстати, дизайн приложений, использующих другие цвета, удобнее делать в программе Expression Blend 4, который специально предназначен как раз для дизайнеров. Откройте ваш проект в Expression Blend. Для этого щелкните правой кнопкой мыши на имени проекта в Solution Explorer и выберите команду Open In Expression Blend….

В открывшейся программе найдите вкладку Device (в верхней части окна) и перейдите на нее.

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

Color Resources

Перейдем теперь на вкладку Color Resources, которую можно найти внутри вкладки Properties, выбрав какой-либо элемент управления. Window Phone 7 имеет множество стандартных цветов, которые вы можете использовать в своих приложениях. Например, на картинке можно увидеть, что предлагаемые Expression Blend стандартные цвета PhoneAccentColor и PhoneBackgroundColor меняются в зависимости от темы, выбранной на вкладке «Device». На первой картинке выбрана тёмная тема и синяя расцветка, а на второй светлая тема и оранжевая расцветка.

Выбирая эти цвета для нашего приложения, вы подключаете предопределенные системные значения цветов. И когда пользователь будет менять тему или расцветку, то наше приложение также подстроится под новые настройки. Пример такого подхода продемонстрирован ниже. Добавим в приложение из прошлого занятия прямоугольник с градиентной заливкой, начиная со цвета PhoneBackgroundColor и заканчивая цветом PhoneAccentColor. Кроме того цвет заголовка страницы также использует выбранную расцветку.

Теперь, когда пользователь будет менять тему или расцветку на своем устройстве, наше приложение также будет использовать выбранные цвета. Обратите внимание, что заголовок приложения (слово Котики) выводится цветом Lime, который я установил в настройках телефона.

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

Создание собственных стилей

Если вы хотите создать свой собственный стиль, как правило, вы должны объявить стиль как ресурс страницы или панели и применить его в качестве статического ресурса с помощью расширения разметки. Каждый стиль, как правило, имеет ключ (key), который используется для ссылки на него в дальнейшем, и целевой тип (target type), который указывает, к какому типу элементов управления он может быть применен. Основная часть стиля — это коллекция объектов Setter, которые содержат параметры Property (свойство) и Value (значение). Вы можете создавать стили в Visual Studio, указывая их прямо в коде XAML или вы можете использовать Expression Blend, который позволяет создавать стили более визуализированным способом. При создании ресурсов, которые устанавливают цвета, вы должны убедиться, что ваш выбор цветов одинаково хорошо выглядит как в светлой, так и в тёмной темах.

Цвет тем windows phone

Для изменения цветовой схемы необходимы следующие условия:
1. Устройство компании HTC
2. Устройство должно быть разблокировано
3. На устройстве должен быть установлен TouchXplorer
4. На устройстве должен быть установлен HTC Connection Setup (его можно найти на Marketplace в разделе HTC Apps).

Читайте также: Windows 10 поддерживаемые процессоры intel
Приступим, поменяем цветовую схему темы «Pink» на синюю:
1. Создайте в блокноте три текстовых файла, содержащие следующие ключи реестра:
Первый файл:

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

2. Сохраните эти файлы с расширением .rgu
3. Используйте конвертор rgu-2xml.exe (находится в приложенном архиве: WP7REG.rar ( 200,05 КБ )
) на первом из созданных файлов.
4. Переименуйте созданный файл в «CustClear.provxml«
5. Используйте упаковщик XBMOD.Files.Deployer.exe (находится в приложенном архиве: WP7REG.rar ( 200,05 КБ )
) для создания XAP-файла.
6. Скопируйте созданный XAP-файл на телефон.
7. Запустите приложение, запустите TouchXplorer и перейдите в папку My Documents/My Ringtones. Скопируйте файл, который там находится.
8. Вставьте его в папку \Windows. Замените существующий файл, если потребуется.
9. Запустите HTC Connection Setup. Цветовая схема добавлена. Проделайте такие же манипуляции с двумя оставшимися файлами реестра (если вы этого не сделаете, цветовая схема может работать некорректно).

Как установить кастомные цвета оформления Windows 10 Mobile

Windows 10 Mobile уступает Android по части персонализации. Владельцы смартфонов на мобильной Windows не могут похвастаться ни сторонними оболочками, ни какой-нибудь тонкой настройкой параметров оформления. К счастью, некоторые разработчики решили дать пользователям шанс сделать свои девайсы чуть уникальнее. Представляем вашему вниманию приложение DHT Personalization, позволяющее основательно поработать над стилем системы.

Как установить приложение DHT Personalization?

Сделайте Interop Unlock по инструкции «Как сделать Interop Unlock на Lumia с Windows 10 Mobile без компьютера».

Скачайте установочный файл приложения на телефон по данной ссылке.

Установите программу, например, по инструкции «Как установить Appx или Appxbundle-файл в Windows 10 Mobile».

Как добавить свой цвет?

Выберите цвет с помощью палитры или введите его данные в формате RGB.

Нажмите Set Accent.

Акцентный цвет системы изменится. Новый цвет появится в Параметрах — Персонализация — Цвета.

Как включить автоматический выбор цвета в зависимости от фонового изображения?

Отметьте пункт Set Accent Color based on Wallpaper (она находится внизу).

Нажмите кнопку Set Accent.

Акцентный цвет системы изменится. Новый цвет появится в Параметрах — Персонализация — Цвета.

Как включить автоматическое изменение цвета?

Выберите цвет с помощью палитры или введите его данные в формате RGB.

Нажмите Add to queue.

Проделайте эту операцию со всеми необходимыми вам цветами. Их очередь будет отображаться в самом низу. Если вы передумали добавлять какой-то акцент, выберите его, после чего нажмите Remove from queue.

Отметьте пункт Change Accent Color Automatic.

Если вы хотите, чтобы программа выбирала случайные комбинации цветов, отметьте пункт Select Accent Colors randomly.

Выберите период времени между изменением цветов. По умолчанию это — 15 минут (15 minutes). Можно установить другое количество минут (15/30/90 Minutes), часов (1/2/5/12 Hours) или одни сутки (Daily).

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