WPF微信聊天和通讯录按钮样式代码分享

<path stroke="red" strokethickness="1" margin="10" strokedashcap="round">
  <path.data>
   <geometrygroup>
    <pathgeometry figures="m 4,40 a 16,13 0 1 1 10,45 l 3,48 z" />
   </geometrygroup>
  </path.data>
</path>

<path stroke="red" strokethickness="1" strokedashcap="round" margin="50">
  <path.data>
   <geometrygroup>
    <pathgeometry figures="m 12,30 a 6,10 0 1 1 18,30 l 30,40 l 30,45 l 0,45 l 0,40z" />
    <pathgeometry figures="m 25,25 l 35,25"/>
    <pathgeometry figures="m 28,30 l 35,30"/>
    <pathgeometry figures="m 32,35 l 35,35"/>
   </geometrygroup>
  </path.data>
</path>

 <!--聊天按钮的样式-->
 <style x:key="chatstyle" targettype="{x:type radiobutton}">
  <setter property="focusvisualstyle" value="{staticresource buttonfocusvisual}"/>
  <setter property="background" value="transparent"/>
  <setter property="borderbrush" value="transparent"/>
  <setter property="borderthickness" value="0"/>
  <setter property="foreground" value="{dynamicresource {x:static systemcolors.controltextbrushkey}}"/>
  <setter property="horizontalcontentalignment" value="center"/>
  <setter property="verticalcontentalignment" value="center"/>
  <setter property="padding" value="1"/>
  <setter property="template">
   <setter.value>
    <controltemplate targettype="{x:type radiobutton}">
     <border>
      <path x:name="btnpath" strokethickness="1" stroke="gray" fill="#ff3e3e40">
       <path.data>
        <geometrygroup>
         <pathgeometry figures="m 4,40 a 16,13 0 1 1 10,45 l 3,48 z" />
        </geometrygroup>
       </path.data>
      </path>
     </border>
     <controltemplate.triggers>
      <trigger property="ischecked" value="true">
       <setter property="fill" value="#ff14d212" targetname="btnpath"/>
       <setter property="stroke" value="#ff14d212" targetname="btnpath"/>
      </trigger>
      <trigger property="ismouseover" value="true">
       <setter property="stroke" value="white" targetname="btnpath"/>
      </trigger>
      <multitrigger>
       <multitrigger.conditions>
        <condition property="ischecked" value="true"/>
        <condition property="ismouseover" value="true"/>
       </multitrigger.conditions>
       <multitrigger.setters>
        <setter property="stroke" value="#ff14d212" targetname="btnpath"/>
       </multitrigger.setters>
      </multitrigger>
     </controltemplate.triggers>
    </controltemplate>
   </setter.value>
  </setter>
 </style>

 <!--通讯录的样式-->
 <style x:key="friendstyle" targettype="{x:type radiobutton}">
  <setter property="focusvisualstyle" value="{staticresource buttonfocusvisual}"/>
  <setter property="background" value="transparent"/>
  <setter property="borderbrush" value="transparent"/>
  <setter property="borderthickness" value="0"/>
  <setter property="foreground" value="{dynamicresource {x:static systemcolors.controltextbrushkey}}"/>
  <setter property="horizontalcontentalignment" value="center"/>
  <setter property="verticalcontentalignment" value="center"/>
  <setter property="padding" value="1"/>
  <setter property="template">
   <setter.value>
    <controltemplate targettype="{x:type radiobutton}">
     <border>
      <path x:name="btnpath" strokethickness="1" stroke="gray" fill="#ff3e3e40">
       <path.data>
        <geometrygroup>
         <pathgeometry figures="m 12,30 a 6,10 0 1 1 18,30 l 30,40 l 30,45 l 0,45 l 0,40z" />
         <pathgeometry figures="m 25,25 l 35,25"/>
         <pathgeometry figures="m 28,30 l 35,30"/>
         <pathgeometry figures="m 32,35 l 35,35"/>
        </geometrygroup>
       </path.data>
      </path>
     </border>
     <controltemplate.triggers>
      <trigger property="ischecked" value="true">
       <setter property="fill" value="#ff14d212" targetname="btnpath"/>
       <setter property="stroke" value="#ff14d212" targetname="btnpath"/>
      </trigger>
      <trigger property="ismouseover" value="true">
       <setter property="stroke" value="white" targetname="btnpath"/>
      </trigger>
      <multitrigger>
       <multitrigger.conditions>
        <condition property="ischecked" value="true"/>
        <condition property="ismouseover" value="true"/>
       </multitrigger.conditions>
       <multitrigger.setters>
        <setter property="stroke" value="#ff14d212" targetname="btnpath"/>
       </multitrigger.setters>
      </multitrigger>
     </controltemplate.triggers>
    </controltemplate>
   </setter.value>
  </setter>
 </style>