重写模板样式和触发事件及多条件组合触发

 

l  重写按钮的模板样式

    <Application.Resources>

        <Style x:Key="mybuttonall"TargetType="Button">

            <Setter Property="Background"Value="#abcdff"></Setter>

            <Setter Property="Foreground"Value="#fff"></Setter>

           

            <!--重写按钮的模板样式-->

            <Setter Property="Template">

               <Setter.Value>

                   <ControlTemplate>

                        <Border CornerRadius="10 10 10 10"Background="{TemplateBindingBackground}">

                            <ContentPresenter Content="{TemplateBinding ContentControl.Content}"VerticalAlignment="Center"HorizontalAlignment="Center"></ContentPresenter>

                        </Border>

                   </ControlTemplate>

               </Setter.Value>

            </Setter>

        </Style>

    </Application.Resources>

 

 

l  按钮模板样式的触发器

            <!--触发器-->

            <Style.Triggers>

               <!--鼠标移入事件-->

               <Trigger Property="IsPressed"Value="true">

                   <Setter Property="Background"Value="#ffabcd"></Setter>

               </Trigger>

               <!--鼠标移出事件-->

               <Trigger Property="IsMouseOver"Value="true">

                   <Setter Property="Background"Value="#ff5555"></Setter>

               </Trigger>

       </Style.Triggers>

 

 

l  多条件组合触发器

            <!--触发器-->

            <Style.Triggers>

               <!--鼠标移入事件-->

               <!--<Trigger Property="IsPressed"Value="true">

                   <Setter Property="Background"Value="#ffabcd"></Setter>

               </Trigger>-->

               <!--鼠标移出事件-->

               <!--<Trigger Property="IsMouseOver"Value="true">

                    <SetterProperty="Background" Value="#ff5555"></Setter>

               </Trigger>-->


               <!--多条件组合触发-->

               <MultiTrigger>

                   <MultiTrigger.Conditions>

                        <Condition Property="IsMouseOver"Value="true"></Condition>

                        <Condition Property="IsPressed"Value="false"></Condition>

                   </MultiTrigger.Conditions>

                   <Setter Property="Background"Value="#ff5555"></Setter>

               </MultiTrigger>

 

            </Style.Triggers>




猜你喜欢

转载自blog.csdn.net/weixin_39550799/article/details/78907292