修改Button样式

This commit is contained in:
MoYue 2023-02-03 15:14:41 +08:00
parent 713b513434
commit 80dddfa238
2 changed files with 41 additions and 10 deletions

View File

@ -34,6 +34,18 @@
</StackPanel> </StackPanel>
</Grid> </Grid>
</DataTemplate> </DataTemplate>
<ControlTemplate TargetType="Button" x:Key="ButtonTemplate">
<Border Background="#FF3269DE" Name="back" CornerRadius="3">
<ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"
Content="{TemplateBinding Content}" TextBlock.Foreground="White"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="#CC3269DE" TargetName="back"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Window.Resources> </Window.Resources>
<Grid> <Grid>
<Grid.Background> <Grid.Background>
@ -56,8 +68,10 @@
ItemsSource="{Binding Devices}" ItemTemplate="{StaticResource DeviceTemplate}" ItemsSource="{Binding Devices}" ItemTemplate="{StaticResource DeviceTemplate}"
MouseDoubleClick="deviceListBox_MouseDoubleClick" Grid.ColumnSpan="3" Margin="0,0,0,48" Grid.RowSpan="2"/> MouseDoubleClick="deviceListBox_MouseDoubleClick" Grid.ColumnSpan="3" Margin="0,0,0,48" Grid.RowSpan="2"/>
<StackPanel Orientation="Horizontal" Grid.Row="1" HorizontalAlignment="Right" Grid.ColumnSpan="2" Grid.Column="1"> <StackPanel Orientation="Horizontal" Grid.Row="1" HorizontalAlignment="Right" Grid.ColumnSpan="2" Grid.Column="1">
<Button x:Name="btnConnect" Margin="0, 10, 10, 10" Click="btnConnect_Click" Height="28" Width="150" FontSize="14">连接选中的设备</Button> <Button x:Name="btnConnect" Content="连接选中的设备" Margin="0, 10, 10, 10" Height="28" Width="150" FontSize="14"
<Button x:Name="btnStartScan" Margin="0, 10, 10, 10" Click="btnStartScan_Click" Height="28" Width="90" FontSize="14">扫描设备</Button> Click="btnConnect_Click" Template="{StaticResource ButtonTemplate}"/>
<Button x:Name="btnStartScan" Content="扫描设备" Margin="0, 10, 10, 10" Height="28" Width="90" FontSize="14"
Click="btnStartScan_Click" Template="{StaticResource ButtonTemplate}"/>
</StackPanel> </StackPanel>
</Grid> </Grid>
</Window> </Window>

View File

@ -49,6 +49,17 @@
</Setter.Value> </Setter.Value>
</Setter> </Setter>
</Style> </Style>
<ControlTemplate TargetType="Button" x:Key="ButtonTemplate">
<Border Background="#FF3269DE" Name="back" CornerRadius="3">
<ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"
Content="{TemplateBinding Content}" TextBlock.Foreground="White"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="#CC3269DE" TargetName="back"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</UserControl.Resources> </UserControl.Resources>
<ScrollViewer VerticalScrollBarVisibility="Hidden"> <ScrollViewer VerticalScrollBarVisibility="Hidden">
<Grid> <Grid>
@ -84,11 +95,15 @@
<Label Grid.Column="0" Content="{Binding DeviceName}" Foreground="White" FontSize="22" FontWeight="Bold"/> <Label Grid.Column="0" Content="{Binding DeviceName}" Foreground="White" FontSize="22" FontWeight="Bold"/>
<Label Grid.Column="1" Content="{Binding DeviceAddress}" Margin="0, 10, 0, 0" Foreground="White"/> <Label Grid.Column="1" Content="{Binding DeviceAddress}" Margin="0, 10, 0, 0" Foreground="White"/>
<Label Grid.Column="2"/> <Label Grid.Column="2"/>
<Button Grid.Column="3" x:Name="SearchDevice" Width="90" Height="30" Margin="10,-2,10,6" Click="SearchDevice_Click" >搜索设备</Button> <Button Grid.Column="3" x:Name="SearchDevice" Content="搜索设备" Width="90" Height="30" Margin="10,-2,10,6"
<Button Grid.Column="4" x:Name="buttonConnect" Width="90" Height="30" Margin="10,-2,10,6" Click="buttonConnect_Click" Content="{Binding connectDevice}"/> Click="SearchDevice_Click" Template="{StaticResource ButtonTemplate}" />
<Button Grid.Column="5" x:Name="buttonSendOne" Width="90" Height="30" Margin="10,-2,10,6" Click="buttonSendOne_Click" Content="单询"/> <Button Grid.Column="4" x:Name="buttonConnect" Content="{Binding connectDevice}" Width="90" Height="30" Margin="10,-2,10,6" Click="buttonConnect_Click" Template="{StaticResource ButtonTemplate}"/>
<Button Grid.Column="6" x:Name="buttonSend" Width="90" Height="30" Margin="10,-2,10,6" Click="buttonSend_Click" Content="轮询"/> <Button Grid.Column="5" x:Name="buttonSendOne" Content="单询" Width="90" Height="30" Margin="10,-2,10,6"
<Button Grid.Column="7" x:Name="buttonRead" Width="90" Height="30" Margin="10,-2,10,6" Click="buttonRead_Click">读取名称</Button> Click="buttonSendOne_Click" Template="{StaticResource ButtonTemplate}"/>
<Button Grid.Column="6" x:Name="buttonSend" Content="轮询" Width="90" Height="30" Margin="10,-2,10,6"
Click="buttonSend_Click" Template="{StaticResource ButtonTemplate}"/>
<Button Grid.Column="7" x:Name="buttonRead" Content="读取名称" Width="90" Height="30" Margin="10,-2,10,6"
Click="buttonRead_Click" Template="{StaticResource ButtonTemplate}"/>
</Grid> </Grid>
<Label Grid.Row="1" Content="日志记录" Foreground="White"/> <Label Grid.Row="1" Content="日志记录" Foreground="White"/>
<!-- Log区禁止 ListBox 横向滚动 TextBlock 才能实现自动换行 --> <!-- Log区禁止 ListBox 横向滚动 TextBlock 才能实现自动换行 -->
@ -124,7 +139,8 @@
<ColumnDefinition/> <ColumnDefinition/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<TextBox Grid.Column="0" x:Name="VersionQueryData" Text="{Binding VersionQueryData}" Foreground="White" HorizontalAlignment="Stretch" VerticalAlignment="Center"/> <TextBox Grid.Column="0" x:Name="VersionQueryData" Text="{Binding VersionQueryData}" Foreground="White" HorizontalAlignment="Stretch" VerticalAlignment="Center"/>
<Button Grid.Column="1" x:Name="VersionQueryButton" Content="版本查询" Margin="10,0" Click="VersionQueryButton_Click" HorizontalAlignment="Left" VerticalAlignment="Center"/>
<Button Grid.Column="1" x:Name="VersionQueryButton" Content="版本查询" Margin="10,0" Width="100" HorizontalAlignment="Left" Click="VersionQueryButton_Click" Template="{StaticResource ButtonTemplate}"/>
</Grid> </Grid>
<Grid Grid.Row="2"> <Grid Grid.Row="2">
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
@ -132,8 +148,9 @@
<ColumnDefinition/> <ColumnDefinition/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<TextBox Grid.Column="0" x:Name="FileSelectionData" Text="{Binding FileSelectionData}" Foreground="White" HorizontalAlignment="Stretch" VerticalAlignment="Center" /> <TextBox Grid.Column="0" x:Name="FileSelectionData" Text="{Binding FileSelectionData}" Foreground="White" HorizontalAlignment="Stretch" VerticalAlignment="Center" />
<Button Grid.Column="1" x:Name="FileSelectionButton" Content="文件选择" Margin="10,0" Click="FileSelectionButton_Click" HorizontalAlignment="Left" VerticalAlignment="Center"/>
<Button Grid.Column="1" x:Name="FileSendingButton" Content="文件发送" Margin="40,0" Click="FileSendingButton_Click" HorizontalAlignment="Right" VerticalAlignment="Center"/> <Button Grid.Column="1" x:Name="FileSelectionButton" Content="文件选择" Margin="10,0" Width="100" HorizontalAlignment="Left" VerticalAlignment="Center" Click="FileSelectionButton_Click" Template="{StaticResource ButtonTemplate}"/>
<Button Grid.Column="1" x:Name="FileSendingButton" Content="文件发送" Margin="40,0" Width="100" HorizontalAlignment="Right" VerticalAlignment="Center" Click="FileSendingButton_Click" Template="{StaticResource ButtonTemplate}"/>
</Grid> </Grid>
</Grid> </Grid>