OrangeUI

OrangeUI所有控件都具有SelfOwnMaterial属性,
在SelfOwnMaterial的BackColor中能方便直接的设置背景色,
下面我们以按钮为例:
 
首先,拖一个FMXButton到窗体上,

在对象查看器Object Inspector中展开它的SelfOwnMaterial属性,

SelfOwnMaterial中最基本的两个属性是:
BackColor:TDrawRectParam(背景色),
IsTransparent:Boolean(是否背景透明),
 
如果IsTransparent为False,
那么会使用BackColor绘制背景,
如果IsTransparent为True,
那么控件就是背景透明的,
 
默认IsTransparent是打勾的,表示不使用BackColor来绘制控件的背景,
所以要先把IsTransparent的勾去掉。

然后展开BackColor,
默认BackColor.FillColor为白色,
并且BackColor.IsFill是不打勾的,表示不用背景色填充,
所以还要把BackColor.IsFill属性也打勾:

这时,在窗体上的按钮就有背景色了,
如下图所示:

接下来,把背景色改为蓝色#FF438DF5,


接下来,给按钮设置标题为”登录”,
字体大小设置为14,颜色设置为白色,并且居中显示,
按钮标题的字体在SelfOwnMaterial.DrawCaptionParam中设置,

好了,一个颜色按钮完成了,效果如下:

接下来我们可以通过设置BackColor的IsRound、RoundWidth、RoundHeight来设置圆角,
把BackColor.IsRound打勾,就能设置背景为圆角矩形,

效果如下: