1.TextBox 样式
1.1 style
1 <Window.Resources> 2 <Style x:Key="aa" TargetType="{x:Type TextBox}"> 3 <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/> 4 <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/> 5 <Setter Property="BorderThickness" Value="1"/> 6 <Setter Property="Padding" Value="1"/> 7 <Setter Property="AllowDrop" Value="true"/> 8 <Setter Property="FocusVisualStyle" Value="{x:Null}"/> 9 <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/> 10 <Setter Property="Stylus.IsFlicksEnabled" Value="False"/> 11 <Setter Property="Template"> 12 <Setter.Value> 13 <ControlTemplate TargetType="{x:Type TextBox}"> 14 <!--外边框颜色之类设置--> 15 <Border x:Name="Bd" CornerRadius="23" Padding="1" BorderBrush="#FFDDDDDD" BorderThickness="2" > 16 <Border.Effect> 17 <DropShadowEffect BlurRadius="10" Color="#FFE5F2FC" Direction="0" ShadowDepth="0"/> 18 </Border.Effect> 19 <!--这个Border主要用来遮挡框内的阴影，只要外阴影，如果只要内阴影不要外阴影，那么设置border的 ClipToBounds="True" 剪切外部内容，即可实现内阴影--> 20 <Border Background="White" CornerRadius="23"> 21 <ScrollViewer x:Name="PART_ContentHost" Margin="5,0" VerticalAlignment="Center" Foreground="{TemplateBinding Foreground}" Background="{TemplateBinding Background}"/> 22 </Border> 23 </Border> 24 <ControlTemplate.Triggers> 25 <!--当鼠标移入输入框--> 26 <Trigger Property="IsMouseOver" Value="True"> 27 <Setter Property="BorderBrush" TargetName="Bd" Value="#FF66AFE9"/> 28 </Trigger> 29 <!--当输入框获得焦点--> 30 <Trigger Property="IsFocused" Value="True"> 31 <!--外边框阴影设置--> 32 <Setter Property="Effect" TargetName="Bd"> 33 <Setter.Value> 34 <DropShadowEffect BlurRadius="10" Color="#FFE5F2FC" Direction="0" ShadowDepth="0"/> 35 </Setter.Value> 36 </Setter> 37 <Setter Property="BorderBrush" TargetName="Bd" Value="#FF66AFE9"/> 38 </Trigger> 39 40 </ControlTemplate.Triggers> 41 </ControlTemplate> 42 </Setter.Value> 43 </Setter> 44 </Style> 45 46 </Window.Resources> 47 <StackPanel> 48 <TextBox Margin="10" Style="{StaticResource aa}" FontSize="17" Height="50" Width="200" Foreground="Black"/> 49 <TextBox Margin="10" Style="{StaticResource aa}" FontSize="17" Height="50" Width="200" Foreground="Black"/> 50 51 </StackPanel>
样式