基于Windows 7中的 Ribbon开发技术应用

     Windows 7的画图工具采用了微软所称的Scenic Ribbon 界面,这种界面起初是在Office 2007中出现的,也在WordPad出现过。虽然很多用户还在抱怨

“不习惯Ribbon界面”、“很多功能找不到位置”等等,但是,随着微软的“强制”推行,Ribbon界面也在越来越被人们所接受, 很多应用软件也开始采用

Ribbon界面。更重要的是,在即将到来的Windows 7中,操作系统本身更是大量地应用了Ribbon界面。不管我们愿意或者不愿意,Ribbon界面开始大张旗鼓

地攻占我们的软件界面,成为继下拉式菜单后新的标准用户界面。作为用户,我们需要逐渐熟悉这种新的软件用户界面;而作为开发者,更是需要了解和认识

这种新的软件用户界面,新的交互方式,从而利于这种新界面的优势,为用户提供更加优秀的软件。“Ribbon来了!”

      为了支持开发人员,微软正在确保其设备驱动程序和应用模式在Vista和Windows 7 之间不变,以确保其兼容性。但是公司正在努力工作使开发人员接触

Windows 7的新技术,以使他们能够在他们自己的解决方案中应用一些新的高级特性。这包括诸如Jump Lists,PowerShell(《Windows Powershell应用编

程最佳实践》此书我正在编写中6月左右出版),“画图”的Scenic Ribbon control以及写字板,以及其它的组件。

      在Office 2007之后介绍了这个Scenic Ribbon.许多昂贵的商业解决方案都已经用到它。但最后,在即将推出的windows 7,微软推出了Scenic Ribbon.在这里
我第一次尝试在实例中使用从而在这里讲解出来。Scenic Ribbon是一个在ActiveX对象附加在窗口上,它的整个宽度的窗口,它的高度可配置的。它的尺寸会根据
你的需要而调整。Ribbon从一个XML中获得显示数据。这意味着您只使用几个函数调用,一些初始化并加载数据,以及一个意外事件处理程序触发Ribbon。由于
Ribbon是一个ActiveX界面,应用程序在XP或Vista下使用会初始化失败,但它会继续运行。当创建的XML时 ,运行intentcl.exe程序,创建项目工程文件。 

• 创建一个IUIFramework

IUIFramework* u_f = 0;
HRESULT hr 
= CoCreateInstance(CLSID_ScenicIntentUIFramework,
             
0,CLSCTX_ALL,__uuidof(IUIFramework),(void**)&u_f); 

• 执行一个IUIApplication

这个界面(除了IUnknown成员)有以下三个功能:

  1、当一个命令创建时调用ribbon:

virtual HRESULT __stdcall OnCreateUICommand(UINT32 commandId,
        UI_COMMANDTYPE typeID,IUICommandHandler 
**commandHandler); 

2、 当ribbon被一个命令是释放时:

virtual HRESULT __stdcall OnDestroyUICommand(UINT32 commandId, 
        UI_COMMANDTYPE typeID,IUICommandHandler 
*commandHandler); 

3、当ribbon变化时,视图也被相应的改变:

virtual HRESULT __stdcall OnViewChanged(UINT32 viewId,UI_VIEWTYPE typeID, 
        IUnknown 
*view,UI_VIEWVERB verb,INT32 uReasonCode); 

 •调用IUIFramework::Initialize( )与父窗口的ribbon,和执行IUIApplication 。
•调用IUIFramework::LoadUI( )与HINSTANCE和资源名称。

下面的图解释了需要采取的步骤,以实现一个简单的Ribbon应用。

      命令处理程序OnCreateUICommand是调用每一个命令。看看下面的命令是XML格式。必须返回一个执行IUICommandHandler(AddRef ()+!)将处理命令
两个成员函数:

HRESULT __stdcall UpdateProperty(UINT32 commandId,REFPROPERTYKEY key,
        
const PROPVARIANT *currentValue,PROPVARIANT *newValue); 

当命令调用执行时。这个“verb”是UI_EXECUTIONVERB枚举,并通知您,触发什么样的事件,例如,字体选择下拉,一个按钮按下等使用
OnDestroyUICommand时,将没有必要了调用接口,但不调用Release() 。Ribbon将调用它。这只是通知你的目的是要被销毁,而不是请求释放它自己。

nViewChanged允许从IUIFramework和查询其状态请求一个接口。如果typeId == UI_VIEWTYPE_RIBBON和verb== UI_VIEWVERB_CREATE或
UI_VIEWVERB_SIZE 例如,这会告诉你,ribbon创建或改变大小,这样你就可以查询IUnknown指针的IUIRibbon并获得其预期的高度。

为了避免上述所有的问题,把这些接口包装到类库。一个RIBBON类,并且你使用如下:

RIBBON(HWND hh = 0);
~RIBBON();
bool Initialize(); 

Ribbon初始化成功返回Ture

bool LoadMarkup(HINSTANCE hInst,LPCWSTR resourceName); 

Ribbon初始化成功返回Ture
bool LoadMarkup(HINSTANCE hInst,LPCWSTR resourceName);

从资源里加载ribbon,如果现有的ribbon被加载,则释放它。
void DestroyMarkup();
销毁加载的ribbon。
int& DesiredHeight();

返回理想高度ribbon
void SetHeight(int);
允许设置ribbon高度

      调用类库向父窗口发送一个预定义的MESSAGE_RIBBON (const int MESSAGE_RIBBON = RegisterWindowMessage(L"{E733E4DA-904C-486b-B5FB-6201773D69DE}");),
与WPARAM设置为RIBBON *类,和LPARAM设置为RIBBON_MESSAGE结构:

struct RIBBON_MESSAGE
{
 IUIFramework 
* u_f;      // Pointer to the IUIFramework of the ribbon
 UINT32 cmd;            // Command ID 
 UINT32 reason;                 // Reason code (When View is changed)
 UI_COMMANDTYPE type;           // Type of the command
 UI_VIEWTYPE vtype;             // Verb Type of the view change (When View is changed)
 UI_VIEWVERB vverb;             // Verb of the view change (When View is changed)
 UI_EXECUTIONVERB verb;         // Verb of the command
 const PROPERTYKEY* key;        // Contains the new value
 const PROPVARIANT* cv;         // Contains the current value
 IUISimplePropertySet* pset;    // Contains an interface which you can set/query values
 void* view;                    // Contains an IUnknown* of the view interface
                                
// (when view is changed) which you
                                
// can use to query for an IUIRibbon.
 bool update;                   // true if view is changed.
 }; 

因此,如果您只是想重定向消息到WM_COMMAND ,您检查update ==false,erb== UI_EXECUTIONVERB_EXECUTE ,和type == UI_COMMANDTYPE_ACTION 。

LRESULT CALLBACK Main_DP(HWND hh,UINT mm,WPARAM ww,LPARAM ll)
 {
 
if (mm == MESSAGE_RIBBON)
         {
        RIBBON_MESSAGE
* rm = (RIBBON_MESSAGE*)ll;
        
if (!rm)
        
if (rm->update == false && rm->verb == UI_EXECUTIONVERB_EXECUTE 
                                
&& rm->type == UI_COMMANDTYPE_ACTION)
            SendMessage(hh,WM_COMMAND,rm
->cmd,0);
        }

}

 分析Ribbon的XML数据格式
由于ribbon本质上是一个代表性的一个XML地图,在这里您将实际花费大部分的时间来制定一个好的和工作ribbon.。

ribbon基本要素:一套命令,每个人可以有一个ID,一个符号,一个标签,一个提示,和一套图像。您定义这些命令为“按钮”和其他因素,如标签或一组标签。
一套要素,包括一个“应用程序的菜单” ,一个“快速访问工具栏”和“ribbon” ,其中载有一些标签。每个标签可以有一些组,每个组都可以有一些预定义的控制。

这些组都必须标明具体的“大小”和布局;所以举例来说,如果你想说, 6组内的按钮,你只有三种预定义的方式,安排他们。
这里是一组实例命令:

<Command Name="cmdNew" LabelTitle="New" Symbol="cmdNew" 
  Comment
="New" Id="22001" TooltipTitle="Tooltip Title" 
  TooltipDescription
="Tooltip Text">
     
<Command.SmallImages>
        
<Image>1-32a.bmp</Image> 
      
</Command.SmallImages>
      
<Command.LargeImages>
        
<Image>1-32a.bmp</Image>
      
</Command.LargeImages>
    
</Command>
<Command Name="cmdOpen" LabelTitle="Open" 
   Symbol
="cmdOpen" Comment="Open" Id="22002" />
<Command Name="cmdSave" LabelTitle="Save" 
   Symbol
="cmdSave" Comment="Save" Id="22003" />
<Command Name="Tab1" LabelTitle="First Tab" Symbol="_44" Id="30001"/>
<Command Name="Tab2" LabelTitle="Second Tab" Id="30002"/>
<Command Name="cx1" LabelTitle="Check Box 1" />
<Command Name="Font1" LabelTitle="Font Selection1" />
<Command Name="cpick1" LabelTitle="Choose Color" />
<Command Name="cmdn1" LabelTitle="Main Menu" />
<Command Name="g1" LabelTitle="Group 1" /> 

请注意, “按钮”命令,将需要的图片(小16x16 ,或大32x32,或64x64点英寸,但我已经发现,ribbon大的图像调整得很好) ,但其他的“命令”像标签标或
一组标签只需要姓名和头衔,因为没有命令编号与他们有联系的。

以下是如何创造一个“应用程序的菜单”:

 <Ribbon.ApplicationMenu>
    
<ApplicationMenu CommandName="cmdn1">
      
<MenuGroup Class="MajorItems">
        
<Button CommandName="cmdNew" />
        
<Button CommandName="cmdOpen" />
        
<Button CommandName="cmdSave" />
      
</MenuGroup>
    
</ApplicationMenu>
</Ribbon.ApplicationMenu> 

现在,你有一个应用程序的菜单中有三个按钮:新建,打开,保存。 以下是如何建立快速访问工具栏:

<Ribbon.QuickAccessToolbar>
     
<QuickAccessToolbar CustomizeCommandName="cmdCustomize">
         
<QuickAccessToolbar.ApplicationDefaults>
             
<Button CommandName="cmdNew" />
         
</QuickAccessToolbar.ApplicationDefaults>
     
</QuickAccessToolbar>
</Ribbon.QuickAccessToolbar> 

现在,你有一个快速访问工具栏的新的内部指令,加上一个按钮定义的“ cmdCustomize ”这应该可以自定义快速访问工具栏。请注意,Ribbon使用户可以改变按钮,出现在快速访问工具栏。

而且,这里是如何创建一个标签与一些组:

<Ribbon.Tabs>
            .
    
<Tab CommandName="Tab1" >
      
<Tab.ScalingPolicy>
        
<ScalingPolicy>
          
<ScalingPolicy.IdealSizes>
            
<Scale Group="g1" Size="Large" />
            
<Scale Group="g2" Size="Large" />
            
<Scale Group="g3" Size="Large" />
            
<Scale Group="g4" Size="Large" />
          
</ScalingPolicy.IdealSizes>
        
</ScalingPolicy>
      
</Tab.ScalingPolicy>
      
<Group CommandName="g1" SizeDefinition="OneButton">
        
<Button CommandName="cmdNew" />
      
</Group>
      
<Group CommandName="g2" SizeDefinition="ThreeButtons">
        
<Button CommandName="cmdNew" />
        
<Button CommandName="cmdOpen" />
        
<Button CommandName="cmdSave" />
        
<DialogLauncher CommandName="cmdSave" />
      
</Group>
      
<Group CommandName="g3" SizeDefinition="OneFontControl">
        
<FontControl CommandName = "Font1"  FontType = "RichFont" />
      
</Group>
      
<Group CommandName="g4">
        
<DropDownColorPicker CommandName="cpick1" ChipSize = "Large" />
      
</Group>
</Tab> 

注意,该标签已经提到命令“ Tab1 ”其中包含的标签名称。此标签有四个组,缩放的政策不是任意设置为“大” , “中等”或“小” ,但它依赖于一些控制和布局模板。

这意味着,如果您的组是“ OneButton ” ,它必须被设置为“大”规模的大小。
有一个预定义的一些模板,但你也可以使用<SizeDefinition>定制模板。您可以查看示例的自定义模板。 每个小组可以有许多事情,包括按钮,旋转按钮,下拉,字体控制,
颜色选择器,对话框启动器,分离器,和所有的东西中描述的标记元素网页。我的上述4组有一些按钮,字体选择和颜色选择器。
我们如何获得从颜色选择器值?检查type == UI_COMMANDTYPE_COLORANCHOR和PROPVARIANT “cv”值包含一个整数,代表的RGB 。
我们如何获得字体选择值?该类型UI_COMMANDTYPE_FONT和PROPVARIANT “cv”值包含一个IUnknown ,但我还没有找到如何获得让字体!

根据您的应用程序的背景,您可能需要一些标签和/或组显示或者隐藏。明确的插入每一个组/标签,ribbon提供了“应用模式” ,这是一个32位模式的字节设置,他们应该是
“active” 。应用模式适用于组和标签。

例如,这里的定义是在“ Tab1 ”

<Tab CommandName="Tab1" ApplicationModes="0,2">

这意味着,当位0或2位在当前选定的模式设置,然后在标签的显示。因此,当我请Ribbon:: SetModes ( 0 ) ,此标签将会隐藏。当我使用2个或8或任何整数,那么0或2位设置
,该标签将显示。 同样可以很容易的适用于程序组。

<Group CommandName="g1" SizeDefinition="OneButton" ApplicationModes="3">
     为了获取/设置ribbon管理的一些状态,。您可以使用IUIFramework::  GetUICommandProperty获得一个特殊键,或者您也可以查询“cv” IUnknown成员通过
RIBBON_MESSAGE结构的IPropertyStore ;使用GetValue ( ) / SetValue ( ) /提交到读/写性能引用控制。还有一些“整体”键,您查询IUIFramework直接的IPropertyStore 。
例如,当我得到通知, WndProc的颜色选择,它适用于它的背景颜色的ribbon如下:

PROPVARIANT val;
// Get the property of the control we pushed
HRESULT hr = rm->u_f->GetUICommandProperty(rm->cmd,UI_PKEY_Color,&val); 
IPropertyStore
* st = 0;
rm
->u_f->QueryInterface(__uuidof(IPropertyStore),(void**)&st);
if (st && SUCCEEDED(hr))
 {
 st
->SetValue(UI_PKEY_GlobalBackgroundColor,val);
 st
->Commit();
  }

如果在字体控制,您只需查询IUnknown 指针* pointer的IPropertyStore和使用UI_PKEY_FontProperties_XXXX键。

     总结:随着Windows平台的发展升级,往往都伴随着系统图形界面的重新设计。从Windows XP到Windows Vista,最大的革新就是Windows Aero的引入。

而在微软的下一代Windows平台Windows 7中,虽然Aero被保留下来,但是Windows 7的图形用户界面更多的是朝着Office 2007相同的方向前进,无论是系统自带的工具软件

,例如画图、写字板等,还是上层的第三方应用软件,例如Office 2007、AutoCAD、SnagIt等等,都全面应用了Ribbon界面。

———————————————————————
任何美好的事物只有触动了人们的心灵才变的美好;
孤独的时候看看天空里的雨,其实流泪的不只是你。
人生只有走出来的美丽,没有等出来的辉煌!

———————————————————————
 

原文地址:https://www.cnblogs.com/xiaoyin_net/p/1393856.html