如何自定义ToggleSwitch控件样式(转)

打开Toolkit源码中的Generic.xaml文件可以看到其默认样式,发现接结构组成元素为:

  1. ToggleSwitch

    其中,ToggleSwitch又由以下几个部分组成:

    • Header
    • Content
    • ToogleSwitchButton
  2. ToogleSwitchButton

    ToggleSwitchButton由以若干个Grid和Boder组成,它们分别是:

    • Grid:SwitchRoot
    • Grid:SwitchTrack
    • Grid:SwitchBottom
    • Rectangle:SwitchBackground(包含两个Border,A和B)
    • Border:SwitchThumb
    • Border:ThumbCenter

我们可以设置其各个元素显示不同的颜色,例如将各元素设为以下颜色:

  • Header.ForeGround – Blue
  • Content.ForeGround — Brown
  • ToggleSwitch.SwitchForeGround —Orange
  • SwitchRoot.Background — Black
  • SwitchTrack.Background — Green
  • SwitchBottom.Background — Green
  • SwitchBackground.BoderA.BorderBrush — Red
  • SwitchBackground.BoderA.BorderBrush — White
  • SwitchThumb.BorderBrush — Gold
  • ThumbCenter.BorderBrush — Aqua
  • ThumbCenter.Background — Chocolate

转载于:https://www.cnblogs.com/hebeiDGL/archive/2012/06/11/2544805.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值