在WPF中單擊更改圈子“開始 - 停止”按鈕背景圖像

Question

受這個問題的啟發，我會使這個問題復雜化。

我的目標是一個圓形按鈕（背景圖像就像那樣 ）whick執行像“開始 - 停止”按鈕：

1）首次點擊更改按鈕圖像以“停止”圖像並啟動一些計算功能（處理，任務等）

2）點擊更改按鈕圖像到原始“開始”圖像並停止該功能。

按鈕代碼如下：

<Button  x:Name="btnStartStop" Width="72" Height="72" Content="" Margin="180,0,372,94" VerticalAlignment="Bottom" d:LayoutOverrides="VerticalAlignment">
        <Button.Template>
            <ControlTemplate>
                <Grid>
                    <Ellipse>
                        <Ellipse.Fill>
                            <ImageBrush ImageSource="Images/Start.jpg"/>
                        </Ellipse.Fill>
                    </Ellipse>
                </Grid>
            </ControlTemplate>
        </Button.Template>
</Button>

謝謝。

PS @Sheridan要求提及他的名字，也許他可以幫助我。

更新我的按鈕看起來非常像我的背景圖像 - 它是圓形的沒有邊框，可點擊區域匹配圖像（它是圓形）。 圓形圖像之外的所有內容都是透明的，不會觸發點擊事件。 這就是我必須使用Ellipse的原因。

Answer 1

您可以使用DataTrigger更改按鈕的背景圖像。 以下是鏈接可能會有所幫助。

單擊時WPF更改按鈕背景圖像

以下是相同的解決方案。 根據你的需要適當地工作。

Answer 2

這實際上聽起來像ToggleButton或甚至是自定義CheckBox的完美用例。

您可以提供自己的控件模板，該模板使用兩種不同的圖像/圖形作為兩種不同的切換狀態。 使用VisualStateManager，您可以聲明在轉換期間要執行的操作。