1.1.OrangeUI控件使用基础(示例1 设置控件背景色)

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打勾,就能设置背景为圆角矩形,

效果如下:

 

 

 

 

 

 

 

 

 

 

发表评论