如何改变TextBox边框的颜色，当它有焦点？

在我的Windows手机应用程序，我有我的文本框的边框设置为空：如何改变TextBox边框的颜色，当它有焦点？

但是，当它具有焦点，它仍然显示出偏蓝的颜色作为其边框。我如何配置这种颜色？我试图寻找在模板的文本框，我看不出有对色彩边界，当它具有焦点属性：

有没有人有任何想法，如果这是多变的？

<Thickness x:Key="TextControlHeaderMarginThemeThickness">0,0,0,4.8</Thickness> 
    <x:Double x:Key="TextControlThemeMinHeight">33</x:Double> 
    <x:Double x:Key="ContentControlFontSize">20.26</x:Double> 
    <SolidColorBrush x:Key="TextBoxDisabledBackgroundThemeBrush" Color="Transparent" /> 
    <x:Double x:Key="TextControlBackgroundThemeOpacity">0.8</x:Double> 
    <x:Double x:Key="TextControlBorderThemeOpacity">0.8</x:Double> 
    <ControlTemplate x:Key="TextBoxControlTemplate1" TargetType="TextBox"> 
     <Grid> 
      <VisualStateManager.VisualStateGroups> 
       <VisualStateGroup x:Name="CommonStates"> 
        <VisualState x:Name="Disabled"> 
         <Storyboard> 
          <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement" Storyboard.TargetProperty="Background"> 
           <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxDisabledBackgroundThemeBrush}" /> 
          </ObjectAnimationUsingKeyFrames> 
          <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" Storyboard.TargetProperty="BorderBrush"> 
           <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxDisabledBorderThemeBrush}" /> 
          </ObjectAnimationUsingKeyFrames> 
          <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement" Storyboard.TargetProperty="Foreground"> 
           <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxDisabledForegroundThemeBrush}" /> 
          </ObjectAnimationUsingKeyFrames> 
          <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderTextContentPresenter" Storyboard.TargetProperty="Foreground"> 
           <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxDisabledForegroundThemeBrush}" /> 
          </ObjectAnimationUsingKeyFrames> 
         </Storyboard> 
        </VisualState> 
        <VisualState x:Name="Normal"> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetName="BackgroundElement" Storyboard.TargetProperty="Opacity" Duration="0" 
           To="{ThemeResource TextControlBackgroundThemeOpacity}" /> 
          <DoubleAnimation Storyboard.TargetName="BorderElement" Storyboard.TargetProperty="Opacity" Duration="0" 
           To="{ThemeResource TextControlBorderThemeOpacity}" /> 
         </Storyboard> 
        </VisualState> 
        <VisualState x:Name="Focused"> 
         <Storyboard> 
          <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" Storyboard.TargetProperty="BorderBrush"> 
           <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextSelectionHighlightColorThemeBrush}" /> 
          </ObjectAnimationUsingKeyFrames> 
          <DoubleAnimation Storyboard.TargetName="PlaceholderTextContentPresenter" Storyboard.TargetProperty="Opacity" Duration="0" To="0" /> 
          <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement" Storyboard.TargetProperty="Background"> 
           <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxFocusedBackgroundThemeBrush}" /> 
          </ObjectAnimationUsingKeyFrames> 
         </Storyboard> 
        </VisualState> 
       </VisualStateGroup> 
      </VisualStateManager.VisualStateGroups> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="*"/> 
      </Grid.RowDefinitions> 
      <Border x:Name="BackgroundElement" Grid.Row="1" Background="{TemplateBinding Background}" Margin="{TemplateBinding BorderThickness}" /> 
      <Border x:Name="BorderElement" Grid.Row="1" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" /> 
      <ContentPresenter x:Name="HeaderContentPresenter" Grid.Row="0" Style="{StaticResource HeaderContentPresenterStyle}" Margin="{ThemeResource TextControlHeaderMarginThemeThickness}" 
       Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" /> 
      <ScrollViewer x:Name="ContentElement" Grid.Row="1" MinHeight="{ThemeResource TextControlThemeMinHeight}" 
       HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}" 
       HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}" 
       VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}" 
       VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}" 
       IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}" 
       IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}" 
       IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}" Margin="{TemplateBinding BorderThickness}" 
       Padding="{TemplateBinding Padding}" IsTabStop="False" ZoomMode="Disabled" 
       AutomationProperties.AccessibilityView="Raw"/> 
      <ContentControl x:Name="PlaceholderTextContentPresenter" Grid.Row="1" Foreground="{ThemeResource TextBoxPlaceholderTextThemeBrush}" 
       FontSize="{ThemeResource ContentControlFontSize}" Margin="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" 
       IsTabStop="False" Content="{TemplateBinding PlaceholderText}" /> 
     </Grid> 
    </ControlTemplate>

来源

2014-10-28 n179911

突出显示是通过StoryBoard动画完成的。

特别是这一个在您的Style

<VisualState x:Name="Focused"> 
    <Storyboard> 
     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" Storyboard.TargetProperty="BorderBrush"> 
      <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextSelectionHighlightColorThemeBrush}" /> 
     </ObjectAnimationUsingKeyFrames> 
     <!--- .... ---> 
    </Storyboard> 
</VisualState>

您可以摆脱它（删除它），或改变价值观说红

<VisualState x:Name="Focused"> 
    <Storyboard> 
     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" Storyboard.TargetProperty="BorderBrush"> 
      <DiscreteObjectKeyFrame KeyTime="0" Value="Red" /> 
     </ObjectAnimationUsingKeyFrames> 
     <!--- .... ---> 
    </Storyboard> 
</VisualState>

enter image description here

如果你摆脱了专注于StoryBoard动画，那么你可以设置通过改变BorderElement BorderBrush的颜色

<Border x:Name="BorderElement" BorderBrush="Red" BorderThickness="{TemplateBinding BorderThickness}" Grid.Row="1"/>

来源

2014-10-28 07:31:54

如何在TextBox具有焦点时更改“蓝色圆圈”的颜色。我改变了'TextSelectionHighlightColorThemeBrush'，但那不是。 – n179911 2014-10-28 17:47:46

@ n179911我认为它与手机上的PhoneAccentBrush设置绑定。如果它是可改变的（我认为它不是这样），你可以通过改变主题来做到这一点。这里是一个有用的链接：http://stackoverflow.com/questions/11095980/how-to-override-the-phoneaccentbrush-in-windowsphone – 2014-10-29 04:50:56

@ n179911需要纠正自己在这里，你可以重写PhoneAccentBrush，有人甚至编译了代码进入图书馆http://www.jeff.wilcox.name/2012/01/phonethememanager/ – 2014-11-07 00:14:26

如何改变TextBox边框的颜色，当它有焦点？

回答

相关问题