ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Wpf 练习,一种Checkbox的效果

2020-08-29 17:33:22  阅读:263  来源: 互联网

标签:Checkbox 其他人 效果 demo 练习 Wpf


参考其他人demo,做了小修改。

 <Style TargetType="CheckBox" >
            <Setter Property="Template" >
                <Setter.Value>
                    <ControlTemplate TargetType="CheckBox">
                        <DockPanel>
                            <ContentPresenter DockPanel.Dock="Left" VerticalAlignment="Center" Margin="10 0"></ContentPresenter>
                            <Grid >
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="40"></ColumnDefinition>
                                    <ColumnDefinition Width="40"></ColumnDefinition>
                                </Grid.ColumnDefinitions>
                                <Rectangle Grid.Column="0" Grid.ColumnSpan="2" Fill="Gray"></Rectangle>
                                <Border x:Name="gborder">
                                    <TextBlock x:Name="txtInfo" Foreground="White"  VerticalAlignment="Center"  HorizontalAlignment="Center"></TextBlock>
                                </Border>
                            </Grid>
                        </DockPanel>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="true">
                                <Setter TargetName="gborder" Property="Grid.Column" Value="1"></Setter>
                                <Setter TargetName="gborder" Property="Background" Value="LightBlue"></Setter>
                                <Setter TargetName="txtInfo" Property="Text" Value="On"></Setter>                               
                            </Trigger>
                            <Trigger Property="IsChecked" Value="false">
                                <Setter TargetName="gborder" Property="Grid.Column" Value="0"></Setter>
                                <Setter TargetName="txtInfo" Property="Text" Value="Off"></Setter>
                            </Trigger>
                            <Trigger Property="IsChecked" Value="{x:Null}">
                                <Setter TargetName="gborder" Property="Grid.Column" Value="0"></Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
 <CheckBox Content="开关" Width="200" Height="40"></CheckBox>

  效果如下:

        

标签:Checkbox,其他人,效果,demo,练习,Wpf
来源: https://www.cnblogs.com/china-guoch/p/13582845.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有