arsd.minigui中LineEdit自定义：背景/对齐/字体/圆角问题求助

1. 移除边框后白色背景块问题 #

Windows原生LineEdit控件默认会绘制白色背景，即使移除边框也会保留。解决方式是重写onPaintBackground方法，完全接管背景绘制，避免调用原生的背景渲染：

import arsd.minigui;

class MyLineEdit : LineEdit {
    Color bgColor = Color(240, 240, 240); // 自定义背景色，可替换为你需要的颜色

    this(Widget parent) {
        super(parent);
        borderStyle = BorderStyle.None; // 确保边框已移除
    }

    override void onPaintBackground(Canvas canvas) {
        // 绘制自定义背景，覆盖原生白色块
        canvas.fillRectangle(0, 0, width, height, bgColor);
        // 不要调用super.onPaintBackground()，否则原生背景会覆盖你的绘制
    }
}

2. 文本对齐设置 #

水平对齐 #

直接使用LineEdit内置的textAlignment属性即可：

// 可选值：TextAlignment.Left、TextAlignment.Center、TextAlignment.Right
this.textAlignment = TextAlignment.Center;

垂直对齐 #

原生LineEdit默认垂直居中，若需要自定义垂直位置，可通过两种方式实现：

• 方式1：调整内边距（简单，保留原生光标功能）

// 假设字体高度为fontHeight，计算顶部内边距使文本垂直居中（或偏移）
int fontHeight = this.font.height;
padding.top = (height - fontHeight) / 2;
padding.bottom = height - padding.top - fontHeight;

• 方式2：重写onPaint完全接管文本绘制（灵活，但需自行处理光标）

override void onPaint(Canvas canvas) {
    auto text = this.text;
    auto textSize = canvas.textSize(text, this.font);
    // 垂直居中的y坐标，可根据需求调整数值
    int yPos = (height - textSize.height) / 2;
    // 水平位置根据textAlignment调整，这里以居中为例
    int xPos = (width - textSize.width) / 2;

    canvas.drawText(xPos, yPos, text, this.font, this.textColor);
}

3. 从内存加载自定义TTF字体 #

使用Font.fromMemory方法直接从内存字节数组加载字体：

// 示例：从文件读取TTF到内存（也可以从程序内嵌资源获取）
import std.file;
ubyte[] ttfBytes = cast(ubyte[])read("custom_font.ttf");

// 创建自定义字体，第二个参数为字号
Font customFont = Font.fromMemory(ttfBytes, 14);
this.font = customFont;

注意：确保TTF字节数组在组件生命周期内持续有效，不要提前释放。

4. 设置组件圆角 #

Windows原生控件不支持圆角，需通过自定义绘制实现：

class MyLineEdit : LineEdit {
    int cornerRadius = 8; // 圆角半径
    Color bgColor = Color(240, 240, 240);

    this(Widget parent) {
        super(parent);
        borderStyle = BorderStyle.None;
    }

    override void onPaintBackground(Canvas canvas) {
        // 绘制圆角背景
        auto roundedPath = new RoundedRectangle(0, 0, width, height, cornerRadius).toPath();
        canvas.fillPath(roundedPath, bgColor);
    }

    override void onResize(int newWidth, int newHeight) {
        super.onResize(newWidth, newHeight);
        // 设置裁剪区域，确保内容不超出圆角
        auto roundedPath = new RoundedRectangle(0, 0, newWidth, newHeight, cornerRadius).toPath();
        this.clipRegion = roundedPath;
    }
}

如果需要保留原生光标，可能需要重写onPaintCursor方法，确保光标也在圆角区域内绘制。

内容的提问来源于stack exchange，提问作者Bagomot