Как изменить цвет рамки фрейма в Windows 10

Настраиваемая рамка окна с помощью DWM

В этом разделе показано, как использовать интерфейсы API диспетчер окон рабочего стола (DWM) для создания пользовательских рамок окон для приложения.

Введение

в Windows Vista и более поздних версиях внешний вид неклиентской области окон приложений (строки заголовка, значка, границы окна и кнопки заголовка) управляется DWM. С помощью интерфейсов API DWM можно изменить способ отрисовки кадра окон DWM.

Одной из функций API DWM является возможность расширения фрейма приложения в клиентскую область. Это позволяет интегрировать элемент пользовательского интерфейса клиента (например, панель инструментов) в рамку, предоставляя пользовательскому интерфейсу возможность управлять более заметным местом в пользовательском интерфейсе приложения. например, Windows Internet Explorer 7 в Windows Vista интегрирует панель навигации в рамку окна, расширяя верхнюю часть рамки, как показано на следующем снимке экрана.

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

Расширение клиентского фрейма

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

В следующем коде показано использование DwmExtendFrameIntoClientArea для расширения рамки.

Обратите внимание, что расширение Frame выполняется в сообщении _ активации WM , а не в сообщении WM _ CREATE . Это гарантирует, что расширение кадра будет правильно обрабатываться, если размер окна по умолчанию и когда он развернут.

На следующем рисунке показана стандартная рамка окна (слева) и та же самая Расширенная рамка окна (справа). фрейм расширяется с помощью предыдущего примера кода и по умолчанию Microsoft Visual Studio вндкласс / вндклассекс фон ( _ окно цвета + 1).

Визуальное различие между этими двумя окнами очень незаметно. Единственное различие между ними заключается в том, что тонкая черная граница области клиента в окне слева отсутствует в окне справа. Причиной этой отсутствующей границы является то, что она включена в расширенный кадр, а остальная часть клиентской области — нет. Для отображения расширенных кадров области, лежащие в основе каждой стороны расширенного кадра, должны иметь точечные данные с альфа-значением 0. Черная граница вокруг области клиента содержит данные пикселей, в которых все цветовые значения (красный, зеленый, синий и альфа) имеют значение 0. В остальной части фона значение альфа не равно 0, поэтому остальная часть расширенного кадра не отображается.

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

Удаление стандартного кадра

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

Чтобы удалить стандартный фрейм окна, необходимо выполнить обработку сообщения WM _ нккалксизе , в частности, если его значение wParam равно true , а возвращаемое значение равно 0. При этом приложение использует всю область окна в качестве клиентской области, удаляя стандартный фрейм.

Результаты обработки сообщения WM _ нккалксизе не видны, пока не потребуется изменить размер региона клиента. До этого времени начальное представление окна отображается со стандартным фреймом и расширенными границами. Чтобы преодолеть это, необходимо либо изменить размер окна, либо выполнить действие, запускающее сообщение WM _ нккалксизе во время создания окна. Это можно сделать с помощью функции SetWindowPos , чтобы переместить окно и изменить его размер. В следующем примере кода демонстрируется вызов SetWindowPos , который вызывает отправку сообщения WM _ нккалксизе с помощью атрибутов прямоугольника окна и _ флага СВП фрамечанжед.

На следующем рисунке показан стандартный фрейм (слева) и новый расширенный кадр без стандартного кадра (справа).

Рисование в окне расширенного фрейма

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

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

Так как все окно является клиентской областью, можно просто нарисовать нужные объекты в расширенном кадре. Чтобы добавить заголовок в приложение, просто выведите текст в соответствующем регионе. На следующем рисунке показан текст темы, нарисованный в пользовательском фрейме заголовка. Заголовок рисуется с помощью функции DrawThemeTextEx . Чтобы просмотреть код, рисующий заголовок, см. приложение б. закраска заголовка.

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

Включение проверки нажатия для пользовательского кадра

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

Для проверки нажатия кнопки субтитров DWM предоставляет функцию двмдефвиндовпрок . Для правильной проверки нажатия кнопок субтитров в сценариях с пользовательскими кадрами сообщения должны быть передаваться в двмдефвиндовпрок для обработки. Двмдефвиндовпрок возвращает значение true , если сообщение обрабатывается, и значение false в противном случае. Если сообщение не обрабатывается двмдефвиндовпрок, приложение должно обработать само сообщение или передать сообщение в дефвиндовпрок.

Для изменения размера и перемещения фрейма приложение должно предоставить логику проверки попадания и обработку сообщений проверки нажатия кадра. Сообщения проверки нажатия фрейма отправляются вам через сообщение WM _ нчиттест , даже если приложение создает пользовательский фрейм без стандартного кадра. Следующий код демонстрирует обработку сообщения WM _ нчиттест , когда двмдефвиндовпрок не обрабатывает его. Код вызываемой HitTestNCA функции см. в приложении C: хиттестнка Function.

Приложение а. Процедура примера окна

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

Приложение б. Рисование заголовка подписи

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

Приложение в. функция Хиттестнка

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

Как изменить цвет окон Windows 10

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

Ниже — подробно о том, как менять цвет заголовка окна и фонового цвета окон несколькими способами. См. также: Темы оформления Windows 10, Как изменить размер шрифта Windows 10, Как изменить цвета папок в Windows 10.

Изменение цвета заголовка окна Windows 10

Для того, чтобы изменить цвет активных окон (к неактивным настройка не применяется, но это мы победим далее), а также их границ, выполните следующие простые шаги:

1. Зайдите в параметры Windows 10 (Пуск — значок шестеренки или клавиши Win+I)
2. Выберите пункт «Персонализация» — «Цвета».
3. Выберите желаемый цвет (чтобы использовать свой, нажмите в выборе цветов по значку плюс рядом с «Дополнительный цвет», а ниже включите пункт «Показать цвет в заголовке окна», также вы можете применить цвет к панели задач, меню пуск и области уведомлений.

Готово — теперь все выбранные элементы Windows 10, включая заголовки окон, будут иметь выбранный вами цвет.

Примечание: если в этом же окне настроек вверху включить пункт «Автоматический выбор главного цвета фона», то в качестве цвета оформления окон и других элементов система будет выбирать усредненный основной цвет ваших обоев.

Изменение фона окна в Windows 10

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

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

Изменение цвета фона окна с помощью параметров высокой контрастности

Первый вариант — использовать встроенные средства настройки тем оформления с высокой контрастностью. Чтобы получить доступ к ним, вы можете зайти в Параметры — Специальные возможности — Высокая контрастность (или нажать «Параметры высокой контрастности» на странице настройки цветов, рассмотренной выше).

В окне параметров темы с высокой контрастностью, нажав на цвете «Фон» вы можете выбрать свой фоновый цвет для окон Windows 10, который будет применен после нажатия кнопки «Применить». Примерный возможный результат — на скриншоте ниже.

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

Использование программы Classic Color Panel

Еще один способ изменения цвета фона окна (и других цветов) — сторонняя утилита Classic Color Panel, доступная для загрузки на сайте разработчика WinTools.info

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

Недостаток этого способа — изменяется цвет далеко не всех окон (изменение прочих цветов в программе тоже работает избирательно).

Важно: способы описанные далее работали в версии Windows 10 1511 (и были единственными), работоспособность в последних версиях не проверена.

Настройка собственного цвета для оформления

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

Сделать это можно полутора способами (поскольку второй очень странно работает). Прежде всего — с помощью редактора реестра Windows 10.

1. Запустите редактор реестра, нажав клавиши, введя regedit в поиск и кликнув по нему в результатах (или с помощью клавиш Win+R, введя regedit в окно «Выполнить»).
2. В редакторе реестра перейдите к разделу HKEY_CURRENT_USER SOFTWARE Microsoft Windows DWM
3. Обратите внимание на параметр AccentColor (DWORD32), кликните по нему дважды.
4. В поле «Значение» укажите код цвета в шестнадцатеричном представлении. Где взять такой код? Например, палитры многих графических редакторов показывают его, а можно воспользоваться онлайн-сервисом colorpicker.com, правда тут нужно учесть некоторые нюансы (ниже).

Странным образом, работают не все цвета: например, не работает черный, код для которого 0 (или 000000), приходится использовать что-то вроде 010000. И это не единственный вариант, который мне не удалось заставить работать.

Более того, насколько я смог понять, в качестве кодировки цветов используется BGR, а не RGB — это не имеет значения, если вы используете черный цвет или оттенки серого, однако если это что-то «цветное», то вам придется поменять местами по две крайних цифры. То есть, если программа-палитра показывает вам код цвета FAA005, то для того, чтобы получить оранжевый цвет окна, вам потребуется ввести 05A0FA (попытался также показать это на картинке).

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

Второй способ, который меняет цвета не всегда предсказуемо и порой не для того, чего нужно (например, черный цвет применяется только к границам окна), плюс ко всему вызывает тормоза компьютера — использование скрытого в Windows 10 апплета панели управления (видимо, его использование в новой ОС не рекомендовано).

Запустить его можно, нажав клавиши Win+R на клавиатуре и введя rundll32.exe shell32.dll,Control_RunDLL desk.cpl,Advanced,@Advanced после чего нажать Enter.

После этого настраиваете цвет нужным вам образом и нажимаете «Сохранить изменения». Как я уже сказал, результат может отличаться от того, что вы ожидали.

Изменение цвета неактивного окна

По умолчанию неактивные окна в Windows 10 так и остаются белыми, даже если вы изменяете цвета. Однако можно сделать и собственный цвет для них. Зайдите в редактор реестра, как это было описано выше, в тот же раздел HKEY_CURRENT_USER SOFTWARE Microsoft Windows DWM

Кликните в правой части правой кнопкой мыши и выберите «Создать» — «Параметр DWORD 32 бита», после чего задайте для него имя AccentColorInactive и дважды кликните по нему. В поле значение укажите цвет для неактивного окна тем же образом, как это было описано в первом способе выбора произвольных цветов для окон Windows 10.

Видео инструкция

В завершение — видео, в котором показаны все основные пункты, изложенные выше.

По-моему, описал все, что только можно на эту тему. Надеюсь, для кого-то из моих читателей информация окажется полезной.

Каким способом поменять цвет окон в Windows 10

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

В последние редакции ОС разработчики встроили данные функции. Ниже подробно описано, как поменять цвет окон в Windows 10 несколькими способами — посредством встроенного функционала и по старинке через regedit.

Изменение цвета заголовка через «Персонализацию»

Самый простой способ поменять цвет заголовка окна (настройка применяется только к активным окошкам) — воспользоваться встроенными инструментами «десятки», то есть обратиться к разделу «Персонализация» в «Параметрах».

Далее, в разделе «Персонализация» необходимо перейти посредством перечня элементов слева к подразделу «Цвета», а в нём:

1. Настроить цвет, выбрав из предложенных системой вариантов или добавив свой нажатием на «плюсик» — инструмент «Дополнительные цвета».

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

Несколько способов изменить фон

Оформление цветом заголовка окошек — дело совсем простое, но что делать, если хочется поменять ещё и фон их рабочего пространства? По умолчанию Windows 10 такую возможность не предусматривает, но пользователи, чтобы добиться желаемого, могут прибегнуть к нескольким системным хитростям или стороннему софту.

В настройках высокой контрастности

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

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

Посредством программы Classic Color Panel

Поменять фоновое оформление рамки окошек можно и с помощью сторонней утилиты Classic Color Panel, которую придётся предварительно скачать с сайта создателя https://www.wintools.info/index.php/classic-color-panel и установить на ПК.

Для изменения фонового цвета, и настройки других цветов необходимо:

1. Установить желаемый цвет;
2. Нажать на Apply.

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

Настройка в редакторе реестра

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

Раскроется редактор реестра, в нём нужно:

1. Перейти к разделу HKEY_CURRENT_USER, в котором выбрать SOFTWARE, затем Microsoft, далее, директорию Windows и папку DWM.

2. Сделать два правых щелчка мышкой по параметру DWORD32 с названием Accent Color.

3. Установить точку напротив пункта «Шестнадцатеричная» в настройках системы исчисления.

4. Ввести код желаемого цвета в поле значение.

Где взять этот код — в любом графическом редакторе, он прописывается в палитрах. Или подглядеть на сервисе https://www.webfx.com/web-design/color-picker/ . Например, код чёрного — это 000000, ярко-синего — 1A13DA и так далее.

Минус способа в том, что по непонятным причинам работают не все цвета, хотя можно попробовать «заставить» реестр их принять, поменяв местами по две крайние цифры вначале и в конце. Например, ярко-синий на сервисе 1A13DA, а нужно написать DA131A. Не факт, что сработает, но попробовать можно. Всё дело в том, что используется кодировка BGR вместо RGB.

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

Цветовое оформления для неактивных окон через реестр

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

1. Щёлкнуть по пустому месту в рабочем пространстве редактора;
2. Среди возможностей команды «Создать» выбрать вариант «Параметр DWORD32»;
3. Присвоить ему имя AccentColorInactive;
4. Раскрыть окошко с его настройками, сделав по новому параметру два быстрых правых щелчка мышкой;
5. Отметить точкой систему исчисления «Шестнадцатеричная» и в поле «Значение» прописать код цвета.

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

Фреймы

Фреймы — это HTML-элементы, позволяющие разделить окно веб-браузера на несколько независимых окон, в каждое из которых можно загрузить отдельный HTML-документ. Каждое такое окно (фрейм) может иметь собственные полосы прокрутки и функционировать независимо от других независимых окон либо наоборот управлять их содержанием. Они могут применяться для организации постоянно находящегося в одном окне меню, в то время как в другом окне располагается непосредственно сама информация. Пользователи могут обращаться к меню в любой момент, и им не нужно возвращаться к предыдущей странице, чтобы выбрать другой пункт меню. Применение фреймов позволит вам «закрепить» в окне браузера изображения или другие неподвижные по замыслу элементы интерфейса, в то время как остальная часть страницы будет прокручиваться во фрейме.
Однако, стоит отметить, что в наши дни фреймы считаются устаревшим средством, а сайты с фреймами теперь считаются несолидными, так как профессиональные веб-мастера никогда не используют фреймы в своих проектах. С фреймами связан целый ряд печально известных проблем. Они, например, сбивают с толку поисковые машины, поскольку на страницах, которые содержат контент, нет ссылок на другие документы. Если вы хотите получать посетителей с поисковых систем, забудьте о фреймах. Понравившуюся страницу пользователю невозможно поместить в раздел закладки браузера, так как фреймы скрывают адрес страницы, на которой он находится, и всегда показывают только адрес веб-сайта. По этой причине они создают проблемы для браузеров при отслеживании хронологии и еще они не слишком приспособлены для разных размеров экранов и мобильных устройств.
Несмотря на то, что проекты с фреймами встречаются во всемирной паутине все реже, изучение HTML было бы неполным без рассмотрения темы о фреймах. У фреймов наряду с недостатками есть и некоторые достоинства, которые не позволяют отбросить эту технологию как бесперспективную.

Создание фреймов

Структура HTML-документа с фреймами внешне очень напоминает формат обычного HTML-документа. Как и в обычном HTML-документе, весь код помещен между парными тегами <html> и </html> , а в контейнере <head> располагаются заголовки. Основное отличие документа с фреймами от обычного HTML-документа — у документа с фреймами вместо тега <body> применяется парный тег <frameset> (от англ. frame set – набор фреймов).
В следующем примере приведена структура HTML-документа с фреймами:

Пример: Структура HTML-документа с фреймами

• rows — описывает разбиение страницы на строки: <frameset rows=»100, *»>
• cols — описывает разбиение страницы на столбцы: <frameset cols=»20%, 80%»>

В значении атрибутов rows и cols необходимо указывать не количество строк или столбцов, а значение ширины и высоты фреймов. Все значения в списке разделяются запятыми. Размеры могут быть указаны в абсолютных единицах (в пикселах) или в процентах:

• cols=»20%, 80%» — окно браузера разбивается на две колонки с помощью атрибута cols, левая колонка занимает 20%, а правая 80% окна браузера.
• rows=»100, *» окно браузера разбивается на два горизонтальных окна с помощью атрибута rows, верхнее окно занимает 100 пикселов, а нижнее — оставшееся пространство, заданное символом звездочки.

Как видно из данного примера, контейнер <frameset> с атрибутом rows вначале создает два горизонтальных фрейма, а вместо второго фрейма подставляется еще один <frameset> , который разбивает нижний горизонтальный фрейм на две колонки с помощью атрибута cols, левая колонка занимает занимает 20%, а правая 80% окна браузера.
Если браузер не поддерживает фреймы, то в окне будет отображен текст, расположенный между тегами <noframes> и </noframes> . Все, что находится между тегами <noframes> и </noframes> , игнорируется браузерами, поддерживающими фреймы. Таким образом разработчику нужно написать код, дублирующий содержимое фреймов другими средствами, и поместить этот код в контейнер <noframes> , тогда все пользователи смогут увидеть его веб-страницу.
Как уже отмечалось, для вставки в документ отдельного фрейма служит непарный тег <frame> . Атрибут src задает документ, который должен отображаться внутри данного фрейма, например: <frame src=»https://wm-school.ru/html/frame_top.html»>. Если атрибут src отсутствует, отображается пустой фрейм.

Границы или пространство между фреймами

По умолчанию, браузер отображает серую и, как правило, в виде трехмерной линии границу между фреймами, с помощью которой посетители могут регулировать размер фрейма.
Границей фрейма можно управлять, как и любыми другими элементами фрейма. Для этого существует несколько атрибутов элемента <frameset> , позволяющих настраивать границы фреймов. Толщина линии границы определяется атрибутом border. По умолчанию значение толщины границы равно пяти.
Чтобы скрыть границу фрейма, необходимо либо указать значение ширины границы равным нулю, либо присвоить значение «no» или «0» атрибуту frameborder. Атрибут frameborder может принимать только два противоположных значения. Если значение атрибута frameborder равно «yes» или «1», то граница фреймов будет отображаться, а если «0» или «no», то нет. Учтите, что значения атрибута frameborder различаются для разных браузеров. Чтобы решить эту проблему используйте дважды атрибут frameborder, а для некоторых браузеров требуется еще добавить атрибут framespacing со значением «0»: