2.2.OrangeUI控件使用说明(按钮控件Button)(示例2 开关按钮)

开关按钮示例:

这个示例是实现两种状态的按钮,用来表示网络是否连接,

先准备需要的图标,

:表示网络已断开。

:表示网络已连接。

拖一个Button在窗体上,尺寸设置为44*44,

然后设置Icon为上面第一个图标,

设置PushedIcon为上面第二个图标,

设置完

效果如下图所示:

会发现图标太大了,显示不下,

因为Button的尺寸是44*44,而图标的尺寸是75*75,

如何解决这个问题?

这就需要设置按钮图标的绘制参数DrawIconParam,

把它的IsAutoFit设置为True,

表示绘制图标的时候,根据控件的尺寸调整图标的大小,并且图标的比例保持不变,

PictureHorzAlign设置为phaCenter,使图标水平居中,

PictureVertAlign设置为pvaCenter,使图标垂直居中,

如下图所示:

显示效果如下:

如果把DrawIconParam的IsAutoFit设置为False,

那么在拉伸按钮尺寸的时候,图标的显示比例也会随着按钮的尺寸发生变化,

如下图所示:

 

那么如何把按钮切换成网络连接的态呢?

需要把按钮设置成按下的状态(IsPushed属性设置为True),

如下图所示:

 

发表评论