[英]WPF Pressing Enter Key How to Make Button look pressed
好吧,這讓我瘋了。 我有一個簡單的WPF登錄應用程序,它有一個登錄按鈕,如果用戶點擊鍵盤上的回車鍵,我想點擊它。 這是捕獲,我希望按鈕看起來像用戶點擊進入時按下了。
我使用IsDefault = true; 然而它會登錄,但按鈕永遠不會隨着處理而改變。
XAML:
<Button x:Name="SignInButton" Click="SignInButton_Click" Margin="277,523,265,-125" MaxWidth="100" MinWidth="100" IsDefault="False" Style="{StaticResource SignInButton}">
<Button.Effect>
<DropShadowEffect ShadowDepth="6"
BlurRadius="6"
Opacity="1"
Direction="315"
Color="gray" />
</Button.Effect>
<TextBlock x:Name="Connect" TextWrapping="Wrap" Text="Connect" TextAlignment="Center" Padding="0,2,0,0"/>
我甚至試圖改變文字:
private void OnKeyDownHandler(object sender, KeyEventArgs e)
{
if (e.Key == Key.Enter)
{
Connect.Focus();
Connect.Text = "Please Wait...";
SignInButton.IsDefault = true;
}
}
同樣,這有效但文本在按鈕處理之后才會更改。
您將不得不模擬此行為,因為默認情況下,這不是可視更新,只是執行的操作。
這就是我激發視覺更新的方式:
XAML:
<Window x:Class="WpfAnswer001.Window4"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window4" Height="300" Width="300">
<Window.Resources>
<Style x:Key="FocusVisual">
<Setter Property="Control.Template">
<Setter.Value>
<ControlTemplate>
<Rectangle Margin="2" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/>
<SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/>
<SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/>
<SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/>
<SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/>
<SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/>
<SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/>
<SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/>
<SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/>
<Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
<Setter Property="Background" Value="{StaticResource Button.Static.Background}"/>
<Setter Property="BorderBrush" Value="{StaticResource Button.Static.Border}"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Padding" Value="1"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="#FFDDDDDD" SnapsToDevicePixels="true">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.4">
<VisualTransition.GeneratedEasingFunction>
<QuinticEase EasingMode="EaseOut"/>
</VisualTransition.GeneratedEasingFunction>
</VisualTransition>
</VisualStateGroup.Transitions>
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver"/>
<VisualState x:Name="Pressed">
<Storyboard>
<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="border">
<EasingColorKeyFrame KeyTime="0" Value="#FFAA3737"/>
</ColorAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Disabled"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsDefaulted" Value="true">
<Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/>
<Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/>
<Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/>
<Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top"><Run Text="TextBlock"/></TextBlock>
<TextBox TextWrapping="Wrap" Text="TextBox" Margin="0,0,26,0" Grid.Column="1"/>
<TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Grid.Row="1"><Run Text="TextBlock"/></TextBlock>
<TextBox TextWrapping="Wrap" Text="TextBox" Margin="0,0,26,0" Grid.Column="1" Grid.Row="1"/>
<Button x:Name="LoginButton" Content="Login" VerticalAlignment="Top" Grid.Row="2" Grid.Column="1" IsDefault="True" Style="{DynamicResource ButtonStyle1}" Click="Button_Click" />
</Grid>
</Window>
代碼背后:
using System;
using System.Threading.Tasks;
using System.Windows;
public partial class Window4 : Window
{
public Window4()
{
InitializeComponent();
}
private void Button_Click(object sender, RoutedEventArgs e)
{
UpdateButtonVisualState();
LoginProcessing();
}
private async Task LoginProcessing()
{
// Simulating a long background task.
await Task.Delay(TimeSpan.FromSeconds(5));
}
private async Task UpdateButtonVisualState()
{
VisualStateManager.GoToState(LoginButton, "Pressed", useTransitions: true);
await Task.Delay(TimeSpan.FromMilliseconds(200));
VisualStateManager.GoToState(LoginButton, "Normal", useTransitions: true);
}
}
無需處理回車鍵,因為這是默認按鈕。
你可以發布你的SignInButton_Click
事件處理程序的代碼嗎?
它應該在后台線程上運行它的長時間運行任務,否則在此方法完成並且UI已更新之前,您的按鈕不會更改。
問題是你正在綁定UI線程。 設置Connect.Text =“Please Wait ...”直到UI線程被釋放后才會生效,它可以像重繪UI一樣工作。 您需要顯式刷新屏幕,或使用某種異步模式來完成工作。 我推薦后者。
有很多關於如何在WPF中進行異步工作的文章。 嘗試搜索“WPF后台工作者”或“WPF async await”或“WPF Task.Factory.StartNew”這樣的術語,只需通過發布這個“相關”鏈接欄就會顯示一些。
編輯:一些鏈接,顯示不同的方法。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.