如何在Tkinter中创建带角度的Label？井字棋获胜斜线需求

WinForms 实现方式 #

• 自定义继承自Label的控件，通过重写OnPaint实现角度旋转：

public class RotatedLabel : Label
{
    public float RotationAngle { get; set; } = 0f;

    protected override void OnPaint(PaintEventArgs e)
    {
        // 以控件中心为原点旋转
        e.Graphics.TranslateTransform(this.Width / 2, this.Height / 2);
        e.Graphics.RotateTransform(RotationAngle);
        e.Graphics.TranslateTransform(-this.Width / 2, -this.Height / 2);
        base.OnPaint(e);
    }
}

使用时设置RotationAngle为45°（左上到右下斜线）或135°（右上到左下斜线），同时调整控件尺寸和位置，让它刚好覆盖获胜的三格连线。

• 无需自定义控件的临时旋转方案：

private void Form_Paint(object sender, PaintEventArgs e)
{
    var winLineLabel = labelWinLine;
    // 以Label中心为旋转点调整角度
    e.Graphics.TranslateTransform(winLineLabel.Left + winLineLabel.Width/2, winLineLabel.Top + winLineLabel.Height/2);
    e.Graphics.RotateTransform(45);
    e.Graphics.TranslateTransform(-winLineLabel.Left - winLineLabel.Width/2, -winLineLabel.Top - winLineLabel.Height/2);
    winLineLabel.Invalidate();
}

WPF 实现方式 #

WPF中直接通过RenderTransform属性实现旋转，无需自定义控件：

<Label x:Name="WinLineLabel" Background="Red" Width="220" Height="3">
    <Label.RenderTransform>
        <!-- 以控件中心为旋转点设置角度 -->
        <RotateTransform Angle="45" CenterX="110" CenterY="1.5"/>
    </Label.RenderTransform>
</Label>

代码中动态调整角度和位置：

// 切换为右上到左下的斜线
WinLineLabel.RenderTransform = new RotateTransform(135, WinLineLabel.Width/2, WinLineLabel.Height/2);
// 通过Margin或Canvas定位到获胜连线位置
WinLineLabel.Margin = new Thickness(20, 20, 0, 0);

实用提示 #

• 角度对应：井字棋两条斜线分别对应45°和135°。
• 尺寸适配：若单格边长为N，对角线长度约为N×1.414，Label宽度设为N×3.5左右、高度2-5px即可模拟线条效果。
• 替代方案：如果追求性能，直接用Graphics.DrawLine（WinForms）或Line控件（WPF）绘制线条，比旋转Label更高效，但用Label实现完全可行。

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