public static void drawDropDown(NvgContext vg, string text, float x, float y, float w, float h)
{
Paint bg;
float cornerRadius = 4.0f;
bg = vg.LinearGradient(x, y, x, y + h, new Color(255, 255, 255, 16), new Color(0, 0, 0, 16));
vg.BeginPath();
vg.RoundedRect(x + 1, y + 1, w - 2, h - 2, cornerRadius - 1);
vg.FillPaint(bg);
vg.Fill();
vg.BeginPath();
vg.RoundedRect(x + 0.5f, y + 0.5f, w - 1, h - 1, cornerRadius - 0.5f);
vg.StrokeColor(new Color(0, 0, 0, 48));
vg.Stroke();
vg.FontSize(20.0f);
vg.FontFace("sans");
vg.FillColor(new Color(255, 255, 255, 160));
vg.TextAlign(Alignment.Left | Alignment.Middle);
vg.Text(x + h * 0.3f, y + h * 0.5f, text);
vg.FontSize(h * 1.3f);
vg.FontFace("icons");
vg.FillColor(new Color(255, 255, 255, 64));
vg.TextAlign(Alignment.Center | Alignment.Middle);
vg.Text(x + w - h * 0.5f, y + h * 0.5f, ICON_CHEVRON_RIGHT);
}
public static void drawButton(NvgContext vg, string preicon, string text, float x, float y, float w, float h, Color col)
{
Paint bg;
float cornerRadius = 4.0f;
float tw = 0, iw = 0;
bg = vg.LinearGradient(x, y, x, y + h, new Color(255, 255, 255, isBlack(col) ? 16 : 32), new Color(0, 0, 0, isBlack(col) ? 16 : 32));
vg.BeginPath();
vg.RoundedRect(x + 1, y + 1, w - 2, h - 2, cornerRadius - 1);
if (!isBlack(col))
{
vg.FillColor(col);
vg.Fill();
}
vg.FillPaint(bg);
vg.Fill();
vg.BeginPath();
vg.RoundedRect(x + 0.5f, y + 0.5f, w - 1, h - 1, cornerRadius - 0.5f);
vg.StrokeColor(new Color(0, 0, 0, 48));
vg.Stroke();
vg.FontSize(20.0f);
vg.FontFace("sans-bold");
Bounds bounds = new Bounds();
tw = vg.TextBounds(0, 0, text, ref bounds);
if (!string.IsNullOrEmpty(preicon))
{
vg.FontSize(h * 1.3f);
vg.FontFace("icons");
iw = vg.TextBounds(0, 0, preicon, ref bounds);
iw += h * 0.15f;
}
if (!string.IsNullOrEmpty(preicon))
{
vg.FontSize(h * 1.3f);
vg.FontFace("icons");
vg.FillColor(new Color(255, 255, 255, 96));
vg.TextAlign(Alignment.Left | Alignment.Middle);
vg.Text(x + w * 0.5f - tw * 0.5f - iw * 0.75f, y + h * 0.5f, preicon);
}
vg.FontSize(20.0f);
vg.FontFace("sans-bold");
vg.TextAlign(Alignment.Left | Alignment.Middle);
vg.FillColor(new Color(0, 0, 0, 160));
vg.Text(x + w * 0.5f - tw * 0.5f + iw * 0.25f, y + h * 0.5f - 1, text);
vg.FillColor(new Color(255, 255, 255, 160));
vg.Text(x + w * 0.5f - tw * 0.5f + iw * 0.25f, y + h * 0.5f, text);
}
public static void drawWindow(NvgContext vg, string title, float x, float y, float w, float h)
{
float cornerRadius = 3.0f;
Paint shadowPaint;
Paint headerPaint;
vg.Save();
// ClearState(vg);
// Window
vg.BeginPath();
vg.RoundedRect(x, y, w, h, cornerRadius);
vg.FillColor(new Color(28, 30, 34, 192));
// vg.FillColor(new Color(0,0,0,128));
vg.Fill();
// Drop shadow
shadowPaint = vg.BoxGradient(x, y + 2, w, h, cornerRadius * 2, 10, new Color(0, 0, 0, 128), new Color(0, 0, 0, 0));
vg.BeginPath();
vg.Rect(x - 10, y - 10, w + 20, h + 30);
vg.RoundedRect(x, y, w, h, cornerRadius);
vg.PathWinding(Solidity.Hole);
vg.FillPaint(shadowPaint);
vg.Fill();
// Header
headerPaint = vg.LinearGradient(x, y, x, y + 15, new Color(255, 255, 255, 8), new Color(0, 0, 0, 16));
vg.BeginPath();
vg.RoundedRect(x + 1, y + 1, w - 2, 30, cornerRadius - 1);
vg.FillPaint(headerPaint);
vg.Fill();
vg.BeginPath();
vg.MoveTo(x + 0.5f, y + 0.5f + 30);
vg.LineTo(x + 0.5f + w - 1, y + 0.5f + 30);
vg.StrokeColor(new Color(0, 0, 0, 32));
vg.Stroke();
vg.FontSize(18.0f);
vg.FontFace("sans-bold");
vg.TextAlign(Alignment.Center | Alignment.Middle);
vg.FontBlur(2);
vg.FillColor(new Color(0, 0, 0, 128));
vg.Text(x + w / 2, y + 16 + 1, title);
vg.FontBlur(0);
vg.FillColor(new Color(220, 220, 220, 160));
vg.Text(x + w / 2, y + 16, title);
vg.Restore();
}
public static void drawEditBoxBase(NvgContext vg, float x, float y, float w, float h)
{
Paint bg;
// Edit
bg = vg.BoxGradient(x + 1, y + 1 + 1.5f, w - 2, h - 2, 3, 4, new Color(255, 255, 255, 32), new Color(32, 32, 32, 32));
vg.BeginPath();
vg.RoundedRect(x + 1, y + 1, w - 2, h - 2, 4 - 1);
vg.FillPaint(bg);
vg.Fill();
vg.BeginPath();
vg.RoundedRect(x + 0.5f, y + 0.5f, w - 1, h - 1, 4 - 0.5f);
vg.StrokeColor(new Color(0, 0, 0, 48));
vg.Stroke();
}
/// <inheritdoc />
protected override void OnPaint(object sender, NvgContext e)
{
base.OnPaint(sender, e);
e.BeginPath();
e.RoundedRect(ClientLocation.X, ClientLocation.Y, Size.Width, Size.Height, 2);
if (Active)
{
e.FillPaint(e.LinearGradient(ClientLocation.X, ClientLocation.Y, ClientLocation.X,
ClientLocation.Y + Size.Height, NanoVg.Rgba(0xFF323B40), NanoVg.Rgba(0xFF323B40)));
}
else
{
e.FillPaint(e.LinearGradient(ClientLocation.X, ClientLocation.Y, ClientLocation.X,
ClientLocation.Y + Size.Height, NanoVg.Rgba(0xFF50595E), NanoVg.Rgba(0xFF2B3337)));
}
e.Fill();
e.StrokeColor(NanoVg.Rgba(0xFF192025));
e.Stroke();
e.BeginPath();
e.RoundedRect(ClientLocation.X + 1, ClientLocation.Y + 1, Size.Width - 2, Size.Height - 2, 1);
if (Active)
{
e.StrokeColor(NanoVg.Rgba(0xFF293034));
}
else
{
e.StrokePaint(e.LinearGradient(ClientLocation.X, ClientLocation.Y, ClientLocation.X,
ClientLocation.Y + Size.Height, NanoVg.Rgba(0xFF6E757B), NanoVg.Rgba(0xFF323B40)));
}
e.Stroke();
e.FillColor(NanoVg.Rgba(ForeColor));
e.FontFace(Font.Family);
e.FontSize(Font.Size);
e.TextAlign(NvgAlign.Center | NvgAlign.Middle);
e.Text(ClientLocation.X + Size.Width / 2, ClientLocation.Y + Size.Height / 2, Text);
}
/// <inheritdoc />
protected override void OnPaint(object sender, NvgContext e)
{
base.OnPaint(sender, e);
e.BeginPath();
e.RoundedRect(ClientLocation.X, ClientLocation.Y, Size.Width, Size.Height, 2);
e.StrokeColor(NanoVg.Rgba(43, 51, 55, 255));
e.Stroke();
e.FillColor(NanoVg.Rgba(ForeColor));
e.FontFace(Font.Family);
e.FontSize(Font.Size);
e.TextAlign(NvgAlign.Baseline | NvgAlign.Left);
e.Text(ClientLocation.X, ClientLocation.Y - 3, Text);
}
/// <inheritdoc />
protected override void OnPaint(object sender, NvgContext e)
{
base.OnPaint(sender, e);
e.BeginPath();
e.RoundedRect(ClientLocation.X, ClientLocation.Y, Size.Width, Size.Height, 2);
e.FillColor(Checked ? NanoVg.Rgba(ActiveColor) : NanoVg.Rgba(0xFF475054));
e.Fill();
e.StrokeColor(NanoVg.Rgba(0xFF192025));
e.Stroke();
e.FillColor(NanoVg.Rgba(ForeColor));
e.FontFace(Font.Family);
e.FontSize(Font.Size);
e.TextAlign(NvgAlign.Left | NvgAlign.Middle);
e.Text(ClientLocation.X + Size.Width + 4, ClientLocation.Y + Size.Height / 2f, Text);
}
public static void drawSlider(NvgContext vg, float pos, float x, float y, float w, float h)
{
Paint bg, knob;
float cy = y + (int)(h * 0.5f);
float kr = (int)(h * 0.25f);
vg.Save();
// ClearState(vg);
// Slot
bg = vg.BoxGradient(x, cy - 2 + 1, w, 4, 2, 2, new Color(0, 0, 0, 32), new Color(0, 0, 0, 128));
vg.BeginPath();
vg.RoundedRect(x, cy - 2, w, 4, 2);
vg.FillPaint(bg);
vg.Fill();
// Knob Shadow
bg = vg.RadialGradient(x + (int)(pos * w), cy + 1, kr - 3, kr + 3, new Color(0, 0, 0, 64), new Color(0, 0, 0, 0));
vg.BeginPath();
vg.Rect(x + (int)(pos * w) - kr - 5, cy - kr - 5, kr * 2 + 5 + 5, kr * 2 + 5 + 5 + 3);
vg.Circle(x + (int)(pos * w), cy, kr);
vg.PathWinding(Solidity.Hole);
vg.FillPaint(bg);
vg.Fill();
// Knob
knob = vg.LinearGradient(x, cy - kr, x, cy + kr, new Color(255, 255, 255, 16), new Color(0, 0, 0, 16));
vg.BeginPath();
vg.Circle(x + (int)(pos * w), cy, kr - 1);
vg.FillColor(new Color(40, 43, 48, 255));
vg.Fill();
vg.FillPaint(knob);
vg.Fill();
vg.BeginPath();
vg.Circle(x + (int)(pos * w), cy, kr - 0.5f);
vg.StrokeColor(new Color(0, 0, 0, 92));
vg.Stroke();
vg.Restore();
}
public static void drawCheckBox(NvgContext vg, string text, float x, float y, float w, float h)
{
Paint bg;
vg.FontSize(18.0f);
vg.FontFace("sans");
vg.FillColor(new Color(255, 255, 255, 160));
vg.TextAlign(Alignment.Left | Alignment.Middle);
vg.Text(x + 28, y + h * 0.5f, text);
bg = vg.BoxGradient(x + 1, y + (int)(h * 0.5f) - 9 + 1, 18, 18, 3, 3, new Color(0, 0, 0, 32), new Color(0, 0, 0, 92));
vg.BeginPath();
vg.RoundedRect(x + 1, y + (int)(h * 0.5f) - 9, 18, 18, 3);
vg.FillPaint(bg);
vg.Fill();
vg.FontSize(40);
vg.FontFace("icons");
vg.FillColor(new Color(255, 255, 255, 128));
vg.TextAlign(Alignment.Center | Alignment.Middle);
vg.Text(x + 9 + 2, y + h * 0.5f, ICON_CHECK);
}
public static void drawSearchBox(NvgContext vg, string text, float x, float y, float w, float h)
{
Paint bg;
float cornerRadius = h / 2 - 1;
// Edit
bg = vg.BoxGradient(x, y + 1.5f, w, h, h / 2, 5, new Color(0, 0, 0, 16), new Color(0, 0, 0, 92));
vg.BeginPath();
vg.RoundedRect(x, y, w, h, cornerRadius);
vg.FillPaint(bg);
vg.Fill();
/* vg.BeginPath();
* vg.RoundedRect(x+0.5f,y+0.5f, w-1,h-1, cornerRadius-0.5f);
* vg.StrokeColor(new Color(0,0,0,48));
* vg.Stroke();*/
vg.FontSize(h * 1.3f);
vg.FontFace("icons");
vg.FillColor(new Color(255, 255, 255, 64));
vg.TextAlign(Alignment.Center | Alignment.Middle);
vg.Text(x + h * 0.55f, y + h * 0.55f, ICON_SEARCH);
vg.FontSize(20.0f);
vg.FontFace("sans");
vg.FillColor(new Color(255, 255, 255, 32));
vg.TextAlign(Alignment.Left | Alignment.Middle);
vg.Text(x + h * 1.05f, y + h * 0.5f, text);
vg.FontSize(h * 1.3f);
vg.FontFace("icons");
vg.FillColor(new Color(255, 255, 255, 32));
vg.TextAlign(Alignment.Center | Alignment.Middle);
vg.Text(x + w - h * 0.55f, y + h * 0.55f, ICON_CIRCLED_CROSS);
}
public static void drawParagraph(NvgContext vg, float x, float y, float width, float height, float mx, float my)
{
TextRow[] rows = new TextRow[3];
GlyphPosition[] glyphs = new GlyphPosition[100];
string text = "This is longer chunk of text.\n \n Would have used lorem ipsum but she was busy jumping over the lazy dog with the fox and all the men who came to the aid of the party.";
StringSegment start;
int nrows, i, nglyphs, j, lnum = 0;
float lineh;
float caretx, px;
Bounds bounds = new Bounds();
float a;
float gx = 0, gy = 0;
int gutter = 0;
for (i = 0; i < rows.Length; ++i)
{
rows[i] = new TextRow();
}
vg.Save();
vg.FontSize(18.0f);
vg.FontFace("sans");
vg.TextAlign(Alignment.Left | Alignment.Top);
float ascender, descender;
vg.TextMetrics(out ascender, out descender, out lineh);
// The text break API can be used to fill a large buffer of rows,
// or to iterate over the text just few lines (or just one) at a time.
// The "next" variable of the last returned item tells where to continue.
start = text;
while (true)
{
nrows = vg.TextBreakLines(start, width, rows, out start);
if (nrows <= 0)
{
break;
}
for (i = 0; i < nrows; i++)
{
TextRow row = rows[i];
var hit = mx > x && mx < (x + width) && my >= y && my < (y + lineh);
vg.BeginPath();
vg.FillColor(new Color(255, 255, 255, hit ? 64 : 16));
vg.Rect(x, y, row.Width, lineh);
vg.Fill();
vg.FillColor(new Color(255, 255, 255, 255));
vg.Text(x, y, row.Str);
if (hit)
{
caretx = (mx < x + row.Width / 2) ? x : x + row.Width;
px = x;
nglyphs = vg.TextGlyphPositions(x, y, row.Str, glyphs);
for (j = 0; j < nglyphs; j++)
{
float x0 = glyphs[j].X;
float x1 = (j + 1 < nglyphs) ? glyphs[j + 1].X : x + row.Width;
float gx2 = x0 * 0.3f + x1 * 0.7f;
if (mx >= px && mx < gx2)
{
caretx = glyphs[j].X;
}
px = gx2;
}
vg.BeginPath();
vg.FillColor(new Color(255, 192, 0, 255));
vg.Rect(caretx, y, 1, lineh);
vg.Fill();
gutter = lnum + 1;
gx = x - 10;
gy = y + lineh / 2;
}
lnum++;
y += lineh;
}
}
if (gutter > 0)
{
string txt = gutter.ToString();
vg.FontSize(13.0f);
vg.TextAlign(Alignment.Right | Alignment.Middle);
vg.TextBounds(gx, gy, txt, ref bounds);
vg.BeginPath();
vg.FillColor(new Color(255, 192, 0, 255));
vg.RoundedRect((int)bounds.b1 - 4, (int)bounds.b2 - 2,
(int)(bounds.b3 - bounds.b1) + 8,
(int)(bounds.b4 - bounds.b2) + 4,
((int)(bounds.b4 - bounds.b2) + 4) / 2 - 1);
vg.Fill();
vg.FillColor(new Color(32, 32, 32, 255));
vg.Text(gx, gy, txt);
}
y += 20.0f;
vg.FontSize(13.0f);
vg.TextAlign(Alignment.Left | Alignment.Top);
vg.TextLineHeight(1.2f);
vg.TextBoxBounds(x, y, 150, "Hover your mouse over the text to see calculated caret position.", ref bounds);
// Fade the tooltip out when close to it.
gx = (float)Math.Abs((mx - (bounds.b1 + bounds.b3) * 0.5f) / (bounds.b1 - bounds.b3));
gy = (float)Math.Abs((my - (bounds.b2 + bounds.b4) * 0.5f) / (bounds.b2 - bounds.b4));
a = maxf(gx, gy) - 0.5f;
a = clampf(a, 0, 1);
vg.GlobalAlpha(a);
vg.BeginPath();
vg.FillColor(new Color(220, 220, 220, 255));
vg.RoundedRect(bounds.b1 - 2, bounds.b2 - 2, (int)(bounds.b3 - bounds.b1) + 4, (int)(bounds.b4 - bounds.b2) + 4, 3);
px = (int)((bounds.b3 + bounds.b1) / 2);
vg.MoveTo(px, bounds.b2 - 10);
vg.LineTo(px + 7, bounds.b2 + 1);
vg.LineTo(px - 7, bounds.b2 + 1);
vg.Fill();
vg.FillColor(new Color(0, 0, 0, 220));
vg.TextBox(x, y, 150, "Hover your mouse over the text to see calculated caret position.");
vg.Restore();
}
public static void drawThumbnails(NvgContext vg, float x, float y, float w, float h, int[] images, float t)
{
float cornerRadius = 3.0f;
Paint shadowPaint, imgPaint, fadePaint;
float ix, iy, iw, ih;
float thumb = 60.0f;
float arry = 30.5f;
int imgw, imgh;
float stackh = (images.Length / 2) * (thumb + 10) + 10;
int i;
float u = (1 + (float)Math.Cos(t * 0.5f)) * 0.5f;
float u2 = (1 - (float)Math.Cos(t * 0.2f)) * 0.5f;
float scrollh, dv;
vg.Save();
// ClearState(vg);
// Drop shadow
shadowPaint = vg.BoxGradient(x, y + 4, w, h, cornerRadius * 2, 20, new Color(0, 0, 0, 128), new Color(0, 0, 0, 0));
vg.BeginPath();
vg.Rect(x - 10, y - 10, w + 20, h + 30);
vg.RoundedRect(x, y, w, h, cornerRadius);
vg.PathWinding(Solidity.Hole);
vg.FillPaint(shadowPaint);
vg.Fill();
// Window
vg.BeginPath();
vg.RoundedRect(x, y, w, h, cornerRadius);
vg.MoveTo(x - 10, y + arry);
vg.LineTo(x + 1, y + arry - 11);
vg.LineTo(x + 1, y + arry + 11);
vg.FillColor(new Color(200, 200, 200, 255));
vg.Fill();
vg.Save();
vg.Scissor(x, y, w, h);
vg.Translate(0, -(stackh - h) * u);
dv = 1.0f / (float)(images.Length - 1);
for (i = 0; i < images.Length; i++)
{
float tx, ty, v, a;
tx = x + 10;
ty = y + 10;
tx += (i % 2) * (thumb + 10);
ty += (i / 2) * (thumb + 10);
vg.ImageSize(images[i], out imgw, out imgh);
if (imgw < imgh)
{
iw = thumb;
ih = iw * (float)imgh / (float)imgw;
ix = 0;
iy = -(ih - thumb) * 0.5f;
}
else
{
ih = thumb;
iw = ih * (float)imgw / (float)imgh;
ix = -(iw - thumb) * 0.5f;
iy = 0;
}
v = i * dv;
a = clampf((u2 - v) / dv, 0, 1);
if (a < 1.0f)
{
drawSpinner(vg, tx + thumb / 2, ty + thumb / 2, thumb * 0.25f, t);
}
imgPaint = vg.ImagePattern(tx + ix, ty + iy, iw, ih, 0.0f / 180.0f * (float)Math.PI, images[i], a);
vg.BeginPath();
vg.RoundedRect(tx, ty, thumb, thumb, 5);
vg.FillPaint(imgPaint);
vg.Fill();
shadowPaint = vg.BoxGradient(tx - 1, ty, thumb + 2, thumb + 2, 5, 3, new Color(0, 0, 0, 128), new Color(0, 0, 0, 0));
vg.BeginPath();
vg.Rect(tx - 5, ty - 5, thumb + 10, thumb + 10);
vg.RoundedRect(tx, ty, thumb, thumb, 6);
vg.PathWinding(Solidity.Hole);
vg.FillPaint(shadowPaint);
vg.Fill();
vg.BeginPath();
vg.RoundedRect(tx + 0.5f, ty + 0.5f, thumb - 1, thumb - 1, 4 - 0.5f);
vg.StrokeWidth(1.0f);
vg.StrokeColor(new Color(255, 255, 255, 192));
vg.Stroke();
}
vg.Restore();
// Hide fades
fadePaint = vg.LinearGradient(x, y, x, y + 6, new Color(200, 200, 200, 255), new Color(200, 200, 200, 0));
vg.BeginPath();
vg.Rect(x + 4, y, w - 8, 6);
vg.FillPaint(fadePaint);
vg.Fill();
fadePaint = vg.LinearGradient(x, y + h, x, y + h - 6, new Color(200, 200, 200, 255), new Color(200, 200, 200, 0));
vg.BeginPath();
vg.Rect(x + 4, y + h - 6, w - 8, 6);
vg.FillPaint(fadePaint);
vg.Fill();
// Scroll bar
shadowPaint = vg.BoxGradient(x + w - 12 + 1, y + 4 + 1, 8, h - 8, 3, 4, new Color(0, 0, 0, 32), new Color(0, 0, 0, 92));
vg.BeginPath();
vg.RoundedRect(x + w - 12, y + 4, 8, h - 8, 3);
vg.FillPaint(shadowPaint);
// vg.FillColor(new Color(255,0,0,128));
vg.Fill();
scrollh = (h / stackh) * (h - 8);
shadowPaint = vg.BoxGradient(x + w - 12 - 1, y + 4 + (h - 8 - scrollh) * u - 1, 8, scrollh, 3, 4, new Color(220, 220, 220, 255), new Color(128, 128, 128, 255));
vg.BeginPath();
vg.RoundedRect(x + w - 12 + 1, y + 4 + 1 + (h - 8 - scrollh) * u, 8 - 2, scrollh - 2, 2);
vg.FillPaint(shadowPaint);
// vg.FillColor(new Color(0,0,0,128));
vg.Fill();
vg.Restore();
}