国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > C# > 正文

WPF微信聊天和通訊錄按鈕樣式代碼分享

2020-01-24 00:57:36
字體:
來源:轉載
供稿:網友

一、先用Path畫一下輪廓

<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>

看下效果圖

注意要點有幾個:

1、Path原來必須要有填充,也就是說Fill必須要有值,否則會認為是透明,點擊不到。

2、一定要設置MultiTrigger,否則當button被選中的時候,鼠標劃過,依然會變白色。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 文登市| 绥棱县| 拜泉县| 图木舒克市| 杨浦区| 丹巴县| 青冈县| 文山县| 张掖市| 朝阳县| 宝清县| 临城县| 余姚市| 博野县| 九台市| 堆龙德庆县| 股票| 巴里| 青川县| 商都县| 新疆| 富阳市| 乐安县| 安顺市| 随州市| 林甸县| 凤台县| 鄢陵县| 兰坪| 宁波市| 司法| 大庆市| 禄丰县| 宜兴市| 治多县| 辉南县| 齐河县| 沂源县| 平和县| 龙川县| 南岸区|