FestoControl.xaml 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <UserControl x:Class="FestoDebugger.UserControls.FestoControl"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  5. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  6. xmlns:local="clr-namespace:FestoDebugger.UserControls"
  7. mc:Ignorable="d" x:Name="self"
  8. d:DesignHeight="180" d:DesignWidth="50">
  9. <Border BorderBrush="Gray" BorderThickness="1">
  10. <Grid>
  11. <Grid.RowDefinitions>
  12. <RowDefinition Height="30"/>
  13. <RowDefinition Height="50"/>
  14. <RowDefinition Height="50"/>
  15. <RowDefinition Height="30"/>
  16. <RowDefinition/>
  17. </Grid.RowDefinitions>
  18. <Grid.ColumnDefinitions>
  19. <ColumnDefinition Width="50"/>
  20. <ColumnDefinition/>
  21. </Grid.ColumnDefinitions>
  22. <Label Grid.Row="0" Grid.Column="0" HorizontalAlignment="Center" Content="{Binding ModuleName}" FontSize="10" VerticalContentAlignment="Center" VerticalAlignment="Center" />
  23. <Button Grid.Row="1" Grid.Column="0" Width="40" Height="30" Background="DeepSkyBlue" Content="On" Click="On_Click" Canvas.Left="60" Canvas.Top="39"></Button>
  24. <Button Grid.Row="2" Grid.Column="0" Width="40" Height="30" Background="DeepSkyBlue" Content="Off" Click="Off_Click" Canvas.Left="101" Canvas.Top="40"></Button>
  25. <Ellipse Grid.Row="3" Grid.Column="0" Width="16" Height="16" Stroke="Silver" HorizontalAlignment="Center" VerticalAlignment="Top">
  26. <Ellipse.Style>
  27. <Style TargetType="Ellipse">
  28. <!-- 默认颜色(SignalOn为false时) -->
  29. <Setter Property="Fill" Value="LightGray"/>
  30. <Style.Triggers>
  31. <!-- 当SignalOn为true时变为绿色 -->
  32. <DataTrigger Binding="{Binding SignalOn}" Value="True">
  33. <Setter Property="Fill" Value="LimeGreen"/>
  34. </DataTrigger>
  35. <DataTrigger Binding="{Binding SignalOn}" Value="False">
  36. <Setter Property="Fill" Value="LightGray"/>
  37. </DataTrigger>
  38. </Style.Triggers>
  39. </Style>
  40. </Ellipse.Style>
  41. </Ellipse>
  42. </Grid>
  43. </Border>
  44. </UserControl>