角が丸く色付きの境界線を持つズーム可能な UserControl の視覚的なアーティファクトを修正する方法-C++-php.cn

角が丸く色付きの境界線を持つズーム可能な UserControl の視覚的なアーティファクトを修正する方法

Barbara Streisand

リリース： 2025-01-05 18:05:45

オリジナル

1010 人が閲覧しました

How to Fix Visual Artifacts in a Zoomable UserControl with Rounded Corners and a Colored Border?

角が丸いズーム可能な UserControl の境界線の視覚的アーティファクトを回避する方法

問題:

角が丸く色付きのユーザーコントロールをズームアウトする場合境界線を指定すると、境界線の右側が非表示になります。また、拡大すると右側に複数の黄色の枠線が表示されます。

初期コードスニペット:

Form1.Designer.cs

trackBar1.Value = 100;
BackColor = Color.Gray;

ログイン後にコピー

Form1.cs

private void trackBar1_Scroll(object sender, EventArgs e)
{
    UserControl11.SetZoomFactor(trackBar1.Value / 100F);
}

ログイン後にコピー

UserControl1.cs

// Properties, constructors, and event handlers omitted for brevity

internal GraphicsPath GraphicsPathWithBorder;

internal void SetZoomFactor(float z)
{
    Width = (int)(MyBaseWidth * z);

    GraphicsPathWithBorder = RoundedCornerRectangle(ClientRectangle);
    Region = new Region(GraphicsPathWithBorder);
}

ログイン後にコピー

解決策:

アーティファクトに対処するには、次の推奨事項が行われます:

コントロールにリージョンを使用する: コントロールのどの部分をペイントするかを決定するリージョンを定義します。アンチエイリアシングを維持するには、この領域はコントロールの境界よりわずかに小さくする必要があります。
スケールおよび移動行列を適用する: 領域の境界を拡大縮小および移動するには、スケール行列と移動行列を実装します。コントロールの領域の内部。ペンのサイズに従って拡大縮小および変換されます。
透明な背景を設定します: コントロールの背景色を透明に設定し、周囲の領域の色が透けて見えるようにします。

更新されましたコード:

public partial class RoundControl : UserControl
{
    // Properties, constructors, and event handlers omitted for brevity

    protected override void OnPaint(PaintEventArgs e)
    {
        e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
        RectangleF rect = GraphicsPathWithBorder.GetBounds();
        float scaleX = 1 - ((m_PenSize + 1) / rect.Width);
        float scaleY = 1 - ((m_PenSize + 1) / rect.Height);
        using (Pen pen = new Pen(m_BorderColor, m_PenSize))
        using (Brush brush = new SolidBrush(m_FillColor))
        using (Matrix mx = new Matrix(scaleX, 0, 0, scaleY, pen.Width / 2, pen.Width / 2))
        {
            e.Graphics.Transform = mx;
            e.Graphics.FillPath(brush, GraphicsPathWithBorder);
            e.Graphics.DrawPath(pen, GraphicsPathWithBorder);
        }
        base.OnPaint(e);
    }
}

ログイン後にコピー