Как скрыть заголовок окна windows 10

Обновлено: 08.07.2024

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

С таким сложным программным обеспечением становится понятно, что есть небольшие хитрости в использовании пользовательского интерфейса, о которых большинство людей даже не подозревают. Мы собрали список полезных советов, которые помогут вам получить больше от вашей Microsoft Windows 10. Или, по крайней мере, научить вас некоторым вещам, о которых вы, возможно, не подозреваете.

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

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

Секретное меню Пуск

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

Показать кнопку на рабочем столе

Эта кнопка на рабочем столе на самом деле восходит к Windows 7, но тем не менее удобна. В правом нижнем углу рабочего стола находится секретная кнопка. Не видите ее? Посмотрите полностью вниз и вправо, за пределы даты и времени. Там вы найдете маленький кусочек невидимой кнопки. Нажмите на нее, чтобы свернуть все открытые окна.

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

Встряска

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

Поверните свой экран

Этот совет вряд ли полезен большинству, но вы можете вращать экран, одновременно нажимая Ctrl + Alt + D и любую из кнопок со стрелками. Стрелка вниз перевернет его вверх дном, кнопки со стрелками влево или вправо повернут на 90 градусов в сторону, а стрелка вверх вернет вас к стандартной ориентации. Если вы используете несколько дисплеев, эта функция позволяет вам ориентировать только данный дисплей.

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

Создать ярлык для выключения

Этот трюк сложен и, вероятно, не стоит усилий. Щелкните правой кнопкой мыши на рабочем столе> Создать> Ярлык . В появившемся всплывающем окне вставьте следующую строку кода:

% WINDIR% system32 SlideToShutDown.exe

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

Включить «Режим Бога»

Вы опытный пользователь, который хочет получить доступ к полным настройкам вашего компьютера? «Режим Бога» для вас. Щелкните правой кнопкой мыши на рабочем столе> «Создать»> «Папка». Переименуйте новую папку в:

Чтобы открыть окно «Режим Бога», дважды щелкните папку и получите полный доступ к настройкам.

Щелкните правой кнопкой мыши Tiles

Хотите быстро персонализировать плитки? Просто щелкните по ним правой кнопкой мыши, чтобы открыть всплывающее меню. Это меню предоставит вам различные возможности, такие как возможность открепления из меню «Пуск», изменение размера окон или отключение этой активной плитки.

Щелкните правой кнопкой мыши на панели задач

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

Перетащите, чтобы закрепить окна

Эта функция была доступна еще в Windows 7, но имеет некоторые дополнительные возможности в Windows 10.

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

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

Скрытые игры в Кортане

Это не игры в «веселом» смысле, а крутые маленькие убийцы времени, с которыми Кортана может помочь вам. Вы можете набрать (или сказать) «Rock Paper Scissors», «Roll the Die» или «Flip the Coin» в Cortana для забавного (?) Графического игрового процесса.

Быстрый переход между виртуальными рабочими столами

Вам нравится многозадачность на вашем ПК? В Windows 10 Microsoft наконец-то предоставила готовый доступ к виртуальным рабочим столам . Так что теперь вы можете действительно многозадачность.

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

После того, как вы щелкнете из представления задач, вы можете переключаться между виртуальными рабочими столами, нажимая кнопку Windows + Ctrl + стрелка вправо / влево. Это позволит вам автоматически переключаться между всеми открытыми окнами, которые вы разделили на разные рабочие столы, при этом все значки на рабочем столе останутся неподвижными.

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

Сделайте окно командной строки прозрачным

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

Чтобы получить доступ к интерфейсу командной строки в Windows 10, щелкните меню Windows и введите «Командная строка», чтобы открыть быстрый доступ к своему настольному приложению. Нажмите это. Чтобы персонализировать опыт, щелкните правой кнопкой мыши вверху окна, чтобы открыть всплывающее меню, и выберите «Свойства». Перейдите на вкладку «Цвета», чтобы увидеть ряд параметров персонализации. Внизу этой вкладки вы найдете ползунок «Непрозрачность», который позволяет видеть через окно командной строки. Эта функция позволяет вам кодировать в командной строке, одновременно наблюдая за рабочим столом.

Уведомления о тишине с помощью Focus Assist

Focus Assist, ранее известный как «Тихие часы», представляет собой переработанную функцию обновления от апреля 2018 года, которая дает вам больший контроль над уведомлениями, которые появляются на вашем компьютере. Перейдите в « Настройки»> «Система»> «Помощь при фокусировке», а затем прочтите полное руководство по настройке уведомлений для всего: от контактов и приложений до тревог по конкретным задачам.

Закрепите свои контакты

Теперь вы можете закрепить свои самые близкие контакты на панели задач так же, как и ваши наиболее используемые приложения. Просто нажмите на значок «Люди», и в нижней части всплывающего окна появится возможность найти и закрепить контакты на панели задач. Не видите контактов? Перейдите на вкладку «Приложения» в верхней части окна, чтобы подключить приложение «Почта», Skype или другие приложения из Магазина Microsoft и импортировать контакты, чтобы настроить эквивалент значков быстрого набора прямо на панели задач Windows 10.

Совместное использование

Смешанная реальность просмотра

Прекратите печатать, начните диктовать

Распознавание речи всегда было сильной стороной для Microsoft, но в последнем выпуске Windows 10 это почти вторая натура. В меню «Настройки» перейдите к «Время и язык»> «Речь»> «Связанные настройки» и нажмите «Речь, чернила и настройки конфиденциальности», чтобы включить речевые службы и предложения ввода.

Управляйте своим умным домом

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

Оттуда прокрутите вниз и нажмите на Подключенный дом. Во-первых, переключите опцию вверху на «Включить подключенный дом», после чего вы сможете войти на все свои умные домашние устройства, включая Nest, SmartThings, Ecobee, Honeywell и Hue, и подключиться к Cortana. После включения все, что вам нужно сделать, это сказать: «Привет, Кортана, установите термостат на 70 градусов».

Темный режим для проводника

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

Включить режим освещения

Темный режим сейчас в моде среди наших приложений, устройств и операционных систем, но с обновлением Windows 10 мая 2019 года Microsoft хочет вернуть свет. Облегченный режим Windows 10 с подсветкой, доступный в настройках дисплея, проще для глаз и может быть настроен для определенных компонентов и приложений Windows с помощью новой пользовательской опции, которая позволяет выбирать светлый или темный режим для отдельных элементов в Windows 10.

Облачный буфер обмена

Обновленный инструмент захвата экрана

Скрытая игровая панель

Используя команду Windows key-G, вы можете открыть новую улучшенную игровую панель. Это позволяет вам переключить ваш компьютер с Windows в игровой режим (который объединяет системные ресурсы для игры, отключает уведомления и позволяет записывать и транслировать ваши игры), а также добавлены панели для управления звуком. Вы также можете выполнить поиск игровой панели в меню «Пуск», чтобы настроить собственные сочетания клавиш для включения и выключения микрофона, захвата экрана, таймера записи и многого другого во время игры. И обязательно ознакомьтесь со сводкой лучших игр для ПК .

Нажмите Пауза при обновлении

Мы все знаем, что обновления важны. Они предоставляют вашей ОС новейшие функции, исправления безопасности и многое другое. Но иногда вы просто хотите, чтобы Windows оставила вас в покое без этих всплывающих окон. Если вы перейдете в «Настройки»> «Обновления и безопасность»> «Центр обновления Windows» после загрузки обновления за май 2019 года, вы увидите варианты приостановки обновления функций. Параметры зависят от того, какая у вас версия Windows 10 (Домашняя или Профессиональная)

Разблокировать каймоджи и символы

Нажмите Windows Key-Period (.), Чтобы открыть расширенное нижнее правое меню смайликов, символов «Kaimoji», созданных из символов Юникода, и широкого спектра различных символов.

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

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

Как делаю я в случае, например, с браузером Opera или Тоталом, если мне надо скрыть заголовок окна, но не потерять при этом таскбар?

Мой алгоритм действий:
1) переключаю окно в оконный, а не развернутый режим.
2) мышкой за углы это окно я растягиваю максимально во все стороны, чтобы оно "заполнило" экран, как если бы было запущено в развернутом виде.
3) посредством заранее запущенной отличной утилитки MoveInactiveWin, путем зажатия клавиши Alt и движениями мышкой перемещаю "растянутое" окно таким образом, чтобы окно спусктилось по вертикали вниз на сантиметров 5, как бы частично "уползая" за нижнюю кромку экрана.
4) встав на "отъехавшую" от верхней кромки экрана верхнюю границу окна (ведь ранее я все окно спустил вниз), при зажатой левой кнопке мыши я "дотягиваю" эту границу окна до верхней кромки экрана.

В итоге у меня временно получается размер окна такой, что по вертикали в оконном режиме оно как бы на сантиметра полтора БОЛЬШЕ чем размер экрана.
Дело за малым!
При зажатом альте становлюсь на любое место окна курсором мыши и ТЯНУ окно вверху по экрану таким образом, что заголовок УХОДИТ под верхнюю кромку экрана, а нижняя граница окна ВЫРАВНИВАЕТСЯ по отношению в таскбару Windows.
Возникает некий эффект предмета погружаемого в темную жидкость. часть предмета видна, а то что погружено в темную жидкость - нет.
Фактически я не "подавляю" заголовок окна, а УБИРАЮ его за верхнюю кромку экрана.

Вот в таком режиме, я получаю именно то что хочу и могу сколь угодно раз минимизировать такое окно и поднимать его снова - таскбар никуда не исчезнет!

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

Между тем, даже суррогатных средств для "борьбы" с толщиной панели задач у меня увы нет (

Предложите способы, я буду рад.

P.S. На всякий пожарный добавлю, что:

1) В винде ЛЮБОЕ окно работающей программы с программно подавленным заголовком, распахнутое на весь экран считается запрашивающим фокус на фуллскрин и поэтому винда немедленно убриает с экрана таскбар, что в моем случае абсолютно неприемлимо. То есть советовать мне программы для подавления заголовка не надо - это не прокатит.
2) Я прекрасно знаю о модифицированных темах Windows, об армии многочисленных лончеров, заменителй таскбара, дурацких тинейджержских астонах, виндблиндсах и т.п подменителей шелла, которые визуально могут немного изменить размеры элементов окон, панелей и т.д., но реально поменять ничего не дадут.
Это не то!
Мне эти глупости не нужны, мне нужно штатное изменение толщины родной панели задач Windows.

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

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

Степень настройки заголовка окна

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

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

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

простая настройка цвета доступна для Windows приложений с помощью XAML, DirectX и HTML. полная настройка доступна только для Windows приложений, использующих XAML.

Простая настройка цвета

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

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

Этот код можно разместить в методе OnLaunched приложения (App.xaml.cs) после вызова Window.Activate или на первой странице приложения.

Набор средств сообщества Windows предоставляет расширения, которые позволяют задать эти свойства цветов в XAML. Дополнительные сведения см. в документации по набору средств сообщества Windows.

При настройке цветов заголовка окна следует учитывать несколько особенностей.

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

Полная настройка

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

Чтобы скрыть заголовок окна по умолчанию и расширить собственное содержимое до области заголовка окна, задайте свойству CoreApplicationViewTitleBar.ExtendViewIntoTitleBar значение true.

В этом примере показано, как получить CoreApplicationViewTitleBar и задать свойству ExtendViewIntoTitleBar значение true. Это можно сделать в методе OnLaunched приложения (App.xaml.cs) или на первой странице приложения.

Этот параметр сохраняется даже после закрытия и перезапуска приложения. Если в Visual Studio задать для ExtendViewIntoTitleBar значение true, то для возврата к значению по умолчанию следует явным образом задать значение false и запустить приложение, чтобы перезаписать сохраненный параметр.

Перетаскиваемые области

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

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

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

Класс UIElement ( AppTitleBar ) входит в состав XAML для приложения. Можно объявить и задать строку заголовка в корневой странице, которая не изменяется, или объявить и задать область заголовка на каждой странице, к которой приложение может перейти. При настройке на каждой странице следует убедиться, что перетаскиваемая область остается согласованной по мере навигации пользователя по приложению.

Можно вызвать SetTitleBar для переключения на новый элемент заголовка окна во время работы приложения. Также можно передать значение null как параметр для метода SetTitleBar, чтобы вернуться к поведению перетаскивания по умолчанию. (Дополнительные сведения см. в разделе "Перетаскиваемая область по умолчанию".)

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

Например, если определить сетку как перетаскиваемую область, установите значение Background="Transparent" , чтобы сделать ее перетаскиваемой.

Эта сетка не является перетаскиваемой (но видимые элементы в ней можно перетаскивать): <Grid x:Name="AppTitleBar"> .

Эта сетка выглядит так же, но является полностью перетаскиваемой: <Grid x:Name="AppTitleBar" Background="Transparent"> .

Перетаскиваемая область по умолчанию

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

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

Системные кнопки заголовка

Размеры и расположение области элементов управления заголовка определяются классом CoreApplicationViewTitleBar, поэтому его можно учитывать в макете пользовательского интерфейса заголовка окна. Ширина зарезервированной области с каждой стороны задается свойствами SystemOverlayLeftInset и SystemOverlayRightInset, а ее высота задается свойством Height.

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

Интерактивное содержимое

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

Чтобы определить какую-либо область как перетаскиваемую область заголовка окна, необходимо вызвать метод SetTitleBar. Если этого не делать, система устанавливает перетаскиваемый по умолчанию область в верхней части страницы. Затем система будет обрабатывать все входные данные пользователя в этой области и не позволит входным данным достичь элементов управления.
Разместите интерактивные элементы управления поверх перетаскиваемой области, определенной вызовом SetTitleBar (с более высоким значением z-порядка). Не делайте своих дочерних элементов управления потомками UIElement, передаваемыми в Сеттитлебар. После передачи элемента методу SetTitleBar система считает его частью системного заголовка окна и направляет весь ввод указателя в этот элемент.

В данном случае элемент TitleBarButton имеет более высокое значение z-порядка, чем AppTitleBar , поэтому он получает ввод пользователя.

Прозрачность кнопок заголовка

Если задать свойству ExtendViewIntoTitleBar значение true, можно сделать фон кнопок заголовка прозрачным, чтобы сквозь него было видно фон приложения. Как правило, для полной прозрачности следует установить для фона значение Colors.Transparent. Для частичной прозрачности настройте альфа-канал для значения Color, заданного свойству.

Следующие свойства ApplicationViewTitleBar могут быть прозрачными:

ButtonBackgroundColor
ButtonHoverBackgroundColor
ButtonPressedBackgroundColor
ButtonInactiveBackgroundColor

Цвет фона кнопки не применяется к кнопке "Закрыть" в состояниях наведения и нажатия. В этих состояниях для кнопки "Закрыть" всегда используется определенный системой цвет.

Все остальные свойства цвета продолжат игнорировать альфа-канал. Если свойству ExtendViewIntoTitleBar задано значение false, все свойства цвета ApplicationViewTitleBar всегда игнорируют альфа-канал.

Полноэкранный режим и режим планшета

когда приложение запускается в полноэкранном режиме или планшетном режим (только Windows 10), система скрывает панель заголовка и кнопки элемента управления субтитрами. Однако пользователь может вызвать строку заголовка, чтобы она отображалась как наложение поверх пользовательского интерфейса приложения. Можно обработать событие CoreApplicationViewTitleBar.IsVisibleChanged, чтобы получать уведомление при скрытии или вызове заголовка окна и отображать или скрывать пользовательское содержимое заголовка окна по необходимости.

В этом примере показано, как обработать событие IsVisibleChanged, чтобы отобразить или скрыть показанный ранее элемент AppTitleBar .

Поддержка вертикальных вкладок – одно из основных отличий между Microsoft Edge и Google Chrome. Вертикальные вкладки, представленные в Microsoft Edge в конце 2020 года, перемещают панель вкладок из горизонтального положения прямо над адресной строкой на боковую панель слева.

В последнее время Microsoft добавила новые функции для вертикальных вкладок, сначала поддержку изменения размера вкладок, а затем поддержку группировок вкладок. Группировка вкладок, которые Microsoft представила в версии Edge 93, объединяют вкладки в группы. Для вертикальных вкладок функция группировки вкладок особенно удобна.

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

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

Начиная с версии Edge 93, все пользователи получат возможность скрыть заголовок при использовании вертикальных вкладок.

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

Как скрыть заголовок окна в режиме вертикальных вкладок Microsoft Edge

Чтобы скрыть заголовок окна в режиме вертикальных вкладок выполните следующие действия:

Откройте в браузере меню Параметры > Внешний вид или перейдите по ссылке: edge://settings/appearance
Прокрутите страницу немного вниз до раздела Настройка панели инструментов.
Нажмите на переключатель Скрыть заголовок окна на вертикальных вкладках.

На скриншоте отображена включенная функция.

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

С выходом Windows 10 компания Microsoft вернула понятие окна в его первозданном виде для приложений из Windows Store. Теперь, используя привычные кнопки в правом верхнем углу, можно менять размер, сворачивать/разворачивать и закрывать окно, независимо от типа приложения. Самое интересное, что Microsoft не отказалась от своего изначального направления – ориентации на контент. Эта философия не универсальна, но она хорошо подходит для целого пласта приложений. Согласитесь, если вы делаете игру или читалку, то стандартный заголовок с цветами заданными автоматически может слегка подпортить дизайн приложения. Поэтому новые широкие возможности настройки заголовка в приложениях универсальной платформы Windows (UWP) стали безусловным плюсом.

1. Скрываем заголовок. Как раз для тех случаев, когда в приложении необходимо полное погружение в контент и заголовок не нужен, существует функция сокрытия заголовка и перевода приложения в полноэкранный режим.

Сделать это крайне просто:

Обратите внимание, что функция TryEnterFullScreenMode возвращает значение Boolean, что позволит убедится в успехе перехода в полноэкранный режим, который не всегда гарантирован.

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

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

На заметку: для унификации поведения UWP-приложений и WinRT, при переходе в полноэкранный режим можно увидеть строку заголовка если подвести курсор мыши к верхнему краю окна. Это будет полезно при проектировании приложения.

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

Если погрузиться в этот функционал, слово «замена» не совсем подходит. Скорее мы просим платформу скрыть стандартный заголовок и говорим какой элемент в XAML будет выполнять его функции.

Делается всего двумя строчками кода:

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

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

Как это выглядит в XAML:

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

Во-первых, если сообщить платформе о том, что нужно использовать собственный заголовок, она отдаст ранее не доступную часть окна под макет, а значит все содержимое сдвинется вверх. Учитывая это, нужно позаботиться о том, чтобы в верхней части макета был только элемент заменяющий стандартный заголовок, а также убедиться, что ничто не перекрывается кнопками управления окном. В XAML выше корневой Grid отдает под заголовок одну строку высотой в 32 единицы. Здесь кроется еще один подвох – высота кнопок управления окном зависит от настроек Windows и равна 32 только при стандартных настройках, поэтому уважающий своего пользователя разработчик позаботится об отслеживании изменения настроек и отреагирует на это. В статье MSDN, посвященной методу Window.SetTitleBar можно узнать подробнее о том, как это сделать.

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

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

Но, платформа просто скроет стандартный заголовок, а необходимый элемент в качестве заголовка не установит. Тогда можно просто определить участки, за которые окно можно перетаскивать и добавить нужные действия в коде? Но, нет, все не так просто. На самом деле, если не вызвать метод SetTitleBar, то все что находится в макете окна попадет на место бывшего заголовка, потеряет возможность отлавливать ввод и будет вести себя как заголовок. Для чего же тогда нужна эта строчка кода? Она нужна для того, чтобы точно определить места, ведущие себя как заголовок. Если необходимо поместить туда кнопку, то она должна быть за пределами элемента CustomTitleBar.

Перепишем наш XAML следующим образом:

А в коде окна будет написано следующее:

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

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

Экспериментируя с данным кодом, можно добиться многих интересных результатов, но не стоит забывать о стандартизации и удобстве. Например, вы можете поместить CustomTitleBar внизу окна и тогда появится возможность перетаскивать окно не за верхнюю, а за нижнюю часть, но пользователь вряд ли скажет за это «спасибо». Хорошо обдумайте необходимость решения, прежде чем его применять. Кстати очень хорошим примером реализации собственного заголовка можно назвать браузер Microsoft Edge, в котором частью заголовка являются вкладки.

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

Для сокращения кода можно получить ссылку на текущий TitleBar и далее работать с ней:

Рассмотрим все свойства, отвечающие за цвета элементов заголовка:

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

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

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

Читайте также: