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();
}
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 drawColorwheel(NvgContext vg, float x, float y, float w, float h, float t)
{
int i;
float r0, r1, ax, ay, bx, by, cx, cy, aeps, r;
float hue = (float)Math.Sin(t * 0.12f);
Paint paint;
vg.Save();
/* vg.BeginPath();
* vg.Rect(x,y,w,h);
* vg.FillColor(new Color(255,0,0,128));
* vg.Fill();*/
cx = x + w * 0.5f;
cy = y + h * 0.5f;
r1 = (w < h ? w : h) * 0.5f - 5.0f;
r0 = r1 - 20.0f;
aeps = 0.5f / r1; // half a pixel arc length in radians (2pi cancels out).
for (i = 0; i < 6; i++)
{
float a0 = (float)i / 6.0f * (float)Math.PI * 2.0f - aeps;
float a1 = (float)(i + 1.0f) / 6.0f * (float)Math.PI * 2.0f + aeps;
vg.BeginPath();
vg.Arc(cx, cy, r0, a0, a1, Winding.ClockWise);
vg.Arc(cx, cy, r1, a1, a0, Winding.CounterClockWise);
vg.ClosePath();
ax = cx + (float)Math.Cos(a0) * (r0 + r1) * 0.5f;
ay = cy + (float)Math.Sin(a0) * (r0 + r1) * 0.5f;
bx = cx + (float)Math.Cos(a1) * (r0 + r1) * 0.5f;
by = cy + (float)Math.Sin(a1) * (r0 + r1) * 0.5f;
paint = vg.LinearGradient(ax, ay, bx, by, NvgUtility.HSLA(a0 / ((float)Math.PI * 2), 1.0f, 0.55f, 255), NvgUtility.HSLA(a1 / ((float)Math.PI * 2), 1.0f, 0.55f, 255));
vg.FillPaint(paint);
vg.Fill();
}
vg.BeginPath();
vg.Circle(cx, cy, r0 - 0.5f);
vg.Circle(cx, cy, r1 + 0.5f);
vg.StrokeColor(new Color(0, 0, 0, 64));
vg.StrokeWidth(1.0f);
vg.Stroke();
// Selector
vg.Save();
vg.Translate(cx, cy);
vg.Rotate(hue * (float)Math.PI * 2);
// Marker on
vg.StrokeWidth(2.0f);
vg.BeginPath();
vg.Rect(r0 - 1, -3, r1 - r0 + 2, 6);
vg.StrokeColor(new Color(255, 255, 255, 192));
vg.Stroke();
paint = vg.BoxGradient(r0 - 3, -5, r1 - r0 + 6, 10, 2, 4, new Color(0, 0, 0, 128), new Color(0, 0, 0, 0));
vg.BeginPath();
vg.Rect(r0 - 2 - 10, -4 - 10, r1 - r0 + 4 + 20, 8 + 20);
vg.Rect(r0 - 2, -4, r1 - r0 + 4, 8);
vg.PathWinding(Solidity.Hole);
vg.FillPaint(paint);
vg.Fill();
// Center triangle
r = r0 - 6;
ax = (float)Math.Cos(120.0f / 180.0f * (float)Math.PI) * r;
ay = (float)Math.Sin(120.0f / 180.0f * (float)Math.PI) * r;
bx = (float)Math.Cos(-120.0f / 180.0f * (float)Math.PI) * r;
by = (float)Math.Sin(-120.0f / 180.0f * (float)Math.PI) * r;
vg.BeginPath();
vg.MoveTo(r, 0);
vg.LineTo(ax, ay);
vg.LineTo(bx, by);
vg.ClosePath();
paint = vg.LinearGradient(r, 0, ax, ay, NvgUtility.HSLA(hue, 1.0f, 0.5f, 255), new Color(255, 255, 255, 255));
vg.FillPaint(paint);
vg.Fill();
paint = vg.LinearGradient((r + ax) * 0.5f, (0 + ay) * 0.5f, bx, by, new Color(0, 0, 0, 0), new Color(0, 0, 0, 255));
vg.FillPaint(paint);
vg.Fill();
vg.StrokeColor(new Color(0, 0, 0, 64));
vg.Stroke();
// Select circle on triangle
ax = (float)Math.Cos(120.0f / 180.0f * (float)Math.PI) * r * 0.3f;
ay = (float)Math.Sin(120.0f / 180.0f * (float)Math.PI) * r * 0.4f;
vg.StrokeWidth(2.0f);
vg.BeginPath();
vg.Circle(ax, ay, 5);
vg.StrokeColor(new Color(255, 255, 255, 192));
vg.Stroke();
paint = vg.RadialGradient(ax, ay, 7, 9, new Color(0, 0, 0, 64), new Color(0, 0, 0, 0));
vg.BeginPath();
vg.Rect(ax - 20, ay - 20, 40, 40);
vg.Circle(ax, ay, 7);
vg.PathWinding(Solidity.Hole);
vg.FillPaint(paint);
vg.Fill();
vg.Restore();
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();
}