zoukankan      html  css  js  c++  java
  • 如何自定义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
  • 相关阅读:
    Windsor
    .net 常见异常及其翻译
    nginx
    数据库访问层封装
    web api HttpConfiguration
    ENode, 领域模型,DDD
    缓存 Redis
    win7 快捷键
    visual studio 快捷键
    c# 正则表达式
  • 原文地址:https://www.cnblogs.com/hebeiDGL/p/2544805.html
Copyright © 2011-2022 走看看