Ленточный интерфейс: обзор, разработка, использование / Fluent UI Or Ribbon Controls: Overview, Developing, Using
1. Введение Статья
посвящена относительно новому пользовательскому интерфейсу от Microsoft под кодовым названием Fluent UI (Ribbon, Лента).
Впервые его заметили пользователи Office 2007,
ну а на момент написания этой статьи он встречается во многих приложениях
самого разного назначения. Что дает лента? Как ее использовать в своих
приложениях? …Я постарался рассмотреть в данной статье как можно подробнее этот
интерфейс2.
Ribbon
Controls в
своих приложениях
2. Ribbon Controls в своих приложениях
Вы можете использовать Fluent UI в двух случаях: в первом случае в
качестве надстройки для приложений семейства Office 2007. Во втором случае – если вы разрабатываете
собственное самостоятельное приложение, в котором Fluent UI будет
отличной заменой классического главного меню (MainMenu).
2.1. Office
System
Для реализации первого случая здесь будет рассматриваться
среда Visual Studio
2008. Я в этой среде работал довольно мало времени и знаком с ней именно
поверхностно, и не ожидал, что добавить Fluent UI гораздо сложнее, чем в том же Delphi 2009, хотя казалось бы
– раз разработчик VS2008
и «ленты» один, то связь между ними должна быть «прозрачной». Тем не менее, чтобы,
наконец, добавить ее на форму, мне пришлось изрядно побродить по MSDN, различным форумам и
блогам.
Итак, рассмотрим пример создания собственной вкладки в
приложении Word 2007.
Естественно, запускаем Visual Studio 2008 и переходим к созданию решения.
Вы можете язык программирования, отличный от Visual Basic, порядок выполнения
указанных действий врятли изменится.
Итак, в «Типы проектов» находим
в закладке «Office» пункт 2007. Выбираем «Надстройка Word 2007» и нажимаем OK. На начальном этапе видим в обозревателе решений следующее:
Для
того, чтобы добавить форму с прототипом интерфейса Fluent UI, кликаем правой кнопкой мыши по WordAddIn2 (выделено жирным) и выбираем Добавить. В открывшемся окне выбираем «Лента (визуальный конструктор)»
и нажимаем «Добавить». Далее рассмотрим
подробнее что имеем:
Вкладка «TabAddIns(встроенный)»
говорит о том, что содержимое данной вкладки будет доступно во вкладке «Надстройки»
приложения, т.е. там, где по умолчанию им место. Если Вы хотите чтобы Ваша
надстройка располагалась на отдельной вкладке, тогда перейдите в свойства
вкладки (F4). Значение
параметра ControlID
-> ControlIDType измените на Custom.
В этом случае название вкладки будет определять параметр Label в тех же
свойствах.
Кстати уже можно скомпилировать проект (F5) и посмотреть как это выглядит в MS Word.
Не буду останавливаться
на том, как добавить новые элементы и действия к ним на вкладку – это стандартные
операции – просто перетаскиваете их из панели элементов.
