OrangeUI-开放-免费

开关按钮示例:
这个示例是实现两种状态的按钮,用来表示网络是否连接,
先准备需要的图标,
:表示网络已断开。
:表示网络已连接。
拖一个Button在窗体上,尺寸设置为44*44,
然后设置Icon为上面第一个图标,
设置PushedIcon为上面第二个图标,

设置完
效果如下图所示:

会发现图标太大了,显示不下,
因为Button的尺寸是44*44,而图标的尺寸是75*75,
如何解决这个问题?
这就需要设置按钮图标的绘制参数DrawIconParam,
把它的IsAutoFit设置为True,
表示绘制图标的时候,根据控件的尺寸调整图标的大小,并且图标的比例保持不变,
PictureHorzAlign设置为phaCenter,使图标水平居中,
PictureVertAlign设置为pvaCenter,使图标垂直居中,
如下图所示:

显示效果如下:

如果把DrawIconParam的IsAutoFit设置为False,
那么在拉伸按钮尺寸的时候,图标的显示比例也会随着按钮的尺寸发生变化,
如下图所示:

 
那么如何把按钮切换成网络连接的态呢?
需要把按钮设置成按下的状态(IsPushed属性设置为True),
如下图所示: