首页 > 微信 > 详细

WPF简单实现可以左右滑动的CheckBox复选框,样式模仿的微信

时间:2020-04-16 15:20:32      阅读:73      评论:0      收藏:0      [点我收藏+]

技术分享图片

<StackPanel Grid.Row="0" Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,5,5,0">
                <TextBlock Text="自动刷新" FontSize="14" Margin="0,0,3,0" />
                <CheckBox Width="36" Height="18" Cursor="Hand" IsChecked="{Binding AutoRefreshNewRecipe}">
                    <CheckBox.Template>
                        <ControlTemplate TargetType="CheckBox">
                            <Border Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" CornerRadius="8" Background="{TemplateBinding Background}">
                                <Grid Name="btn" Width="{TemplateBinding Height}" Height="{TemplateBinding Height}" HorizontalAlignment="Left">
                                    <Ellipse Margin="1">
                                        <Ellipse.Fill>
                                            <RadialGradientBrush>
                                                <GradientStop Color="White" />
                                            </RadialGradientBrush>
                                        </Ellipse.Fill>
                                    </Ellipse>
                                </Grid>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsChecked" Value="false">
                                    <Setter Property="Background" Value="#FFC2C3C9" />
                                    <Setter TargetName="btn" Property="HorizontalAlignment" Value="Left"/>
                                </Trigger>
                                <Trigger Property="IsChecked" Value="true">
                                    <Setter Property="Background" Value="#FF1A66A2" />
                                    <Setter TargetName="btn" Property="HorizontalAlignment" Value="Right"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </CheckBox.Template>
                </CheckBox>
            </StackPanel>

  

WPF简单实现可以左右滑动的CheckBox复选框,样式模仿的微信

原文:https://www.cnblogs.com/luqingfei/p/12713029.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!