void NVGRenderer::resetScissor()
{
nvgResetScissor(m_context);
}
void TextBox::draw(NVGcontext* ctx) {
Widget::draw(ctx);
NVGpaint bg = nvgBoxGradient(ctx,
mPos.x() + 1, mPos.y() + 1 + 1.0f, mSize.x() - 2, mSize.y() - 2,
3, 4, Color(255, 32), Color(32, 32));
NVGpaint fg1 = nvgBoxGradient(ctx,
mPos.x() + 1, mPos.y() + 1 + 1.0f, mSize.x() - 2, mSize.y() - 2,
3, 4, Color(150, 32), Color(32, 32));
NVGpaint fg2 = nvgBoxGradient(ctx,
mPos.x() + 1, mPos.y() + 1 + 1.0f, mSize.x() - 2, mSize.y() - 2,
3, 4, nvgRGBA(255, 0, 0, 100), nvgRGBA(255, 0, 0, 50));
nvgBeginPath(ctx);
nvgRoundedRect(ctx, mPos.x() + 1, mPos.y() + 1 + 1.0f, mSize.x() - 2,
mSize.y() - 2, 3);
if(mEditable && focused())
mValidFormat ? nvgFillPaint(ctx, fg1) : nvgFillPaint(ctx, fg2);
else
nvgFillPaint(ctx, bg);
nvgFill(ctx);
nvgBeginPath(ctx);
nvgRoundedRect(ctx, mPos.x() + 0.5f, mPos.y() + 0.5f, mSize.x() - 1,
mSize.y() - 1, 2.5f);
nvgStrokeColor(ctx, Color(0, 48));
nvgStroke(ctx);
nvgFontSize(ctx, fontSize());
nvgFontFace(ctx, "sans");
Vector2i drawPos(mPos.x(), mPos.y() + mSize.y() * 0.5f + 1);
float xSpacing = mSize.y() * 0.3f;
float unitWidth = 0;
if (mUnitsImage > 0) {
int w, h;
nvgImageSize(ctx, mUnitsImage, &w, &h);
float unitHeight = mSize.y() * 0.4f;
unitWidth = w * unitHeight / h;
NVGpaint imgPaint = nvgImagePattern(
ctx, mPos.x() + mSize.x() - xSpacing - unitWidth,
drawPos.y() - unitHeight * 0.5f, unitWidth, unitHeight, 0,
mUnitsImage, mEnabled ? 0.7f : 0.35f);
nvgBeginPath(ctx);
nvgRect(ctx, mPos.x() + mSize.x() - xSpacing - unitWidth,
drawPos.y() - unitHeight * 0.5f, unitWidth, unitHeight);
nvgFillPaint(ctx, imgPaint);
nvgFill(ctx);
unitWidth += 2;
} else if (!mUnits.empty()) {
unitWidth = nvgTextBounds(ctx, 0, 0, mUnits.c_str(), nullptr, nullptr);
nvgFillColor(ctx, Color(255, mEnabled ? 64 : 32));
nvgTextAlign(ctx, NVG_ALIGN_RIGHT | NVG_ALIGN_MIDDLE);
nvgText(ctx, mPos.x() + mSize.x() - xSpacing, drawPos.y(),
mUnits.c_str(), nullptr);
unitWidth += 2;
}
switch (mAlignment) {
case Alignment::Left:
nvgTextAlign(ctx, NVG_ALIGN_LEFT | NVG_ALIGN_MIDDLE);
drawPos.x() += xSpacing;
break;
case Alignment::Right:
nvgTextAlign(ctx, NVG_ALIGN_RIGHT | NVG_ALIGN_MIDDLE);
drawPos.x() += mSize.x() - unitWidth - xSpacing;
break;
case Alignment::Center:
nvgTextAlign(ctx, NVG_ALIGN_CENTER | NVG_ALIGN_MIDDLE);
drawPos.x() += mSize.x() * 0.5f;
break;
}
nvgFontSize(ctx, fontSize());
nvgFillColor(ctx,
mEnabled ? mTheme->mTextColor : mTheme->mDisabledTextColor);
// clip visible text area
float clipX = mPos.x() + xSpacing - 1.0f;
float clipY = mPos.y() + 1.0f;
float clipWidth = mSize.x() - unitWidth - 2 * xSpacing + 2.0f;
float clipHeight = mSize.y() - 3.0f;
nvgScissor(ctx, clipX, clipY, clipWidth, clipHeight);
Vector2i oldDrawPos(drawPos);
drawPos.x() += mTextOffset;
if (mCommitted) {
nvgText(ctx, drawPos.x(), drawPos.y(), mValue.c_str(), nullptr);
} else {
const int maxGlyphs = 1024;
NVGglyphPosition glyphs[maxGlyphs];
float textBound[4];
nvgTextBounds(ctx, drawPos.x(), drawPos.y(), mValueTemp.c_str(),
nullptr, textBound);
float lineh = textBound[3] - textBound[1];
// find cursor positions
int nglyphs =
nvgTextGlyphPositions(ctx, drawPos.x(), drawPos.y(),
mValueTemp.c_str(), nullptr, glyphs, maxGlyphs);
updateCursor(ctx, textBound[2], glyphs, nglyphs);
// compute text offset
int prevCPos = mCursorPos > 0 ? mCursorPos - 1 : 0;
int nextCPos = mCursorPos < nglyphs ? mCursorPos + 1 : nglyphs;
float prevCX = cursorIndex2Position(prevCPos, textBound[2], glyphs, nglyphs);
float nextCX = cursorIndex2Position(nextCPos, textBound[2], glyphs, nglyphs);
if (nextCX > clipX + clipWidth)
mTextOffset -= nextCX - (clipX + clipWidth) + 1;
if (prevCX < clipX)
mTextOffset += clipX - prevCX + 1;
drawPos.x() = oldDrawPos.x() + mTextOffset;
// draw text with offset
nvgText(ctx, drawPos.x(), drawPos.y(), mValueTemp.c_str(), nullptr);
nvgTextBounds(ctx, drawPos.x(), drawPos.y(), mValueTemp.c_str(),
nullptr, textBound);
// recompute cursor positions
nglyphs = nvgTextGlyphPositions(ctx, drawPos.x(), drawPos.y(),
mValueTemp.c_str(), nullptr, glyphs, maxGlyphs);
if (mCursorPos > -1) {
if (mSelectionPos > -1) {
float caretx = cursorIndex2Position(mCursorPos, textBound[2],
glyphs, nglyphs);
float selx = cursorIndex2Position(mSelectionPos, textBound[2],
glyphs, nglyphs);
if (caretx > selx)
std::swap(caretx, selx);
// draw selection
nvgBeginPath(ctx);
nvgFillColor(ctx, nvgRGBA(255, 255, 255, 80));
nvgRect(ctx, caretx, drawPos.y() - lineh * 0.5f, selx - caretx,
lineh);
nvgFill(ctx);
}
float caretx = cursorIndex2Position(mCursorPos, textBound[2], glyphs, nglyphs);
// draw cursor
nvgBeginPath(ctx);
nvgMoveTo(ctx, caretx, drawPos.y() - lineh * 0.5f);
nvgLineTo(ctx, caretx, drawPos.y() + lineh * 0.5f);
nvgStrokeColor(ctx, nvgRGBA(255, 192, 0, 255));
nvgStrokeWidth(ctx, 1.0f);
nvgStroke(ctx);
}
}
nvgResetScissor(ctx);
}
void Window::draw(NVGcontext *ctx) {
int ds = mTheme->mWindowDropShadowSize, cr = mTheme->mWindowCornerRadius;
int hh = mTheme->mWindowHeaderHeight;
/* Draw window */
nvgSave(ctx);
nvgBeginPath(ctx);
nvgRoundedRect(ctx, mPos.x(), mPos.y(), mSize.x(), mSize.y(), cr);
nvgFillColor(ctx, mMouseFocus ? mTheme->mWindowFillFocused
: mTheme->mWindowFillUnfocused);
nvgFill(ctx);
/* Draw a drop shadow */
NVGpaint shadowPaint = nvgBoxGradient(
ctx, mPos.x(), mPos.y(), mSize.x(), mSize.y(), cr*2, ds*2,
mTheme->mDropShadow, mTheme->mTransparent);
nvgBeginPath(ctx);
nvgRect(ctx, mPos.x()-ds,mPos.y()-ds, mSize.x()+2*ds, mSize.y()+2*ds);
nvgRoundedRect(ctx, mPos.x(), mPos.y(), mSize.x(), mSize.y(), cr);
nvgPathWinding(ctx, NVG_HOLE);
nvgFillPaint(ctx, shadowPaint);
nvgFill(ctx);
if (!mTitle.empty()) {
/* Draw header */
NVGpaint headerPaint = nvgLinearGradient(
ctx, mPos.x(), mPos.y(), mPos.x(),
mPos.y() + hh,
mTheme->mWindowHeaderGradientTop,
mTheme->mWindowHeaderGradientBot);
nvgBeginPath(ctx);
nvgRoundedRect(ctx, mPos.x(), mPos.y(), mSize.x(), hh, cr);
nvgFillPaint(ctx, headerPaint);
nvgFill(ctx);
nvgBeginPath(ctx);
nvgRoundedRect(ctx, mPos.x(), mPos.y(), mSize.x(), hh, cr);
nvgStrokeColor(ctx, mTheme->mWindowHeaderSepTop);
nvgSave(ctx);
nvgIntersectScissor(ctx, mPos.x(), mPos.y(), mSize.x(), 0.5f);
nvgStroke(ctx);
nvgResetScissor(ctx);
nvgRestore(ctx);
nvgBeginPath(ctx);
nvgMoveTo(ctx, mPos.x() + 0.5f, mPos.y() + hh - 1.5f);
nvgLineTo(ctx, mPos.x() + mSize.x() - 0.5f, mPos.y() + hh - 1.5);
nvgStrokeColor(ctx, mTheme->mWindowHeaderSepBot);
nvgStroke(ctx);
nvgFontSize(ctx, 18.0f);
nvgFontFace(ctx, "sans-bold");
nvgTextAlign(ctx, NVG_ALIGN_CENTER | NVG_ALIGN_MIDDLE);
nvgFontBlur(ctx, 2);
nvgFillColor(ctx, mTheme->mDropShadow);
nvgText(ctx, mPos.x() + mSize.x() / 2,
mPos.y() + hh / 2, mTitle.c_str(), nullptr);
nvgFontBlur(ctx, 0);
nvgFillColor(ctx, mFocused ? mTheme->mWindowTitleFocused
: mTheme->mWindowTitleUnfocused);
nvgText(ctx, mPos.x() + mSize.x() / 2, mPos.y() + hh / 2 - 1,
mTitle.c_str(), nullptr);
}
nvgRestore(ctx);
Widget::draw(ctx);
}
void VectorRenderer::resetClipRect() {
nvgResetScissor(nvg);
}
void NanoInk::redrawText()
{
InkStyle& skin = this->skin();
nvgResetDisplayList(mTextCache);
nvgBindDisplayList(mCtx, mTextCache);
float left = mFrame.cleft();
float top = mFrame.ctop();
float width = mFrame.cwidth();
float height = mFrame.cheight();
float pleft = mFrame.pleft();
float ptop = mFrame.ptop();
float pwidth = mFrame.pwidth();
float pheight = mFrame.pheight();
float contentWidth = contentSize(DIM_X) - skin.padding()[DIM_X] - skin.padding()[DIM_X + 2];
float contentHeight = contentSize(DIM_Y) - skin.padding()[DIM_Y] - skin.padding()[DIM_Y + 2];
float cleft = pleft;
NVGalign halign = NVG_ALIGN_LEFT;
if(skin.align()[DIM_X] == CENTER)
{
halign = NVG_ALIGN_CENTER;
cleft = pleft + pwidth / 2.f - contentWidth / 2.f;
}
else if(skin.align()[DIM_X] == RIGHT)
{
halign = NVG_ALIGN_RIGHT;
cleft = pleft + pwidth - contentWidth;
}
float ctop = ptop;
if(skin.align()[DIM_Y] == CENTER)
ctop = ptop + pheight / 2.f - contentHeight / 2.f;
else if(skin.align()[DIM_Y] == RIGHT)
ctop = ptop + pheight - contentHeight;
// Caption
if(!mFrame.widget().label().empty() && !(pwidth <= 0.f || pheight <= 0.f))
{
//if(mFrame.dclip(DIM_X) || mFrame.dclip(DIM_Y))
// ^ @note this doesn't work because a frame is set to clipped only by its parent, and not when the label is larger than the frame itself
nvgScissor(mCtx, left, top, width, height);
this->setupText();
float lineh = 0.f;
nvgTextMetrics(mCtx, NULL, NULL, &lineh);
const char* start = mFrame.widget().label().c_str();
float x = pleft;
float y = ptop;
for(NVGtextRow& row : mTextRows)
{
if(halign & NVG_ALIGN_LEFT)
x = pleft;
else if(halign & NVG_ALIGN_CENTER)
x = pleft + pwidth*0.5f - row.width*0.5f;
else if(halign & NVG_ALIGN_RIGHT)
x = pleft + pwidth - row.width;
if(mSelectFirst != mSelectSecond)
{
size_t indexStart = row.start - start;
size_t indexEnd = row.end - start;
if(indexEnd > selectStart() && indexStart < selectEnd())
{
size_t selectStart = std::max(indexStart, this->selectStart());
size_t selectEnd = std::min(indexEnd, this->selectEnd());
NVGglyphPosition startPosition;
nvgTextGlyphPosition(mCtx, 0.f, 0.f, row.start, row.end, selectStart - (row.start - start), &startPosition);
NVGglyphPosition endPosition;
nvgTextGlyphPosition(mCtx, 0.f, 0.f, row.start, row.end, selectEnd - (row.start - start), &endPosition);
nvgBeginPath(mCtx);
nvgFillColor(mCtx, nvgRGBA(0, 55, 255, 124));
nvgRect(mCtx, x + startPosition.x, y, endPosition.x - startPosition.x, lineh);
nvgFill(mCtx);
}
}
nvgFillColor(mCtx, nvgColour(skin.mTextColour));
nvgText(mCtx, x, y, row.start, row.end);
y += lineh;
}
/*
nvgText(mCtx, cleft, ctop, mFrame.widget().label().c_str(), nullptr);
*/
nvgResetScissor(mCtx);
}
if(mFrame.dclip(DIM_X) || mFrame.dclip(DIM_Y))
nvgResetScissor(mCtx);
nvgBindDisplayList(mCtx, nullptr);
}
void NanoInk::redrawImage()
{
InkStyle& skin = this->skin();
float left = mFrame.cleft();
float top = mFrame.ctop();
float width = mFrame.cwidth();
float height = mFrame.cheight();
float pleft = mFrame.pleft();
float ptop = mFrame.ptop();
float pwidth = mFrame.pwidth();
float pheight = mFrame.pheight();
float halfb = skin.borderWidth().x0() * 0.5;
float b = skin.borderWidth().x0();
if(width - b <= 0.f || height - b <= 0.f)
return;
nvgResetDisplayList(mImageCache);
nvgBindDisplayList(mCtx, mImageCache);
float contentWidth = contentSize(DIM_X) - skin.padding()[DIM_X] - skin.padding()[DIM_X + 2];
float contentHeight = contentSize(DIM_Y) - skin.padding()[DIM_Y] - skin.padding()[DIM_Y + 2];
float cleft = pleft;
NVGalign halign = NVG_ALIGN_LEFT;
if(skin.align()[DIM_X] == CENTER)
{
halign = NVG_ALIGN_CENTER;
cleft = pleft + pwidth / 2.f - contentWidth / 2.f;
}
else if(skin.align()[DIM_X] == RIGHT)
{
halign = NVG_ALIGN_RIGHT;
cleft = pleft + pwidth - contentWidth;
}
float ctop = ptop;
if(skin.align()[DIM_Y] == CENTER)
ctop = ptop + pheight / 2.f - contentHeight / 2.f;
else if(skin.align()[DIM_Y] == RIGHT)
ctop = ptop + pheight - contentHeight;
float c0 = mCorners.x0();
float c1 = mCorners.y0();
float c2 = mCorners.x1();
float c3 = mCorners.y1();
// Shadow
if(!skin.shadow().d_null)
{
const Shadow& shadow = skin.shadow();
NVGpaint shadowPaint = nvgBoxGradient(mCtx, left + shadow.d_xpos - shadow.d_spread, top + shadow.d_ypos - shadow.d_spread, width + shadow.d_spread * 2.f, height + shadow.d_spread * 2.f, c0 + shadow.d_spread, shadow.d_blur, nvgRGBA(0, 0, 0, 128), nvgRGBA(0, 0, 0, 0));
nvgBeginPath(mCtx);
nvgRect(mCtx, left + shadow.d_xpos - shadow.d_radius, top + shadow.d_ypos - shadow.d_radius, width + shadow.d_radius * 2.f, height + shadow.d_radius * 2.f);
if(mCorners.null())
nvgRect(mCtx, left, top, width, height);
else
nvgRoundedBox(mCtx, left, top, width, height, c0, c1, c2, c3);
nvgPathWinding(mCtx, NVG_HOLE);
nvgFillPaint(mCtx, shadowPaint);
nvgFill(mCtx);
}
// Rect
nvgBeginPath(mCtx);
if(mCorners.null())
nvgRect(mCtx, left + halfb, top + halfb, width - b, height - b);
else
nvgRoundedBox(mCtx, left + halfb, top + halfb, width - b, height - b, c0, c1, c2, c3, mFitCorners);
if(skin.backgroundColour().a() > 0.f)
{
if(skin.topdownGradient().null())
{
nvgFillColor(mCtx, nvgColour(skin.mBackgroundColour));
}
else
{
NVGcolor first = nvgOffsetColour(skin.backgroundColour(), skin.topdownGradient().x());
NVGcolor second = nvgOffsetColour(skin.backgroundColour(), skin.topdownGradient().y());
nvgFillPaint(mCtx, (height > width) ?
nvgLinearGradient(mCtx, left, top, left + width, top, first, second) :
nvgLinearGradient(mCtx, left, top, left, top + height, first, second));
}
nvgFill(mCtx);
}
if(skin.borderWidth().x0() > 0.f)
{
nvgStrokeWidth(mCtx, skin.borderWidth().x0());
nvgStrokeColor(mCtx, nvgColour(skin.borderColour()));
nvgStroke(mCtx);
}
// ImageSkin
if(!skin.imageSkin().null())
{
const ImageSkin& imgskin = skin.mImageSkin;
float margin = skin.imageSkin().d_margin * 2.f;
if(imgskin.d_stretch == DIM_X)
imgskin.stretchCoords(width + margin, imgskin.d_height, [this, left, ctop](ImageSkin::Section s, int x, int y, int w, int h){ this->drawSkinImage(s, float(left + x), float(ctop + y), float(w), float(h)); });
else if(imgskin.d_stretch == DIM_Y)
imgskin.stretchCoords(imgskin.d_width, height + margin, [this, cleft, top](ImageSkin::Section s, int x, int y, int w, int h){ this->drawSkinImage(s, float(cleft + x), float(top + y), float(w), float(h)); });
else
imgskin.stretchCoords(width + margin, height + margin, [this, left, top](ImageSkin::Section s, int x, int y, int w, int h){ this->drawSkinImage(s, float(left + x), float(top + y), float(w), float(h)); });
}
if(mFrame.dclip(DIM_X) || mFrame.dclip(DIM_Y))
nvgScissor(mCtx, left, top, width, height);
// Image
if(mImage)
this->drawImage(*mImage, cleft, ctop, contentWidth, contentHeight);
if(mOverlay)
this->drawImage(*mOverlay, cleft, ctop, contentWidth, contentHeight);
if(mTile)
this->drawImage(*mTile, left, top, width, height);
if(mFrame.dclip(DIM_X) || mFrame.dclip(DIM_Y))
nvgResetScissor(mCtx);
nvgBindDisplayList(mCtx, nullptr);
}