16.2.OrangeUI控件使用说明(提醒数字图标控件NotifyNumberIcon)(示例2 设置背景图片)

拖一个NotifyNumberIcon控件到窗体上,

大小设置为40*20,

Properties.Number设置为9,

把它的背景图片SelfOwnMaterial.Picture设置为,

目前显示如下:

再设置提醒数字的字体颜色为白色,并居中显示:

DrawCaptionParamDrawFont.FontColor.ColorWhite

FontHorzAlignfhaCenter

FontVertAlignfvaCenter

 

在这里介绍一下SelfOwnMaterial.IsDrawPictureAutoSuitNumber这个属性,

它可以自动根据通知数字的位置来绘制背景图片,

默认SelfOwnMaterial.IsDrawPictureAutoSuitNumber是打勾的,

所以当通知数字设置为居中显示的时候,背景图片的位置也会居中显示,

 

来看下效果:

还需要设置一下让背景图片拉伸显示,

SelfOwnMaterial.DrawPictureParam.IsStretch设置为True,

因为通知数字只有一位,所以背景图片绘制的区域十分小,看起来怪怪的,

因此需要调整一下自动匹配的绘制区域,

SelfOwnMaterial.AutoSuitNumberHorzMargin属性用于设置水平增大值,

SelfOwnMaterial.AutoSuitNumberVertMargin属性用于设置垂直增大值,

 

好了,设置完成了,显示如下:

 

接下来,把它的通知数字改为88

 

接下来,把它的通知数字改为100

为什么我通知数字设置为100的时候显示的却是”99+”,而不是”100”?

这是因为NotifyNumberIcon有一个NumberMax属性,

如下图:

Number大于NumberMax的情况下,

比如当前Number100,NumberMax99,

那么只会显示成”99+”,

避免Number数值过大,

NotifyNumberIcon控件显示不下。

 

 

 

上一篇说过,如果把Properties.NeedNotify设置为False,

它会把背景图片,图标和数字隐藏起来,

我们试验一下:

Properties.NeedNotify设置为False,

看一下效果:

真的什么都不显示出来了

 

 

 

 

 

 

 

发表评论