0

按下按钮时，按钮的背景 ( Rectangle Fill) 会发生变化。所以用户可以看到哪些按钮被按下，哪些没有被按下。

问题：

我使用触发器和 aTogglebutton来执行"IsChecked"更改背景。但背景变化可能只发生 1 次。

例如：

按钮背景 = 黑色 --> PRESS--> 按钮背景 = 蓝色

但是当我再次按下按钮时，按钮背景变回黑色（因为它是一个切换按钮）。

我怎样才能确保背景只改变 1 次？

编辑：按钮必须保持启用状态，因为用户在按下按钮时会给出一个理由。这意味着如果他们选择了错误的原因，他们就能够改变它。

<Style x:Key="ButtonStyleReg" TargetType="{x:Type myClasses:RegButton}">
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type ToggleButton}">
            <Grid x:Name="registrationButton">
                <Rectangle Name="rectangleBtn" Fill="#FF89959A" Height="Auto" RadiusY="15" RadiusX="15" Stroke="White" Width="Auto"/>

                <TextBlock x:Name="reason" TextWrapping="Wrap" 
                           Text="{Binding Reason, StringFormat=\{0\}}"
                           HorizontalAlignment="Center" Margin="0,7.5,0,0" Height="Auto" 
                           VerticalAlignment="Top" FontWeight="Bold" >
                </TextBlock>                                                                                   
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="IsFocused" Value="True"/>
                <!--<Trigger Property="IsDefaulted" Value="True"/>-->

                <Trigger Property="IsChecked" Value="True">
                    <Setter TargetName="rectangleBtn" Property="Fill" Value="blue" />
                </Trigger>                                                     
                <Trigger Property="IsEnabled" Value="False"/>
            </ControlTemplate.Triggers>
        </ControlTemplate>

    </Setter.Value>
</Setter>
<Setter Property="FontSize" Value="10.667"/>

实现样式的列表框：

<ListBox x:Name="lbRegistration" ItemsSource="{Binding RegBtns, ElementName=Window}" Background="{x:Null}" 
            BorderBrush="{x:Null}" Grid.Column="1" 
            ScrollViewer.HorizontalScrollBarVisibility="Hidden" ScrollViewer.VerticalScrollBarVisibility="Disabled" Height="75">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal"/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>

            <ListBox.ItemTemplate>
                <DataTemplate>
                    <myClasses:RegistrationButton x:Name="RegistrationButton" HorizontalAlignment="Center" Height="71" Width="148" 
                                                  Margin="10,0,5,0" 
                                                  Style="{DynamicResource ButtonStyleRegistration}"
                                                  Click="RegistrationButton_Click"
                                                  Title="{Binding Title}"
                                                  Oorzaak="{Binding Oorzaak}"     

                                                  DuurStilstand="{Binding DuurStilstand, 
                                                        Converter={StaticResource  DateTimeConverter}}"

                                                  BeginStilstand="{Binding BeginStilstand}"/>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

最好的问候，皮特

4

2 回答 2

1

如果您可以从后面的代码访问矩形，则非常简单：

rectangleBtn.Fill = Brushes.Blue;

如果您无法访问它 - 让自己有两种风格。一个是原始样式，另一个是用户点击时应用的蓝色样式。

在后面的代码中，在事件 Click="RegistrationButton_Click" 上将 Style 设置为 BlueStyle。

RegistrationButton.Style = this.FindResource("ButtonStyleRegistration") as Style;

由于您总是希望它是蓝色的，因此此代码就足够了。它将永远为您打造蓝色。第一次，其他任何时候。这样您就可以满足您的要求，并且样式只会更改一次。当窗口被加载时，它会加载到原来的样式（第一个样式）。因此，在您的 XAML 中添加样式“Black”并在后面的代码中显示如上所示。

然后必须将其删除：

<Trigger Property="IsChecked" Value="True"> 
    <Setter TargetName="rectangleBtn" Property="Fill" Value="blue" /> 
</Trigger>

然后这个：

<myClasses:RegistrationButton x:Name="RegistrationButton" HorizontalAlignment="Center" Height="71" Width="148"  
Margin="10,0,5,0"  
Style="{DynamicResource ButtonStyleRegistration}" 
Click="RegistrationButton_Click"

应该：

<myClasses:RegistrationButton x:Name="RegistrationButton" HorizontalAlignment="Center" Height="71" Width="148"  
Margin="10,0,5,0"  
Style="{DynamicResource ButtonStyleRegBlack}" 
Click="RegistrationButton_Click"

就这些。

于 2012-05-10T13:32:30.403 回答
1

如果您使用的是 MVVM 方法，我建议将背景和 Click 命令绑定到 ViewModel 中的成员。第一次单击按钮时，它会设置一个标志并更改背景颜色。下次单击按钮时，如果设置了标志，则命令返回而不更改背景。

XAML：

<ToggleButton Background="{Binding MyBackground}" Command="{Binding OnClickCmd}"/>

视图模型

public class ViewModel : INotifyPropertyChanged
{
     public Brush MyBackground 
     { 
          get { return background_; } 
          set {
                background_ = value;
                PropertyChanged(this, new PropertyChangedEventArg("MyBackground");
          }
     }

     public ICommand OnClickCmd
     {
          get {
               return new DelegateCommand(()=>{ // DelegateCommand implements ICommand
                  if(!isBackgroundSet) {
                      background = Brushes.Red;
                      isBackgroundSet_ = true;    
                  }
               });
          }
     }

     private Brush background_;
     private bool isBackgroundSet_;
     private event PropertyChangedEventHandler PropertyChagned;
 }
于 2012-05-10T13:48:52.750 回答