Пошаговое руководство: Создание приложения с ленточным интерфейсом с помощью MFC

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

Предпосылки

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

Создание приложения MFC с лентой

1. Используйте мастер приложений MFC для создания приложения MFC с лентой. См. раздел «Пошаговое руководство: использование новых элементов управления оболочки MFC» для получения инструкций по открытию мастера в вашей версии Visual Studio.

2. Задайте следующие параметры в мастере приложений MFC:

   1. В разделе "Тип приложения" в разделе "Визуальный стиль и цвета" выберите Office 2007 (синяя тема).

   2. В разделе "Поддержка составных документов " убедитесь, что выбран параметр None .

   3. В разделе "Свойства шаблона документа " в поле расширения файла введите расширение имени файла для документов, создаваемых этим приложением, например mfcrbnapp.

   4. В разделе поддержки базы данных (только Visual Studio 2015) убедитесь, что выбран параметр None .

   5. В разделе "Функции пользовательского интерфейса" убедитесь, что выбрано "Использовать ленту".

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

3. Нажмите кнопку "Готово ", чтобы создать приложение MFC.

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

   Мастер автоматически создает ленту с одной категорией ленты с именем Home. Эта лента содержит три панели ленты, которые называются Буфер обмена, Вид и Окно.

Добавление категории и панели на ленту

1. Чтобы открыть ресурс ленты, созданный мастером, в меню "Вид " наведите указатель мыши на Другие окна и выберите «Просмотр ресурсов». В представлении ресурсов нажмите Лента, а затем дважды щелкните IDR_RIBBON.

2. Сначала добавьте настраиваемую категорию на ленту, дважды щелкнув категорию на панели элементов.

   Создается категория с подписью Category1 . По умолчанию категория содержит одну панель.

   Щелкните " Категория1" правой кнопкой мыши и выберите пункт "Свойства". В окне "Свойства" измените заголовок на Custom.

   Свойства больших изображений и небольших изображений указывают растровые изображения, используемые в качестве значков для элементов ленты в этой категории. Так как создание пользовательских растровых карт выходит за рамки этого пошагового руководства, просто повторно используйте растровые изображения, созданные мастером. Небольшие растровые изображения — 16 пикселей на 16 пикселей. Для небольших изображений используйте растровые изображения, доступ к которым осуществляется по идентификатору ресурса IDB_FILESMALL. Большие растровые изображения — 32 пикселя на 32 пикселя. Для больших изображений используйте растровые изображения, которые можно получить с помощью идентификатора ресурса IDB_FILELARGE.

   Замечание

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

3. Затем настройте панель. Панели используются для группировки элементов, которые логически связаны друг с другом. Например, на вкладке «Главная» этого приложения команды «Вырезать», «Копировать» и «Вставить» находятся на панели Буфер обмена. Чтобы настроить панель, щелкните правой кнопкой мыши Панель1 и выберите пункт "Свойства". В окне "Свойства" измените заголовок на избранное.

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

4. Чтобы убедиться, что категория ленты и панель были созданы успешно, просмотрите элемент управления ленты. На панели инструментов редактора ленты нажмите кнопку "Тестовая лента ". На ленте должна отображаться настраиваемая вкладка и панель "Избранное ".

Чтобы добавить элементы на панели ленты

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

2. Сначала добавьте кнопку "Печать ". Кнопка "Печать " будет содержать подменю, содержащую команду быстрого печати , которая печатается с помощью принтера по умолчанию. Обе эти команды уже определены для этого приложения. Они находятся в меню приложения.

   Чтобы создать кнопку "Печать ", перетащите средство "Кнопка" на панель.

   В окне свойств измените свойство идентификаторана ID_FILE_PRINT, которое уже должно быть определено. Измените подпись на печать. Измените индекс изображения на 4.

   Чтобы создать кнопку быстрого печати , щелкните столбец значения свойства рядом с элементами меню и нажмите кнопку с многоточием (...). В редакторе элементов нажмите кнопку " Добавить ", чтобы создать элемент меню. В окне "Свойства" измените заголовок на быструю печать, идентификатор на ID_FILE_PRINT_DIRECT и изображение на 5. Свойство изображения указывает значок Быстрая печать в ресурсе растрового IDB_FILESMALL изображения.

3. Чтобы убедиться, что кнопки были добавлены на панель ленты, создайте приложение и запустите его. Чтобы создать приложение, в меню "Сборка" нажмите кнопку "Создать решение". Если приложение успешно строится, запустите приложение, нажав кнопку "Начать отладку " в меню отладки . Должна отображаться кнопка "Печать " и поле со списком на панели "Избранное " на вкладке "Пользовательская " на ленте.

Дальнейшие шаги

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

Практическое руководство. Настройка кнопки приложения

Полные примеры см. в разделе "Примеры" (пакет дополнительных компонентов MFC).

См. также

пошаговое руководство
Примеры (пакет дополнительных компонентов MFC)