码迷,mamicode.com
首页 > 其他好文 > 详细

Fluent Ribbon 第八步 其他控件

时间:2017-07-25 15:54:33      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:image   button   ack   font   standard   inner   功能   elar   ott   

前七节将Ribbon的功能大致介绍了一番,本节来介绍一些特殊控件的使用

DropDownButton控件

当前控件是显示下拉功能的基本组件,其配合Gallery能实现诸多特殊功能,代码如下所示

<Fluent:DropDownButton Header="Pink" Icon="Images\Pink.png" LargeIcon="Images\PinkLarge.png">

<Fluent:Gallery>

<Image Source="Images\RedLarge.png" Stretch="None" />

<Image Source="Images\GreenLarge.png" Stretch="None" />

<Image Source="Images\BlueLarge.png" Stretch="None" />

</Fluent:Gallery>

</Fluent:DropDownButton>

当前主要显示一个下拉控件,显示一些下拉显示,如下图

技术分享

Gallery 控件

用于显示一个组合列表的功能,其基本代码形式如下:

<Fluent:RibbonGroupBox Header="列表组" >

<Fluent:Gallery>

<Image Source="Images\RedLarge.png" Stretch="None" />

<Image Source="Images\GreenLarge.png"Stretch="None" />

<Image Source="Images\BlueLarge.png" Stretch="None" />

</Fluent:Gallery>

</Fluent:RibbonGroupBox>

其显示效果如图

技术分享

ColorGallery控件

用于实现颜色的选择控件,其继承自Gallery

<Fluent:ColorGallery Mode="StandardColors" SelectedColor="{Binding ColorViewModel.StandardColor, Mode=TwoWay}" />

其显示效果如图

技术分享

Spinner控件

<Fluent:Spinner KeyTip="KA"

InputWidth="75"

Format="0 px"

Header="数值:"

Icon="Images/Warning.png"

/>

其显示效果如图

技术分享

 

还有一些不太常用的控件,可以查看源码,细细分析。

Fluent Ribbon 第八步 其他控件

标签:image   button   ack   font   standard   inner   功能   elar   ott   

原文地址:http://www.cnblogs.com/minhost/p/7233908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!