Question

因此，我希望找到一种方法，让用户使用单击一次点击按钮两次确认其操作。 第一次它会通过隐藏标签显示警告并启动计时器，该计时器将计数几秒钟。然后，如果用户再次单击该按钮（超时之前），则执行该代码。如果离开，标签将隐藏，用户必须再次单击2次才能运行代码。最好的方法是否涉及if参数和全局变量。正如我在想这样的事情（我知道它不在c＃中，但它是我所谈论的一个很好的视觉表现形式）：

Var buttonclick = 0
if buttonclick = 0
{Show warning label
Start timer 
Set Var buttonclick = 1}
If buttonclick = 1
{Do action}

还是有其他更好的方法吗？

Answer 1

我不确定使用计时器是个好主意，但我使用3状态ToggleButton来实现类似的行为。

在我的解决方案中，当用户点击我的按钮（我称之为ConfirmCancelButton）时，它变为红色并等待第二次点击，如果第二次点击发生，那么我的“取消命令”将执行但是如果按钮失去它的焦点（例如用户点击其他地方）它将回到它的原始状态。

这是一个简单的例子：

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

<Window.Resources>
    <Style x:Key="ConfirmCancelButton" TargetType="{x:Type ToggleButton}">
        <Setter Property="IsThreeState" Value="True"/>
        <Style.Triggers>
            <!-- Button is not clicked (original state) -->
            <Trigger Property="IsChecked" Value="False">
                <Setter Property="Foreground" Value="{DynamicResource TextBrush}"/>
            </Trigger>
            <!-- Button clicked once (waiting for 2nd click)-->
            <Trigger Property="IsChecked" Value="True">
                <Setter Property="Foreground" Value="Orange"/>
            </Trigger>
            <!-- Button clicked twice (executing cancel command)-->
            <Trigger Property="IsChecked" Value="{x:Null}">
                <Setter Property="Foreground" Value="Red"/>
            </Trigger>
            <!-- Button lost it's focus (back to the original state)-->
            <Trigger Property="IsFocused" Value="False">
                <Setter Property="IsChecked" Value="False"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>


<Window>
    <Grid>
        <ToggleButton Grid.Row="1" Style="{StaticResource ConfirmCancelButton}" Content="Cancel" >
            <i:Interaction.Triggers>
                <!-- if IsChecked=="{x:Null}" -->
                <i:EventTrigger EventName="Indeterminate">
                    <i:InvokeCommandAction Command="{Binding CancelCommand}"/>
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </ToggleButton>
    </Grid>
</Window>

单击按钮两次以确认操作

1 个答案: