Что отображается в строке заголовка
Перейти к содержимому

Что отображается в строке заголовка

  • автор:

Строка заголовка (справочник по элементам пользовательского интерфейса MSAA)

В этом разделе описываются объекты заголовка для справки по элементам пользовательского интерфейса MSAA. Создание объектов заголовка в различных платформах пользовательского интерфейса не описывается здесь. См. справочную документацию по API для используемой платформы пользовательского интерфейса.

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

Строки заголовков содержат по крайней мере три небольшие кнопки, которые свернуты, разворачивают или восстанавливают, а также закрывают окно, связанное с заголовком окна. Заголовки строк также содержат контекстно-зависимые кнопки справки. Приложения, работающие в Far-East версии операционной системы Windows, также могут содержать кнопки редактора метода ввода (IME). Microsoft Active Accessibility предоставляет эти кнопки в качестве дочерних элементов заголовка окна.

Методы IAccessible

Заголовки поддерживают следующие методы IAccessible :

Свойства IAccessible

Заголовки строк поддерживают следующие свойства IAccessible :

  • «Перемещает окно из
  • «Делает окно заполненным
  • «Помещает свернутый или
  • «Закрывает окно»
  • «Ввод или выход из контекста-
  • «Открывает клавиатуру при нажатии»
  • «Свернуть»
  • «Развернуть» или «Восстановить»,
  • «Close» (Закрыть)
  • «Контекстная справка»
  • «IME»

Примечания

  • Хотя в строке заголовка приложения есть флаг свойства StateSTATE_SYSTEM_FOCUSABLE, флаг State никогда не STATE_SYSTEM_FOCUSED. Установка фокуса на объект заголовка окна приложения.
  • Поскольку объект заголовка строки не поддерживает get_accChild, кнопки в строке заголовка являются простыми элементами. Они не поддерживают интерфейс IAccessible . Объект заголовка окна предоставляет сведения об этих дочерних кнопках.
  • Так как заголовки строк не получают фокус и не имеют действия по умолчанию, методы accDoDefaultAction и get_accDefaultAction для этого элемента управления не поддерживаются.

Строка заголовка

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

An example of a title bar

Стандартный дизайн

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

Линейчатая диаграмма

Проектирование

  • Стандартная строка заголовка имеет высоту 32px.
  • Фон строки заголовка по умолчанию — Mica, однако мы рекомендуем, чтобы строки заголовков смешивались с остальной частью окна, если это возможно.
  • Заголовки помогают пользователям различать, когда окно активно и неактивно. Все элементы строки заголовка должны быть полупрозрачными, если окно неактивно.
  • Цвета строк заголовка должны настраиваться при переходе пользователей на темы высокой контрастности или между светлыми и темными режимами.
    • Для тем высокой контрастности приложения должны использовать SystemColors класс для определения правильного цвета элементов пользовательского интерфейса, чтобы упростить более высокую контрастность.

    Поведение

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

    Icon

    Проектирование

    • Размер значка окна составляет 16 пикселей на 16 пикселей.
    • Поместите значок 16px из левой границы в LTR или правой границе в RTL.
      • Если кнопка «Назад» присутствует, поместите значок окна 16 пикселей справа от кнопки «Назад».

      Поведение

      • В меню системного окна должен отображаться одно щелчок или коснитесь значка.
      • Дважды щелкните или коснитесь окна.

      Заголовок

      Проектирование

      • Поместите заголовок окна 16 пикселей из значка окна или кнопки «Назад».
        • Если ни значок, ни кнопка «Назад» отсутствуют, поместите заголовок окна 16 пикселей из левой границы в LTR или правой части границы в RTL.

        Поведение

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

        Элементы управления субтитрами (свернуть, развернуть, восстановить, закрыть)

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

        Проектирование

        • Используйте эти значки для кнопок:
          • Значок свернуть: E921 ChromeMinimize
          • Значок развертывания: E922 ChromeMaximize
          • Значок восстановления: E923 ChromeRestore
          • Значок закрытия: E8BB ChromeClose

          Дополнительные шаблоны конструктора

          Кнопка «Назад»

          Проектирование

          Рекомендуемый значок кнопки назад: E830 ChromeBack

          • Если присутствует кнопка «Назад», она должна быть помещена слева от сочетания заголовка или значка или заголовка приложения (в LTR).
          • Кнопка «Назад» реагирует на неактивные состояния, наведите указатель мыши, нажатые, активные и неактивные состояния.
          • Кнопка «Назад» должна быть 16 пикселей на 16 пикселей и по вертикали в строке заголовка. Кнопка должна иметь полную обратную панель.
          • Кнопка «Назад» должна быть 16 пикселей от левой границы в LTR или правой части границы в RTL и 16 пикселей от следующего элемента слева или справа от него.

          An example of a back button in the title bar

          Search

          Проектирование

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

          An example of a search box centered in the title bar

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

          Люди

          Если представление учетной записи присутствует, элемент управления person-picture должен быть помещен слева от элемента управления подпись. Увеличьте размер строки заголовка до 48 пикселей при включении изображения пользователя.

          An example of a person picture control in the title bar

          Вкладки

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

          An example of a tab view with tabs in the titlebar area

          Следующие шаги

          Совместная работа с нами на GitHub

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

          Строка заголовка

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

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

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

          Панель меню

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

          Панель можно перемещать, растягивать или делать перемещаемой.

          Панели инструментов

          Панели инструментов содержат кнопки и меню, с помощью которых реализуется доступ к наиболее часто используемым командам. Word позволяет отображать около 20 различных панелей инструментов, однако, как правило, одновременно отображается 2-3. При первом запуске Word отображает две основные панели — «Стандартная» и «Форматирование». Для того, чтобы добавить/убрать панель, необходимо щелкнуть правой кнопкой мышки на любой панели инструментов и из выпадающего списка выбрать нужную панель.

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

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

          Линейки

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

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

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

          Нельзя установить курсор, а следовательно, и вводить текст, за пределами области документа, например, на полях или после конца текста.

          Заголовок HTML-страницы

          Это задание архивной части. Перейдите по ссылке, чтобы пройти задание в актуальной части.

          Заголовок страницы это тот текст, который отображается в левом верхнем углу браузера, а также во вкладках.

          Чтобы задать заголовок страницы, нужно использовать тег внутри тега . Например, вот так:

           Тренажёры — HTML Academy 

          Так выглядит заголовок страницы во вкладке браузера Mozilla Firefox.

          Заголовок HTML-страницы в Mozilla Firefox

          Хотите начать карьеру веб-разработчика? Записывайтесь на профессию «Фронтенд-разработчик», которая стартует 15 апреля 2024. Всего от 4 950 ₽ в месяц.

          Перейти к заданию

          • index.html Сплит-режим
          • style.css Сплит-режим

          Просто Кексик

          Тег <title>

          Этот тег обозначает заголовок страницы.

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

          Инструктор Кекс рекомендует использовать понятные заголовки.


          Проверить на сервере Проверка проводилась слишком много времени, попробуйте ещё разок Показать ответ

          Спасибо! Мы скоро всё исправим)

          Автозапуск

          Код изменился, нажмите «Обновить» или включите автозапуск.

          Вы перешли на другую страницу

          Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

          Увеличить 100% Уменьшить
          Задачи Выполнено

          1. Измените заголовок страницы с Просто Кексик на Инструктор Кекс .

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

          • Наша группа в VK
          • Наш канал на YouTube
          • Наша страница в Twitter
          • Наш канал в Telegram

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *