Скругленные углы в Windows 10
Если вы любитель «минимализма» и вам нравится постоянно эксперементировать со своей системой, в таком случае, предлагаем узнать более подробно о том: «Что из себя могут представлять скругленные углы в Windows 10?» Ведь в современных реалиях модернизации софта разработанного компанией Майкрософт, есть некоторые новшества, которые уж точно не должны оставаться не замеченными большинством пользователей.
Если вы не догадались, то речь пойдет о том, что из себя представляет обновленный облик операционной системы Windows 10, которая постепенно начинает обновляться не в программном плане, а в плане визуальном, который имеет непосредственное отношение к уникальному интерфейсу «Fluent Design». Задумка использования данного интерфейса, кроется в том, что он имеет более плавные линии и скругленные углы. Все это, в своей совокупности, придает рабочей среде ОС более уникальный и интересный облик.
Как включить скругленные углы в Windows 10?
Для того, чтоб выполнить данные действия, необходимо быть внимательным и не более того, так как лог действий по настройке ОС в этом направлении, хоть и не является совсем простым, но и назвать его сложным, язык не поворачивается.
Для выполнения настройки своей ОС, вам потребуется: воспользоваться «Поиском» и с его помощью открыть «regedit.exe»:
Радиус угла
Начиная с версии 2.2 библиотеки пользовательского интерфейса Windows (WinUI), стиль по умолчанию для многих элементов управления обновлен для использования скругленных углов. Эти новые стили призваны вызывать энтузиазм и доверие, а также облегчать визуальную обработку интерфейса пользователями.
Ниже приведены два элемента управления «Кнопка»: первый без скругленных углов, второй — с использованием скругленного угла.
Винуи предоставляет обновленные стили для элементов управления Винуи и Platform. Дополнительные сведения о настройке скругленных углов см. в разделе Параметры настройки.
Некоторые элементы управления доступны как на платформе (Windows.UI.Xaml.Controls), так и в WinUI (Microsoft.UI.Xaml.Controls); например TreeView или ColorPicker. При использовании WinUI в приложении следует использовать версию элемента управления WinUI. При использовании с WinUI в версии платформы скругление углов может применяться непоследовательно.
Макеты элементов управления по умолчанию
Существуют три области элементов управления, в которых используются стили скругленных углов: прямоугольные элементы, всплывающие элементы и элементы панели.
Углы прямоугольных элементов пользовательского интерфейса
Элементы управления
Углы элементов пользовательского интерфейса всплывающего меню и наложения
Элементы управления
Элементы панели
Элементы управления
Параметры настройки
Значения радиусов углов по умолчанию, которые мы предоставляем, не окончательны. Вы можете изменить количество закруглений по углам, используя один из нескольких простых способов. Используйте два глобальных ресурса или свойство CornerRadius непосредственно в элементе управления в зависимости от необходимой степени детализации пользовательской настройки.
Когда не следует закруглять
Существуют экземпляры, в которых угол элемента управления не должен закругляться, и мы не будем закруглять их по умолчанию.
Изменения CornerRadius на уровне страницы или приложения
Существует 2 ресурса приложения, которые управляют радиусом углов всех элементов управления:
Переопределение значения этих ресурсов в какой бы то ни было области соответствующим образом повлияет на все элементы управления в этой области.
Это означает, что если вы хотите изменить округлость всех элементов управления, к которым ее можно применить, вы можете определить оба ресурса на уровне приложений с помощью таких новых значений CornerRadius:
Кроме того, если вы хотите изменить закругление всех элементов управления в определенной области, например на уровне страницы или контейнера, можно следовать подобному шаблону:
Чтобы изменения вступили в силу, ресурс OverlayCornerRadius следует определить на уровне приложения.
Это происходит потому, что всплывающее окно и всплывающие окна не находятся в визуальном дереве страницы, они добавляются в корень всплывающего окна. Система разрешения ресурсов неправильно проходит по визуальному дереву всплывающего окна в визуальное дерево страницы.
Изменения для каждого элемента управления CornerRadius
Чтобы изменить скругление только выбранного числа элементов управления, можно изменить свойство CornerRadius непосредственно на элементах управления.
| Значение по умолчанию | Измененное свойство |
|---|---|
 |  |
Создание пользовательских стилей на основе WinUI
Вы можете создавать пользовательские стили на основе стилей WinUI с закругленными углами, указав корректный атрибут BasedOn в своем стиле. Например, чтобы создать пользовательский стиль кнопки на основе стиля кнопки WinUI, сделайте следующее:
Как правило, стили элементов управления WinUI следуют согласованному порядку именования: «DefaultXYZStyle», где «XYZ» — это имя элемента управления. Полную справку можно найти в файлах XAML в репозитории WinUI.
Содержание:
Привет, друзья. В этой статье предлагаю поговорить об окнах Windows 11, точнее об их функциональности. Одна из главенствующих целей, которую ставила перед собой компания Microsoft при разработке новой операционной системы – пользовательское юзабилити и пользовательская многозадачность. И чтобы достичь этой цели, компании пришлось немного поработать над азами операционной системы – над её окнами. Окна приложений в Windows 11 получили скруглённые углы, что в целом улучшило дизайн системы и её восприятие пользователем. Существовавшая ранее в Windows функция крепления окон Snap Assist в 11-й версии получила неплохой апгрейд. А реализация новой панели задач в Windows 11 повлекла за собой новые возможности по работе с окнами в виде функций групп привязок и стыковки окон. Давайте обо всём этом поговорим подробнее.
↑ Окна в Windows 11
↑ Закруглённые углы окон
В Windows 8.1 и 10 Microsoft отошла от дизайна закруглённых углов окон, который до этого был у Windows XP, Vista и 7. В новой же Windows 11 компания решила вновь вернуться к этому решению. Закруглённые углы окон идеально вписываются в концепт Windows 11 как красивой, мягкой и гармоничной операционной системы. Закруглённые углы окон более естественны, чем острые. Округлых форм в природе значительно больше, чем заострённых. Человеческий мозг на примитивном уровне более благосклонно относится к фигурам округлой формы, тогда как угловатые формы у него ассоциируются с потенциальной угрозой.
↑ Макеты привязки
В Windows 11, друзья, можем лицезреть эволюцию системной функции привязки окон Snap Assist. Это функция удобного распределения нескольких окон на экране компьютера: можем прикрепить одно окно к любой из граней экрана, и Snap Assist даст нам визуальную подсказку, какие другие окна к каким граням экрана можно прикрепить в один клик. Эта функция появилась в Windows 10, и Microsoft сочла её настолько фундаментально важной, что урезанную её, являющую лишь сам механизм крепления окон без визуальной подсказки, реализовала в Windows 8.1 и 7. Более подробно о том, что являет собой Snap Assist в Windows 10, можете почитать в статье «Как разделить экран в Windows 10».
В Windows 11, построенной на лёгкой платформе пользовательского интерфейса WinUI, функция Snap Assist стала более шустрой, получила другую анимацию и эффекты, но главное – обзавелась новой возможностью в виде макетов привязки окон (Snap Layouts). Это макеты расположения окон на экране. В Windows 10 компоновку окон на экране нам нужно формировать самим, размещая каждое окно в нужную область экрана. В Windows 11 мы можем сразу выбрать подходящий нам макет с нужной компоновкой окон. Для этого необходимо всего лишь подвести курсор к кнопке сворачивания-разворачивания окна любого приложения, либо же нажать горячие клавиши отображения макетов привязки Win+Z. Макеты привязки, ребята, адаптируются к размеру экрана. На маленьких экранах операционная система предлагает нам 4 макета с оптимальным размещением окон.
На больших экранах предлагаемых макетов будет больше: операционная система предложит 6 макетов с разной компоновкой окон.
Можем выбрать, например, макет с двумя равномерно расположенными на экране окнами. И далее с помощью визуальной подсказки выбираем другое окно для размещения на экране.
Или можем выбрать макет с четырьмя окнами.
И с помощью визуальной подсказки оперативно заполнить макет нужными окнами.
↑ Группы привязки
Вместе с новым пользовательским интерфейсом Windows 11 получила новую панель задач. Ей пришлось расстаться с некоторыми старыми функциями как то: перетаскивание ярлыков для закрепления, панели инструментов, возможность настройки размера панели задач, возможность расположения её с любой стороны экрана. Но взамен панель задач получила примечательную функцию групп привязки. Это функция запоминания компоновок окон, созданных с помощью Snap Assist. Она позволяет нам оперативно вернуться к макетам привязки окон, с которыми мы работали до переключения на другие окна. Если окно у нас скомпоновано с другими, при его восстановлении на панели задач оно доступно нам отдельно и вместе с макетом привязки.
↑ Стыковка окон
И ещё одна интересная возможность по работе с окнами, появившаяся в Windows 11 – их стыковка (Docking), это сохранение расположения окон на других экранах компьютера. В прежних версиях Windows, если мы отключим второй монитор ПК или внешний экран ноутбука, все размещённые на нём окна перемесятся на основной экран. В Windows 11 у нас есть возможность сохранения расположения окон на других экранах при их отключении. При отключении других экранов окна сворачиваются, при необходимости они могут быть развёрнуты на основном экране, но при подключении других экранов окна возвращаются на другие экраны. Стыковка – предустановленная настройка в системных параметрах, при необходимости может быть отключена.
Вот такие, друзья, возможности у окон Windows 11.
Применение скругленных углов в классических приложениях для Windows 11
Скругленные углы — это самая заметная особенность в геометрическом оформлении интерфейса Windows 11. В Windows 11 система автоматически скругляет углы окон верхнего уровня для всех предустановленных приложений, включая все приложения UWP, и большинства других приложений. Но в некоторых приложениях Win32 окна могут не скругляться. В этой статье объясняется, как применить скругление углов главного окна приложения Win32, если система не делает это автоматически.
По умолчанию скругление в приложениях не применяется при максимальном развертывании и прикреплении окон, а также при работе на виртуальной машине, в Виртуальном рабочем столе Windows (WVD) и в окне Application Guard в Windows Defender (WDAG).
Почему в моем приложении не скруглены углы?
Если углы основного окна вашего приложения не скругляются автоматически, это связано с тем, что настроенные вами параметры рамки препятствуют скруглению. В контексте диспетчера окон рабочего стола (DWM), приложения делятся на три основные категории:
Приложения, в которых скругление применяется по умолчанию.
К ним относятся приложения, которым требуется полноценная предоставленная системой рамка и элементы управления заголовками (кнопки свертывания, развертывания и закрытия), например «Блокнот». Сюда также входят приложения, которые предоставляют системе достаточно информации, чтобы она могла правильно скруглить углы, например задать стили окна WS_THICKFRAME и WS_CAPTION или предоставить границу неклиентской области шириной в 1 пиксель, которую система может использовать для скругления углов.
Приложения, в которых скругление не применено в соответствии с политикой, но в которых это можно сделать.
Приложения этой категории обычно самостоятельно настраивают большую часть рамки окна, но им по-прежнему требуется отображаемая системой граница и тень (например, Microsoft Office). Если в вашем приложении скругление не применяется в соответствии с политикой, это может быть вызвано одной из следующих причин:
Изменение в одном из этих пунктов приведет к нарушению автоматического скругления. Хотя мы старались скруглить углы как можно большего количества приложений с помощью нашей системной эвристики, есть некоторые комбинации настроек, которые мы не можем предсказать. Для таких случаев мы предусмотрели API, позволяющий предоставить согласие вручную. Если вы устраните эти проблемы в приложении или вызовете API предоставления согласия, как описано в следующем разделе, система сможет применить скругление. Но обратите внимание, что API является указанием для системы и не гарантирует скругление в зависимости от настроек.
Приложения, для которых нельзя применить скругление, даже если они вызывают API предоставления согласия.
У таких приложений нет рамки или границ, а их пользовательский интерфейс обычно имеет широкие возможности настройки. Если в приложении выполняется одно из следующих действий, в нем нельзя применить скругление:
Например, приложение может размещать прозрачные пиксели вокруг главного окна путем альфа-наложения для каждого пикселя для достижения эффекта настраиваемой тени. В результате окно теряет прямоугольную форму и система не может скруглить углы.
Как предоставить согласие на скругление углов
определения API
Если в приложении не применяется скругление в соответствии с политикой, при необходимости можно вызвать наш новый API, чтобы для вашего приложения можно было предоставить согласие на скругление углов. Этот API выражается как значения перечисления, которые должны передаваться в API DwmSetWindowAttribute, как показано в новом перечислении DWM_WINDOW_CORNER_PREFERENCE. Перечисление DWM_WINDOW_CORNER_PREFERENCE определено в заголовке dwmapi.h и доступно в последней версии пакета SDK Insider Preview.
| Значение перечисления | Описание |
|---|---|
| DWMWCP_DEFAULT | Система определяет, следует ли скруглять углы окон. |
| DWMWCP_DONOTROUND | Скругление не применяется. |
| DWMWCP_ROUND | Скругление применяется, если это уместно. |
| DWMWCP_ROUNDSMALL | Скругление с небольшим радиусом применяется, если это уместно. |
Указатель на соответствующее значение из этого перечисления передается третьему параметру функции DwmSetWindowAttribute. Для второго параметра, который указывает, какой атрибут задается, передайте новое значение DWMWA_WINDOW_CORNER_PREFERENCE, определенное в перечислении DWMWINDOWATTRIBUTE.
Приложения C#
Примеры
В приведенных ниже примерах показано, как вызвать DwmSetWindowAttribute или DwmGetWindowAttribute, чтобы управлять скруглением углов в приложении, если скругление не применяется в соответствии с политикой.
Для краткости и ясности в этих примерах обработка ошибок исключена.
Пример 1. Скругление углов главного окна приложения в C# — WPF
Чтобы вызвать DwmSetWindowAttribute в классическом приложении C# WPF, необходимо импортировать dwmapi.dll и сигнатуру функции DwmSetWindowAttribute с использованием P/Invoke. Сначала необходимо переопределить необходимые значения перечисления из собственного заголовка dwmapi.h, а затем объявить функцию с использованием типов C#, эквивалентных исходной собственной функции. Так как оригинал принимает указатель на третий параметр, обязательно используйте ключевое слово ref, чтобы можно было передать адрес переменной при вызове функции. Это можно сделать в классе MainWindow в MainWindow.xaml.cs.
Затем в конструкторе MainWindow после вызова InitializeComponent создайте новый экземпляр класса WindowInteropHelper, чтобы получить указатель на базовый дескриптор окна (HWND). Обязательно используйте метод EnsureHandle, чтобы система создала HWND для окна перед его отображением, так как обычно система делает это только после выхода из конструктора.
Пример 2. Скругление углов главного окна приложения в C# — WinForms
Как и в случае с WPF, для приложения WinForms сначала необходимо импортировать dwmapi.dll и сигнатуру функции DwmSetWindowAttribute с использованием P/Invoke. Это можно сделать в основном классе Form.
Вызов DwmSetWindowAttribute также соответствует вызову в приложении WPF, но при этом вам не нужно использовать вспомогательный класс для получения HWND, так как это просто свойство Form. Вызовите эту функцию из конструктора Form после вызова InitializeComponent.
Пример 3. Скругление углов главного окна приложения в C++
Для собственного приложения C++ можно вызвать DwmSetWindowAttribute в функции обработки сообщений после создания окна, чтобы система применила скругление.
Пример 4. Скругление углов меню с небольшим радиусом — С++
По умолчанию меню — это всплывающие окна, углы которых не скругляются. Если приложение создает пользовательское меню и вы хотите, чтобы оно соответствовало политике скругления для других стандартных меню, можно вызвать API. Он проинформирует систему о том, что углы этого окна должны быть скруглены, даже если это не соответствует политике скругления по умолчанию.
Интерфейс с закругленными углами в Windows 10 версии 1903
Функция поиска в Windows 10 уже имеет закругленный угол
Поиск в Windows 10 является первым элементом, который получил закругленные углы, и, как оказалось, рестайлинговый интерфейс уже доступен в операционной системе по умолчанию, но отключен, поэтому никто не может его увидеть.
В то же время, однако, с некоторыми простыми шагами, которые включают создание новых записей реестра, любой может испытать переработанный пользовательский интерфейс Windows 10, включив этот рестайлинговый пользовательский интерфейс поиска перед его публичным запуском.
Это возможно только в Windows 10 May 2019 Update или в версии 1903, поэтому убедитесь, что ваше устройство уже обновлено до этой последней версии. Излишне говорить, что, поскольку совет включает в себя создание новых элементов реестра, вы должны сначала сделать резервную копию вашего устройства. Просто, чтобы убедиться, что вы можете восстановить его, если что-то пойдет не так.
По сути, все сводится к созданию трех разных записей. Поэтому сначала откройте редактор реестра, щелкнув меню «Пуск», а затем набрав regedit.exe. Затем выполните следующие шаги для создания этих записей:
Запись в реестре No 1
Перейдите в следующее место в редакторе реестра:
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Search\
Щелкните правой кнопкой мыши на правой странице экрана и создайте новое 32-разрядное значение DWORD с именем:
ImmersiveSearch
Присвойте ему значение 1, и тогда вы сможете перейти к следующему шагу. Убедитесь, что вы не добавляете пробелы в названии записи.
Запись в реестре No 2
Теперь вам нужно перейти в следующее место, также в редакторе реестра:
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Search\Flighting\
На этот раз вам нужно создать подраздел Flighting. Поэтому щелкните правой кнопкой мыши папку Flighting> New и назовите новый ключ:
Override
Еще раз, убедитесь, что вы не добавляете пробелы в конце имени.
Запись в реестре No 3
И, наконец, выберите недавно созданный ключ переопределения, а затем щелкните правой кнопкой мыши на правой панели, чтобы создать новое значение DWORD (32-разрядное значение) с именем:
ImmersiveSearchFull
Дважды щелкните ImmersiveSearchFull, чтобы изменить его значение, и введите 1 с помощью клавиатуры.
В том же месте создайте новый вид DWORD (32-битное значение) с именем:
CenterScreenRoundedCornerRadius
Сделайте то же самое, чтобы изменить его значение, но на этот раз введите 9.
Закругленные углы в поиске Windows 10
Когда вы закончите все действия, вам нужно перезагрузить проводник или просто выйти из своей учетной записи или перезагрузить компьютер. Когда вы снова войдете в систему, при нажатии на значок поиска на панели задач теперь должно появиться отдельное окно поиска, которое больше не включает Cortana, но также имеет закругленные углы, о них я говорил ранее.
Процесс поиска точно такой же, как и в Windows 10 по умолчанию, поэтому самые большие изменения здесь заключаются в том, что он запускается в своем собственном окне, отделенном от панели задач, и вы получаете эти закругленные углы, которые вскоре расширятся по всей операционной системе.
Само собой разумеется, что на данный момент, эта модернизация пользовательского интерфейса все еще находится на ранних стадиях, поэтому может потребоваться некоторое время, пока Microsoft не подготовит ее для наших устройств. Учитывая, что обновление 19H2, скорее всего, будет лишь незначительным обновлением, есть большая вероятность, что обновление функций весной 2020 года для Windows 10 представит этот долгожданный фейслифтинг пользовательского интерфейса.