Основные элементы интерфейса операционной системы Windows

Элементы интерфейса ОС Windows

Интерфейс ОС Windows — графический. Он позволяет осуществлять взаимодействие человека с компьютером в форме диалога с использованием окон, меню и элементов управления.

Перечислим основные элементы интерфейса.

1. Основную часть экрана системы занимает РАБОЧИЙ СТОЛ, на котором располагаются ЯРЛЫКИ.

2. В нижней части экрана системы располагается ПАНЕЛЬ ЗАДАЧ, на которой находится кнопка ПУСК, кнопки выполняемых задач и открытых папок, индикаторы и часы. Кнопка ПУСК позволяет вызывать ГЛАВНОЕ МЕНЮ, которое обеспечивает доступ практически ко всем ресурсам системы и содержит команды запуска приложений, настройки системы, поиска файлов и документов, доступа к справочной системе и др. Поскольку ОС Windows является многозадачной операционной системой, то есть параллельно могут выполняться несколько приложений, то каждое запущенное приложение отображается на ПАНЕЛИ ЗАДАЧ кнопкой.

3. Важнейшим элементом интерфейса являются ОКНА. Основными элементами ОКНА приложения являются:

— рабочая область (внутренняя часть окна, содержащая вложенные папки или окна документов);

— границы (рамка, ограничивающая окно с 4-х сторон);

— заголовок (строка непосредственно под верхней границей окна, название окна);

— значок системного меню (кнопка слева в строке заголовка, меню перемещения и изменения размеров);

— строка горизонтального меню (непосредственно под заголовком, обеспечивает доступ к командам);

— панель инструментов (под строкой горизонтального меню, набор кнопок для быстрого доступа к некоторым командам);

— кнопки («свернуть», «развернуть/восстановить», «закрыть», в верхней правой части окна).

4. МЕНЮ является одним из основных элементов интерфейса и представляет собой перечень команд, из которых необходимо сделать выбор. Выбор пункта меню приводит к выполнению определенной команды.

5. ДИАЛОГОВЫЕ ОКНА могут включать в себя разнообразные элементы:

ВКЛАДКИ (несколько страниц в одном окне);

СПИСКИ (набор предлагаемых на выбор значений, раскрывающийся список — текстовое поле, снабженное кнопкой со стрелкой вниз);

СЧЕТЧИКИ (пара стрелок, которые позволяют увеличивать или уменьшать значение в связанном с ними поле);

ПОЛЗУНКИ (элементы, позволяющие плавно изменять значение какого-либо параметра, например, громкости).

Библиотека пользовательского интерфейса Windows 2.x Windows UI Library 2.x

В библиотеке пользовательского интерфейса Windows предоставляются официальный набор элементов управления пользовательского интерфейса Windows и других элементов пользовательского интерфейса для приложений Windows. The Windows UI Library provides official native Windows UI controls and other user interface elements for Windows apps.

Она поддерживает совместимость низкого уровня с предыдущими версиями Windows 10, поэтому ваше приложение будет работать, даже если пользователи применяют не самую последнюю версию ОС. It maintains down-level compatibility with earlier versions of Windows 10, so your app works even if users don’t have the latest OS.

Ознакомьтесь с предварительной версией 4 библиотеки пользовательского интерфейса Windows 3 (февраль 2021 г.), крупным обновлением, связанным с платформой пользовательского интерфейса Windows 10. Check out the Windows UI Library 3 Preview 4 (February 2021), a major update to the Windows 10 UI platform.

Возможности Features

Новые элементы управления. Библиотека пользовательского интерфейса Windows содержит новые элементы управления, которые не предоставляются на платформе Windows по умолчанию. New controls: The Windows UI Library contains new controls that aren’t shipped as part of the default Windows platform.

Обновленные версии существующих элементов управления. Библиотека также содержит обновленные версии существующих элементов управления платформы Windows, которые можно использовать в более ранних версиях Windows 10. Updated versions of existing controls: The library also contains updated versions of existing Windows platform controls that you can use with earlier versions of Windows 10.

Поддержка более ранних версий Windows 10. API библиотеки пользовательского интерфейса Windows работают в предыдущих версиях Windows 10, поэтому для обеспечения работы пользователей, не использующих последние версии ОС, не нужно добавлять проверки версии или условный код XAML. Support for earlier versions of Windows 10: Windows UI Library APIs work on earlier versions of Windows 10, so you don’t have to include version checks or conditional XAML to support users who might not be running the very latest OS.

Поддержка XamlDirect. Интерфейсы API XAML Direct, предназначенные для разработчиков ПО промежуточного слоя, предоставляют доступ к функциям XAML более низкого уровня, которые обеспечивает более высокую производительность по нагрузке на ЦП и рабочему набору. Support for XamlDirect: The Xaml Direct APIs, designed for middleware developers, gives you access to a lower-level Xaml features which provide better CPU and working set performance. XamlDirect позволяет применять API XamlDirect в более ранних версиях Windows 10, не требуя писать специальный код для работы с несколькими целевыми версиями Windows 10. XamlDirect enables you to use XamlDirect APIs on earlier versions of Windows 10 without needing to write special code to handle multiple target Windows 10 versions.

Примеры Examples

Пример приложения XAML Controls Gallery включает интерактивные демонстрации и примеры кода для работы с элементами управления WinUI. The Xaml Controls Gallery sample app includes interactive demos and sample code for using WinUI controls.

Установите приложение XAML Controls Gallery из Microsoft Store. Install the XAML Controls Gallery app from the Microsoft Store

Также на сайте GitHub доступен открытый код приложения Xaml Controls Gallery. The Xaml Controls Gallery is also open source on GitHub

Документация Documentation

Практические руководства по элементам управления из библиотеки пользовательского интерфейса Windows вы найдете в документации по элементам управления универсальной платформы Windows. How-to articles for Windows UI Library controls are included with the Universal Windows Platform controls documentation.

Справочная документация по API доступна по этой ссылке: API библиотеки пользовательского интерфейса Windows. API reference docs are located here: Windows UI Library APIs.

Установка и использование библиотеки пользовательского интерфейса Windows Install and use the Windows UI Library

План разработки и открытый код Open source and developer roadmap

WinUI — проект с открытым кодом, размещенный на сайте GitHub. WinUI is an open source project hosted on GitHub. Мы рады любым сообщениям об ошибках, запросам на добавление функций и вкладам сообщества в создание кода, вносимым в репозиторий библиотеки пользовательского интерфейса Windows. We welcome bug reports, feature requests and community code contributions in the Windows UI Library repo.

Мы продолжаем разрабатывать и развивать WinUI, чтобы поддерживать новые сценарии разработки. We are continuing to develop and evolve WinUI to support more developer scenarios. Последние сведения о планах по разработке Windows см. в этой статье о стратегии развития, размещенной в репозитории библиотеки пользовательского интерфейса Windows. For the latest details about our plans for WinUI, see our roadmap on the Windows UI Library repo.

Список пакетов NuGet NuGet package list

Библиотека пользовательского интерфейса Windows содержит несколько пакетов NuGet: Список пакетов NuGet для библиотеки пользовательского интерфейса Windows. The Windows UI Library contains multiple NuGet packages: Windows UI Library NuGet package list.

Основные элементы пользовательского интерфейса Windows.

Отв: Элементы пользовательского интерфейса :

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

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

Мой компьютер представляет системную папку, обеспечивающую быстрый доступ к ресурсам компьютера: дискам, принтерам, сетевым дискам и принтерам и их настройке.

Мои документы – это системная папка, в которую помещаются создаваемые документы и их варианты.

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

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

При нажатии на кнопку Пуск открывается главное меню системы Windows.

Главное меню обеспечивает доступ ко всем функциям системы.

Назначение пунктов главного меню

— Программы — выводит перечень имеющихся программ, позволяет запускать программы;

— Документы – отображают список 15 последних документов, с которыми работал пользователь;

— Настройка – отображает список компонентов операционных систем, настройку которых можно изменить;

— Найти – позволяет найти и открыть конкретный файл или папку;

— Справка – обеспечивает вызов справочной системы для получения сведений о работе и настройки операционной системы;

— Завершение работы – завершает работу с Windows, позволяет перезагрузить компьютер.

4. Контекстное меню – или меню правого щелчка.

Щелчок правой кнопки мыши по объекту выводит на экран небольшое меню, которое позволяет выполнить доступные в данный момент для данного объекта команды.

Ярлык – это не сам объект, а указатель (ссылка) на него. Ярлык служит для ускорения запуска программ или документов. Объект и его ярлык обычно находятся в разных местах. Система Windows позволяет добавить ярлыки часто используемых приложений, папок, файлов и т.д. на рабочий стол. Чтобы открыть документ, папку или приложение, для которой создан ярлык, необходимо дважды щелкнуть по ярлыку.

Структура окна. Виды окон.

Отв: Окна – один из основных, самых важных элементов Windows. объект ОС, обеспечивающий взаимодействие пользователя с системой с помощью командной строки или графической оболочки.

Виды окон По предоставляемым функциям окна в Windows можно разделить на 5 видов: Служебные окна Окна документов Диалоговые окна Окна справочной системы Информационные окна Контекстное меню Общая структура окна Возможная схема последовательного открытия окон Служебные окна Служебные окна – окна служебных программ (позволяют работают с модулями системы). Окна папок и дисков показывают содержание дисков и папок.

Окна программ (приложений) отображают работу программ, внутри этих окон открываются окна документов.

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

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

Основные элементы окон Windows:

· -Кнопки управления окном: свернуть на панель задач, развернуть во весь экран (свернуть в окно), закрыть.

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

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

Опора деревянной одностоечной и способы укрепление угловых опор: Опоры ВЛ — конструкции, предназначен­ные для поддерживания проводов на необходимой высоте над землей, водой.

Механическое удерживание земляных масс: Механическое удерживание земляных масс на склоне обеспечивают контрфорсными сооружениями различных конструкций.

Организация стока поверхностных вод: Наибольшее количество влаги на земном шаре испаряется с поверхности морей и океанов (88‰).

Элементы управления приложений для Windows Controls for Windows apps

В разработке приложений для Windows элемент управления — это элемент пользовательского интерфейса, отображающий содержимое или обеспечивающий взаимодействие. In Windows app development, a control is a UI element that displays content or enables interaction. Элементы управления — это основа пользовательского интерфейса. Controls are the building blocks of the user interface. Шаблон — это макет для объединения нескольких элементов управления, позволяющий получить что-то новое. A pattern is a recipe for combining several controls to make something new.

Мы предоставляем более 45 элементов управления — от простых кнопок до мощных элементов управления данными, таких как представление сетки. We provide 45+ controls for you to use, ranging from simple buttons to powerful data controls like the grid view. Эти элементы управления являются частью системы Fluent Design и помогают создавать удобный и масштабируемый пользовательский интерфейс, который прекрасно выглядит на всех устройствах и экранах разного размера. These controls are a part of the Fluent Design System and can help you create a bold, scalable UI that looks great on all devices and screen sizes.

В статьях в этом разделе представлены инструкции по проектированию и программированию для добавления элементов управления и шаблонов в приложение для Windows. The articles in this section provide design guidance and coding instructions for adding controls & patterns to your Windows app.

Вступление Intro

Общие инструкции и примеры кода для добавления и настройки стиля элементов управления на языках XAML и C#. General instructions and code examples for adding and styling controls in XAML and C#.

Добавление элементов управления и обработка событий Add controls and handle events
Три основных действия для добавления элементов управления в приложение: добавление элемента управления в пользовательский интерфейс приложения, установка свойств элемента управления и добавление кода в обработчики событий элемента управления, чтобы он начал функционировать. There are 3 key steps to adding controls to your app: Add a control to your app UI, set properties on the control, and add code to the control’s event handlers so that it does something.

Настройка стиля элементов управления Styling controls
Платформа XAML предоставляет множество способов настройки внешнего вида приложений. You can customize the appearance of your apps in many ways by using the XAML framework. С помощью стилей вы можете настраивать свойства элементов управления и многократно использовать эти параметры, чтобы придать единообразный внешний вид нескольким элементам управления. Styles let you set control properties and reuse those settings for a consistent appearance across multiple controls.

Получение библиотеки пользовательского интерфейса Windows Get the Windows UI Library

Некоторые элементы управления доступны только в библиотеке пользовательского интерфейса Windows (WinUI). Это пакет NuGet, который содержит новые элементы управления и компоненты пользовательского интерфейса. Some controls are only available in the Windows UI Library (WinUI), a NuGet package that contains new controls and UI features. Чтобы получить ее, ознакомьтесь с общими сведениями и инструкциями по установке библиотеки пользовательского интерфейса Windows. To get it, see the Windows UI Library overview and installation instructions.
Начиная с версии WinUI 2.2 стиль по умолчанию для многих элементов управления обновлен для использования скругленных углов. Starting with WinUI 2.2, the default style for many controls has been updated to use rounded corners. Дополнительные сведения см. в разделе о радиусе угла. For more info, see Corner radius.

Алфавитный указатель Alphabetical index

Подробные сведения о конкретных элементах управления и шаблонах. Detailed information about specific controls and patterns.

• Анимированный визуальный проигрыватель (см. сведения о Lottie)
• Поле автозаполнения Auto-suggest box
• Кнопка Button
• Выбор даты в календаре Calendar date picker
• Представление календаря Calendar view
• Флажок Checkbox
• Палитра
• Поле со списком Combo box
• Панель команд Command bar
• Всплывающее меню панели команд
• Карточка контакта Contact card
• Диалоговое окно содержимого Content dialog
• Ссылка на содержимое Content link
• Контекстное меню Context menu
• Выбор даты Date picker
• Диалоговые окна и всплывающие элементы Dialogs and flyouts
• Кнопка раскрытия списка
• Представление пролистывания Flip view
• Flyout Flyout
• Формы (шаблон) Forms (pattern)
• Представление в виде сетки Grid view
• Гиперссылка Hyperlink
• Кнопка с гиперссылкой Hyperlink button
• Изображения и кисти изображений Images and image brushes
• Элементы управления рукописным вводом Inking controls
• Список/сведения (шаблон) List/details (pattern)
• Представление списка List view
• Элемент управления картой Map control
• Воспроизведение мультимедиа Media playback
• Строка меню
• Всплывающее меню Menu flyout
• Представление навигации

• Поле ввода номера телефона
• Представление параллакса
• Поле ввода пароля Password box
• Изображение пользователя
• Сведение Pivot
• Индикатор выполнения
• Кольцевой индикатор выполнения
• Переключатель
• Элемент управления «Оценка»
• Кнопка повтора Repeat button
• Поле форматируемого текста Rich edit box
• Блок форматированного текста Rich text block
• Средство прокрутки Scroll viewer
• Поиск (шаблон) Search (pattern)
• Контекстное масштабирование Semantic zoom
• Фигуры Shapes
• Ползунок Slider
• Разворачивающаяся кнопка
• Комбинированный режим Split view
• Элемент управления для прокрутки
• Вкладки
• Совет по обучению
• Блок текста Text block
• Текстовое поле Text box
• Выбор времени Time picker
• Тумблер Toggle switch
• Выключатель Toggle button
• Выключатель с разделением Toggle split button
• Подсказки Tooltips
• Представление в виде дерева
• Представление с двумя панелями
• Представление веб-страницы Web view

XAML Controls Gallery XAML Controls Gallery

Скачайте приложение XAML Controls Gallery с сайта Microsoft Store, чтобы просмотреть эти элементы управления и систему Fluent Design в действии. Get the XAML Controls Gallery app from the Microsoft Store to see these controls and the Fluent Design System in action. Данное приложение является интерактивным помощником для этого веб-сайта. The app is an interactive companion to this website. После его установки вы можете использовать ссылки на отдельные страницы элементов управления для запуска приложения, чтобы увидеть его в действии. When you have it installed, you can use links on individual control pages to launch the app and see the control in action.

Дополнительные элементы управления Additional controls

Дополнительные элементы управления для разработки для Windows предлагают такие компании, как Telerik, SyncFusion, DevExpress, Infragistics, ComponentOne и ActiPro. Additional controls for Windows development are available from companies such as Telerik, SyncFusion, DevExpress, Infragistics, ComponentOne, and ActiPro. Эти элементы управления обеспечивают дополнительную поддержку для предприятий и разработчиков .NET путем дополнения стандартных системных элементов управления пользовательскими элементами управления и службами. These controls provide additional support for enterprise and .NET developers by augmenting the standard system controls with custom controls and services.