Rendering Absolute Coords

Renders MewUI custom elements using absolute Bounds coordinates. Use when alignment appears ignored or element renders at top-left. Use when this capability is needed.

tomevault-io 4781418 2 files · 1.8 KB Updated

File contents

MewUI Absolute Coordinates

MewUI does NOT apply coordinate transforms. Each element must render at its absolute Bounds position.

Problem

// ❌ WRONG - Always draws at top-left
public override void Render(IGraphicsContext context)
{
    context.FillRectangle(new Rect(0, 0, Width, Height), color);
}

Solution

// ✅ CORRECT - Use Bounds.X and Bounds.Y
public override void Render(IGraphicsContext context)
{
    double ox = Bounds.X;
    double oy = Bounds.Y;

    context.FillRectangle(new Rect(ox, oy, Width, Height), color);
}

Checklist

  • Use Bounds.X and Bounds.Y as offset in Render
  • Apply offset to ALL drawing operations
  • Override MeasureContent to return new Size(Width, Height)

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/christian289--mewuibadapple--rendering-absolute-coords commit 47814188b7

Frequently asked questions

npx skillmds@latest add tomevault-io/rendering-absolute-coords