填充一个矩形，充满膨胀圆而不越过边界（波纹）

Question

我有一个控制表面（我的自定义对照）和一个小于整个表面的矩形。现在，我需要在此矩形内绘制一个圆（Fillellipse），并且圆圈不得透支矩形边界。

我从Angular中知道了一个按钮： https://material.angular.io/components/button-togglegle/overview 并想创造出这样的波纹： https://material.agluarl.io/components/components/ripple/ripple/explass

完美的。我想制作这样的动画。填充的进度不是问题，而是我不使用我的按钮中使用的“子控制按钮”的事实，因此没有“真实”边界，我在绘制我的点击按钮的边界方面而挣扎。

不，我不会使用子按钮作为控件来放入我的条带。我不希望控制控制控制。我正在绘制按钮，并将矩形用作我的事件的“地址”，例如悬停/单击/点击等。

这是我的buttonstrip的一个示例（一个月悬停）。点击一天。

每个按钮（在列表或字典中）都有其自己的矩形，该矩形是预算的：

Dim InnerWidth As Integer = If(_IOSwitchVisible = True,
    (Me.Width - _IOSwitchWidth) \ Buttons.Count,
    Me.Width \ Buttons.Count)

If InnerWidth = 0 Then Return

For Each b In Buttons.Values
    b.Rect = New Rectangle(CurrLeft, 0, InnerWidth, Me.Height)
    VerticalLinePos.Add(CurrLeft)
    CurrLeft += InnerWidth
Next

这只是代码的一部分。 这是我如何绘制单击按钮（是否悬停）的片段，

'Clicked
For Each btn In Buttons.Values.ToList.Where(Function(x) x.Clicked = True)
    If _HoveredElement IsNot Nothing AndAlso _HoveredElement.Rect = btn.Rect Then
        'If the button is already clicked
        e.Graphics.FillRectangle(New SolidBrush(ClickedHoveredColor), btn.Rect)
    Else
        'Otherwise draw clicked color
        e.Graphics.FillRectangle(New SolidBrush(ClickedColor), btn.Rect)
    End If
Next

有人想知道如何用一个圆圈填充其中一个按钮，该按钮必须不得透支到其邻居按钮上？

编辑：一旦我（或您）发现了如何，我将包括一个循环以使圆圈充气以使填充进度动画。

Answer 1

多亏了Jimi，我得到了他的剪辑提示：

（黄色圆圈来自ScreentOgif）

Private Sub AnimateRipple(G As Graphics, C As Color, R As Rectangle)
    Dim ClipRegion As New Region(R)
    G.SetClip(ClipRegion, Drawing2D.CombineMode.Replace)

    Dim EllipseRect As Rectangle = R
    EllipseRect.Width = 1
    EllipseRect.Height = 1
    EllipseRect.Y = R.Height \ 2
    EllipseRect.X += R.Width \ 2

    EllipseRect.Inflate(InflateValue, InflateValue)
    Dim RippleBrush As SolidBrush = New SolidBrush(C)
    G.FillEllipse(RippleBrush, EllipseRect)
    G.ResetClip()
    RippleBrush.Dispose()
End Sub