1、 Symbol=cmdTabHome Id=30000 LabelTitle=主页 /按钮分组控件-GroupButtoncmdGroupMain30001按钮控件/NormalButtoncmdNormalButton30002普通按钮Command.TooltipTitle普通按钮Command.TooltipDescription这是一个普通按钮。/Command.TooltipDescriptionCommand.LargeImagesImage Source=Button_Image.bmp/Command.LargeImagesCommand.SmallImages/Command
2、.SmallImages/CommandDropDownButtoncmdDropDownButton30003下拉按钮下拉按钮这是一个下拉按钮。Button_ImageL.bmpButton_ImageS.bmpToggleButtoncmdToggleButton30004切换按钮切换按钮这是一个复选按钮。/Application.Commands 在这里,我们定义了多种按钮控件:普通按钮,下拉按钮,切换按钮和复选框按钮。同时为了对这些按钮控件进行管理,我们还定义了一个组控件 GroupButton。对于GroupButton,我们只是简单地给定了它的ID和符号。而对于NormalButt
3、on等按钮控件,我们通过XML 文件,指定了这些按钮控件的具体属性,比如按钮的按钮上显示的文字,工具栏提示,按钮显示的图片等等。通过XML文件,我们可以对各个控件的属性进行详细 的定义,完全根据我们的需要对控件进行自定义。完成控件的定义后,我们就可以将这些控件布局到Ribbon面板上了。继续在xml文件中的视图(View)部分编辑代码,实现各个控件的排布:Application.ViewsRibbonRibbon.TabsTab CommandName=TabHomeGroup CommandName=GroupButton SizeDefinition=ThreeButtonsAndOneC
4、heckBoxDropDownButton CommandName=DropDownButtonMenuGroup CommandName =DownMenuButton CommandName =NormalButtonToggleButton CommandName=ToggleButton/MenuGroup/DropDownButtonButton CommandName=CheckBox CommandName =CheckBox/Group/Tab/Ribbon.Tabs/Ribbon/Application.Views在这段视图部分的XML代码中,我们可以很清楚地看到各个空间之间
5、的嵌套关系:TabHome这个 Tab页面包含一个GroupButton这个组,而这个组又包含DropDownButton,NormalButton,ToggleButton和 CheckBox这几个子按钮控件。更进一步的,DropDownButton又包含了NormalButton和TonggleButton这两个子按 钮控件。通过这种层层嵌套,我们就实现了各个子控件的布局。现在我们编译运行这个解决方案,就可以看到我们刚刚添加的Ribbon界面了:使用控件布局模板在上面的例子中,我们将多个按钮控件都添加到了一个组控件中。在这个组控件内部,各个按钮控件是按照怎样的规则进行布局的呢?能不能对默认
6、的布局进行控制? 为了对一个控件容器内部的各个控件进行布局,Scenic Ribbon提供了相应的布局模板。在一个控件容器,例如上文中我们用到的Group控件,对控件进行排布时,Scenic Ribbon会按照我们在XML文件中定义的布局模板来对控件进行排布。在XML中,我们使用SizeDefinition属性来定义容器所使用的布局模 板,例如:这行代码就表示使用“”作为这个组容器的布局模板,表示这个组内部一共有三个按钮和一个复选框。为了便于我们的使用,Scenic Ribbon为我们提供了很多已经预先定义好的布局模板,例如我们常用的有:处理这些预先定义的布局模板之外,针对一些特殊需要,我们还
7、可以自定义布局目标,实现更加灵活的控制。例如,下面的代码简单地自定义了一个布局模板:自定义布局模板 -Ribbon.SizeDefinitionsSizeDefinition Name=CustomTemplateGroupSizeDefinition Size=LargeControlSizeDefinition ImageSize= IsLabelVisible=true/GroupSizeDefinitionMediumSmallfalse/SizeDefinition/Ribbon.SizeDefinitions使用布局模板 -CustomTemplate 在这个自定义布局模板中,我们定义了控件在不同显示状态(Large,Medium,Small)下,图标的尺寸和标签文本的显示与否。这样,我们就可以对控件的外观进行非常细致的控制,满足用户体验设计师的苛刻要求。设置控件的缩放策略 在上文的自定义布局模板中,我们定义了控件在不同状态下的显示尺寸。当我
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1