public override void Draw(NVGcontext ctx)
{
if (!this.enabled && this.pushed)
{
this.pushed = false;
}
if (m_Popup)
{
m_Popup.isVisible = this.pushed;
}
base.Draw(ctx);
if (0 != this.chevronIcon)
{
Theme style = this.theme;
byte[] icon = Fonts.GetIconUTF8(this.chevronIcon);
NVGcolor currTextColor = GetCurrTextColor();
int currFontSize = (0 <= this.fontSize) ? this.fontSize : style.buttonFontSize;
int fontFace = Fonts.Get(style.fontIcons);
NanoVG.nvgFontSize(ctx, currFontSize * 1.5f);
NanoVG.nvgFontFace(ctx, fontFace);
NanoVG.nvgFillColor(ctx, currTextColor);
NanoVG.nvgTextAlign(ctx, (int)(NVGalign.NVG_ALIGN_LEFT | NVGalign.NVG_ALIGN_MIDDLE));
float iw = NanoVG.nvgTextBounds(ctx, 0f, 0f, icon, null);
Vector2 iconPos = this.localPosition;
iconPos.X += this.size.X - iw - 8;
iconPos.Y += this.size.Y * 0.5f - 1;
NanoVG.nvgText(ctx, iconPos.X, iconPos.Y, icon);
}
}
protected NVGcolor GetCurrTextColor()
{
if (!this.enabled)
{
return(this.theme.disabledTextColor);
}
NVGcolor ret = (0f < this.textColor.a) ? this.textColor : this.theme.textColor;
return(ret);
}
public override void Draw(NVGcontext ctx)
{
base.Draw(ctx);
Theme style = this.theme;
Vector2 pos = this.localPosition;
Vector2 size = this.size;
if (!string.IsNullOrEmpty(this.caption))
{
int currFontSize = GetPreferredFontSize();
if (0 < currFontSize)
{
int currFontFace = Fonts.Get(this.theme.fontNormal);
NVGcolor currTextColor = this.enabled ? style.textColor : style.disabledTextColor;
NanoVG.nvgFontSize(ctx, currFontSize);
NanoVG.nvgFontFace(ctx, currFontFace);
NanoVG.nvgFillColor(ctx, currTextColor);
NanoVG.nvgTextAlign(ctx, (int)(NVGalign.NVG_ALIGN_LEFT | NVGalign.NVG_ALIGN_MIDDLE));
NanoVG.nvgText(ctx, pos.X + size.Y * 1.2f + 5, pos.Y + this.size.Y * 0.5f, this.caption);
}
}
Color4f col = Color4f.Black;
Color4f icol = this.pushed ? col.WithAlpha(100) : col.WithAlpha(32);
Color4f ocol = col.WithAlpha(180);
NVGpaint bg = NanoVG.nvgBoxGradient(ctx, pos.X + 1.5f, pos.Y + 1.5f
, size.X - 2f, size.Y - 2f, 3f, 3f
, icol.ToNVGColor()
, ocol.ToNVGColor());
NanoVG.nvgBeginPath(ctx);
NanoVG.nvgRoundedRect(ctx, pos.X + 1f, pos.Y + 1f, size.Y - 2f, size.Y - 2f, 3f);
NanoVG.nvgFillPaint(ctx, bg);
NanoVG.nvgFill(ctx);
if (this.check)
{
int fontIcons = Fonts.Get(style.fontIcons);
NVGcolor iconColor = this.enabled ? style.iconColor : style.disabledTextColor;
NanoVG.nvgFontSize(ctx, 1.8f * size.Y);
NanoVG.nvgFontFace(ctx, fontIcons);
NanoVG.nvgFillColor(ctx, iconColor);
NanoVG.nvgTextAlign(ctx, (int)(NVGalign.NVG_ALIGN_CENTER | NVGalign.NVG_ALIGN_MIDDLE));
byte[] icon = Fonts.GetIconUTF8((int)Font.Entypo.ICON_CHECK);
NanoVG.nvgText(ctx, pos.X + size.Y * 0.5f + 1f, pos.Y + size.Y * 0.5f, icon);
}
}
public Button WithBackgroundColor(NVGcolor color)
{
this.backgroundColor = color;
return(this);
}
public override void Draw(NVGcontext ctx)
{
base.Draw(ctx);
Theme style = this.theme;
NVGcolor gradTopColor = style.buttonGradientTopUnfocusedColor;
NVGcolor gradBotColor = style.buttonGradientBotUnfocusedColor;
if (this.pushed)
{
gradTopColor = style.buttonGradientTopPushedColor;
gradBotColor = style.buttonGradientBotPushedColor;
}
else
{
gradTopColor = style.buttonGradientTopFocusedColor;
gradBotColor = style.buttonGradientBotFocusedColor;
}
Vector2 pos = this.localPosition;
Vector2 size = this.size;
NanoVG.nvgBeginPath(ctx);
NanoVG.nvgRoundedRect(ctx, pos.X + 1f, pos.Y + 1f, size.X - 2f, size.Y - 2f
, style.buttonCornerRadius - 1f);
NanoVG.nvgFillColor(ctx, gradTopColor);
NanoVG.nvgFill(ctx);
if (0f < this.backgroundColor.a)
{
// fill background.
}
NVGpaint gradient = NanoVG.nvgLinearGradient(ctx, pos.X, pos.Y, pos.X, pos.Y + size.Y
, gradTopColor, gradBotColor);
NanoVG.nvgFillPaint(ctx, gradient);
NanoVG.nvgFill(ctx);
NanoVG.nvgBeginPath(ctx);
NanoVG.nvgStrokeWidth(ctx, 1f);
NanoVG.nvgRoundedRect(ctx, pos.X + 0.5f, pos.Y + (this.pushed ? 0.5f : 1.5f)
, size.X - 1f, size.Y - 1 - (this.pushed ? 0f : 1f)
, style.buttonCornerRadius);
NanoVG.nvgStrokeColor(ctx, style.borderLightColor);
NanoVG.nvgStroke(ctx);
NanoVG.nvgBeginPath(ctx);
NanoVG.nvgRoundedRect(ctx, pos.X + 0.5f, pos.Y + 0.5f
, size.X - 1f, size.Y - 2f
, style.buttonCornerRadius);
NanoVG.nvgStrokeColor(ctx, style.borderDarkColor);
NanoVG.nvgStroke(ctx);
int currFontSize = 0 > this.fontSize ? style.buttonFontSize : this.fontSize;
NanoVG.nvgFontSize(ctx, currFontSize);
NanoVG.nvgFontFace(ctx, style.fontBold);
float tw = NanoVG.nvgTextBounds(ctx, 0f, 0f, this.caption, null);
Vector2 center = pos + size * 0.5f;
Vector2 textPos = new Vector2(center.X - tw * 0.5f, center.Y - 1f);
NVGcolor currTextColor = GetCurrTextColor();
int btnIcon = this.icon;
if (0 != btnIcon)
{
float iw, ih;
iw = 0f;
ih = currFontSize;
byte[] icon = Fonts.GetIconUTF8(btnIcon);
if (NanoVG.nvgIsFontIcon(btnIcon))
{
ih *= 1.5f;
NanoVG.nvgFontSize(ctx, ih);
NanoVG.nvgFontFace(ctx, style.fontIcons);
iw = NanoVG.nvgTextBounds(ctx, 0, 0, icon, null);
}
else
{
int w, h;
w = h = 1;
ih *= 0.9f;
NanoVG.nvgImageSize(ctx, btnIcon, ref w, ref h);
if (0 < h)
{
iw = w * ih / h;
}
}
if (!string.IsNullOrEmpty(this.caption))
{
iw += size.Y * 0.15f;
}
NanoVG.nvgFillColor(ctx, currTextColor);
NanoVG.nvgTextAlign(ctx, (int)(NVGalign.NVG_ALIGN_LEFT | NVGalign.NVG_ALIGN_MIDDLE));
Vector2 iconPos = center;
iconPos.Y -= 1f;
switch (this.iconAnchorType)
{
case IconAnchorType.LeftCentered:
{
iconPos.X -= (tw + iw) * 0.5f;
textPos.X += iw * 0.5f;
}
break;
case IconAnchorType.RightCentered:
{
textPos.X -= iw * 0.5f;
iconPos.X += tw * 0.5f;
}
break;
case IconAnchorType.Left:
{
iconPos.X = pos.X + 8f;
}
break;
case IconAnchorType.Right:
{
iconPos.X = pos.X + size.X - iw - 8f;
}
break;
default:
break;
}
if (NanoVG.nvgIsFontIcon(btnIcon))
{
// NOTE: icon rendering bug, any unicode > 0x10000 not being rendered correctly.
// e.g. 0x1F680 (Font.Entypo.ICON_ROCKET).
NanoVG.nvgText(ctx, iconPos.X, iconPos.Y + 1f, icon);
}
else
{
float imgAlpha = this.enabled ? 0.5f : 0.25f;
NVGpaint imgPaint = NanoVG.nvgImagePattern(
ctx
, iconPos.X, iconPos.Y - ih * 0.5f, iw, ih
, 0f, btnIcon, imgAlpha);
NanoVG.nvgFillPaint(ctx, imgPaint);
NanoVG.nvgFill(ctx);
}
// DEBUG: ICON BOUNDS
//NanoVG.nvgStrokeWidth (ctx, 1.0f);
//NanoVG.nvgBeginPath (ctx);
//NanoVG.nvgRect (ctx, iconPos.X, iconPos.Y - ih * 0.5f, iw, ih);
//NanoVG.nvgStrokeColor (ctx, textColor);
//NanoVG.nvgStroke(ctx);
}
NanoVG.nvgFontSize(ctx, currFontSize);
NanoVG.nvgFontFace(ctx, style.fontBold);
NanoVG.nvgTextAlign(ctx, (int)(NVGalign.NVG_ALIGN_LEFT | NVGalign.NVG_ALIGN_MIDDLE));
NanoVG.nvgFillColor(ctx, style.textShadowColor);
NanoVG.nvgText(ctx, textPos.X, textPos.Y, this.caption);
NanoVG.nvgFillColor(ctx, currTextColor);
NanoVG.nvgText(ctx, textPos.X, textPos.Y + 1f, this.caption);
}
