When using XAML layout, sometimes in order to make the interface Metro-like, some buttons need to use circles instead of the default rectangles. The following Button style can solve this problem and can be modified according to your needs. Of course, if you are familiar with Bland, you can use it directly to draw the style you need, but is it faster to paste the code? Copy code The code is as follows:<Style x:Key="btnNext" TargetType="Button"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Pressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="rectangle"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Thickness>-3</Thickness> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Normal"/> <VisualState x:Name="Disabled"/> <VisualState x:Name="MouseOver"/> </VisualStateGroup> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused"/> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Rectangle x:Name="rectangle" RadiusY="25" RadiusX="25" Stroke="Blue" StrokeThickness="4"> </Rectangle> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Margin" Value="5"/> <Setter Property="Width" Value="50"/> <Setter Property="Height" Value="50"/> <Setter Property="FontSize" Value="120"/> <Setter Property="Foreground" Value="White"/> </Style> |
<<: Detailed explanation of VUE's data proxy and events
>>: Two ways to understand CSS priority
Now if you want to use the video tag in a page, y...
The JD carousel was implemented using pure HTML a...
In this article, we will need to learn how to vie...
Core code -- Below I will demonstrate the impleme...
This article will introduce how to use Docker to ...
Table of contents Preface Demand Analysis Mysql u...
In cells, light border colors can be defined indi...
1, %: represents any 0 or more characters. It can...
These two attributes are often used, but their di...
Due to hardware reasons, the machines may not kee...
Xrdp is an open source implementation of Microsof...
Key Modifiers When listening for keyboard events,...
Preface Starting from React 16, the concept of Er...
Use of AES encryption Data transmission encryptio...
This article summarizes the knowledge points of M...