확대된 UserControl의 둥근 모서리에 시각적 아티팩트가 나타나는 이유는 무엇이며 어떻게 해결할 수 있습니까?

둥근 모서리가 있는 UserControl을 확대/축소하는 동안 시각적 아티팩트

문제:

둥근 모서리가 있는 UserControl 모서리와 색상 테두리는 확대/축소 시 시각적인 아티팩트를 나타냅니다. 축소하면 한쪽 테두리가 보이지 않게 되고 확대하면 같은 쪽에 여러 개의 테두리가 나타납니다.

해결책:

지역을 직접 칠하는 대신 컨트롤 영역 내에서 페인트된 영역을 약간 안쪽으로 이동하려면 크기 조정 및 변환 변환을 수행합니다. 이렇게 하면 테두리의 앤티앨리어싱 픽셀이 영역 내에 있도록 하여 앤티앨리어싱 효과를 유지합니다.

구현:

• 사용자 컨트롤 설정 BackgroundColor를 Color.Transparent로 변경하여 색상 투명도를 지원합니다.
• GraphicsPathWithBorder 및 Region을 생성하여 컨트롤의 모양.

• OnPaint 이벤트에서:

  • SmoothingMode를 AntiAlias로 설정합니다.
  • 펜 크기에 따라 배율을 계산하고 값을 변환합니다.
  • 다음을 사용하여 변환을 적용합니다. 매트릭스.
  • 브러시와 펜을 각각 사용하여 경로를 채우고 그립니다.
• 너비를 업데이트하고 너비를 다시 계산하여 확대/축소를 처리합니다. 지역.

예:

using System.Drawing;
using System.Drawing.Drawing2D;

public class RoundControl : UserControl
{
    // ...

    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);
    }

    // ...
}

결과:

이 접근 방식은 시각적 결함을 제거하고 다음을 제공합니다. 매끄럽고 시각적으로 매력적인 확대/축소 효과를 제공합니다.

위 내용은 확대된 UserControl의 둥근 모서리에 시각적 아티팩트가 나타나는 이유는 무엇이며 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!