Xamarin Windows条目背景颜色

在我的Xamarin表单应用程序中，我需要更改Entry控件的背景颜色。我添加了自定义渲染器，但默认白色在Windows应用程序中具有焦点时不会更改。它在ios和android中工作正常。这是我的Windows自定义渲染器。Xamarin Windows条目背景颜色

public class MyCustomEntryRenderer : EntryRenderer 
{ 
    protected override void OnElementChanged(ElementChangedEventArgs<Entry> e) 
    { 
     if (Control != null) 
     { 
      Control.Foreground = new SolidColorBrush(Colors.Transparent); 
      Control.Background = new SolidColorBrush(Colors.Transparent); 
     } 
     base.OnElementChanged(e); 
    } 

    protected override void OnElementPropertyChanged(object sender, 
              System.ComponentModel.PropertyChangedEventArgs e) 
    { 
     if (Control != null) 
     { 
      Control.Foreground = new SolidColorBrush(Colors.Transparent); 
      Control.Background = new SolidColorBrush(Colors.Transparent); 
     } 
     base.OnElementPropertyChanged(sender, e); 
    } 
}

来源

2016-02-26 Aneesh.A.M

哪个Xamarin.Forms的版本，您使用的重点？ –

您需要覆盖默认的TextBox样式。 Here is the default style 您可以添加样式的App.xaml里面是这样的：

<Application.Resources> 
     <ResourceDictionary>     
      <SolidColorBrush x:Key="RedBrush" Color="Red"></SolidColorBrush> 
      <!-- Default style for Windows.UI.Xaml.Controls.TextBox --> 
      <Style x:Key="CustomTextBoxStyle" TargetType="TextBox" > 
       <Setter Property="MinWidth" Value="{ThemeResource TextControlThemeMinWidth}" /> 
       <Setter Property="MinHeight" Value="{ThemeResource TextControlThemeMinHeight}" /> 
       <Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}" /> 
       <Setter Property="Background" Value="{ThemeResource SystemControlBackgroundAltHighBrush}" /> 
       <Setter Property="BorderBrush" Value="{ThemeResource SystemControlForegroundChromeDisabledLowBrush}" /> 
       <Setter Property="SelectionHighlightColor" Value="{ThemeResource SystemControlHighlightAccentBrush}" /> 
       <Setter Property="BorderThickness" Value="{ThemeResource TextControlBorderThemeThickness}" /> 
       <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" /> 
       <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" /> 
       <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Auto" /> 
       <Setter Property="ScrollViewer.VerticalScrollMode" Value="Auto" /> 
       <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" /> 
       <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" /> 
       <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False" /> 
       <Setter Property="Padding" Value="{ThemeResource TextControlThemePadding}"/> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="TextBox"> 
          <Grid> 
           <Grid.Resources> 
            <Style x:Name="DeleteButtonStyle" TargetType="Button"> 
             <Setter Property="Template"> 
              <Setter.Value> 
               <ControlTemplate TargetType="Button"> 
                <Grid x:Name="ButtonLayoutGrid" BorderBrush="{ThemeResource TextBoxButtonBorderThemeBrush}" 
                BorderThickness="{TemplateBinding BorderThickness}" 
                Background="{ThemeResource TextBoxButtonBackgroundThemeBrush}"> 
                 <VisualStateManager.VisualStateGroups> 
                  <VisualStateGroup x:Name="CommonStates"> 
                   <VisualState x:Name="Normal" /> 
                   <VisualState x:Name="PointerOver"> 
                    <Storyboard> 
                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="GlyphElement" 
                  Storyboard.TargetProperty="Foreground"> 
                      <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAccentBrush}" /> 
                     </ObjectAnimationUsingKeyFrames> 
                    </Storyboard> 
                   </VisualState> 
                   <VisualState x:Name="Pressed"> 
                    <Storyboard> 
                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonLayoutGrid" 
                  Storyboard.TargetProperty="Background"> 
                      <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAccentBrush}" /> 
                     </ObjectAnimationUsingKeyFrames> 
                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="GlyphElement" 
                  Storyboard.TargetProperty="Foreground"> 
                      <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource RedBrush}" /> 
                     </ObjectAnimationUsingKeyFrames> 
                    </Storyboard> 
                   </VisualState> 
                   <VisualState x:Name="Disabled"> 
                    <Storyboard> 
                     <DoubleAnimation Storyboard.TargetName="ButtonLayoutGrid" 
              Storyboard.TargetProperty="Opacity" 
              To="0" 
              Duration="0" /> 
                    </Storyboard> 
                   </VisualState> 
                  </VisualStateGroup> 
                 </VisualStateManager.VisualStateGroups> 
                 <TextBlock x:Name="GlyphElement" 
           Foreground="{ThemeResource SystemControlForegroundChromeBlackMediumBrush}" 
           VerticalAlignment="Center" 
           HorizontalAlignment="Center" 
           FontStyle="Normal" 
           FontSize="12" 
           Text="&#xE10A;" 
           FontFamily="{ThemeResource SymbolThemeFontFamily}" 
           AutomationProperties.AccessibilityView="Raw"/> 
                </Grid> 
               </ControlTemplate> 
              </Setter.Value> 
             </Setter> 
            </Style> 
           </Grid.Resources> 
           <VisualStateManager.VisualStateGroups> 
            <VisualStateGroup x:Name="CommonStates"> 
             <VisualState x:Name="Disabled"> 
              <Storyboard> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HeaderContentPresenter" 
               Storyboard.TargetProperty="Foreground"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseMediumLowBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement" 
               Storyboard.TargetProperty="Background"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledTransparentBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" 
               Storyboard.TargetProperty="Background"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlBackgroundBaseLowBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" 
               Storyboard.TargetProperty="BorderBrush"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseLowBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement" 
               Storyboard.TargetProperty="Foreground"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledChromeDisabledLowBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderTextContentPresenter" 
               Storyboard.TargetProperty="Foreground"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledChromeDisabledLowBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
              </Storyboard> 
             </VisualState> 
             <VisualState x:Name="Normal" /> 
             <VisualState x:Name="PointerOver"> 
              <Storyboard> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" 
               Storyboard.TargetProperty="BorderBrush"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightChromeAltLowBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement" 
               Storyboard.TargetProperty="Opacity"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextControlBackgroundHoverOpacity}" /> 
               </ObjectAnimationUsingKeyFrames> 
              </Storyboard> 
             </VisualState> 
             <VisualState x:Name="Focused"> 
              <Storyboard> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderTextContentPresenter" 
               Storyboard.TargetProperty="Foreground"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlPageTextChromeBlackMediumLowBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
               <!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement" 
               Storyboard.TargetProperty="Background"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlBackgroundChromeWhiteBrush}" /> 
               </ObjectAnimationUsingKeyFrames>--> 

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement" 
Storyboard.TargetProperty="Background"> 
    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource RedBrush}" /> 
</ObjectAnimationUsingKeyFrames> 



<!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement" 
Storyboard.TargetProperty="Opacity"> 
    <DiscreteObjectKeyFrame KeyTime="0" Value="0" /> 
</ObjectAnimationUsingKeyFrames>--> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" 
               Storyboard.TargetProperty="BorderBrush"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlHighlightAccentBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement" 
               Storyboard.TargetProperty="Foreground"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlForegroundChromeBlackHighBrush}" /> 
               </ObjectAnimationUsingKeyFrames> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement" 
               Storyboard.TargetProperty="RequestedTheme"> 
                <DiscreteObjectKeyFrame KeyTime="0" Value="Light" /> 
               </ObjectAnimationUsingKeyFrames> 
              </Storyboard> 
             </VisualState> 
            </VisualStateGroup> 
            <VisualStateGroup x:Name="ButtonStates"> 
             <VisualState x:Name="ButtonVisible"> 
              <Storyboard> 
               <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DeleteButton" 
               Storyboard.TargetProperty="Visibility"> 
                <DiscreteObjectKeyFrame KeyTime="0"> 
                 <DiscreteObjectKeyFrame.Value> 
                  <Visibility>Visible</Visibility> 
                 </DiscreteObjectKeyFrame.Value> 
                </DiscreteObjectKeyFrame> 
               </ObjectAnimationUsingKeyFrames> 
              </Storyboard> 
             </VisualState> 
             <VisualState x:Name="ButtonCollapsed" /> 
            </VisualStateGroup> 
           </VisualStateManager.VisualStateGroups> 
           <Grid.ColumnDefinitions> 
            <ColumnDefinition Width="*" /> 
            <ColumnDefinition Width="Auto" /> 
           </Grid.ColumnDefinitions> 
           <Grid.RowDefinitions> 
            <RowDefinition Height="Auto" /> 
            <RowDefinition Height="*" /> 
           </Grid.RowDefinitions> 
           <Border x:Name="BackgroundElement" 
            Grid.Row="1" 
            Background="{TemplateBinding Background}" 
            Margin="{TemplateBinding BorderThickness}" 
            Opacity="{ThemeResource TextControlBackgroundRestOpacity}" 
            Grid.ColumnSpan="2" 
            Grid.RowSpan="1"/> 
           <Border x:Name="BorderElement" 
            Grid.Row="1" 
            BorderBrush="{TemplateBinding BorderBrush}" 
            BorderThickness="{TemplateBinding BorderThickness}" 
            Grid.ColumnSpan="2" 
            Grid.RowSpan="1"/> 
           <ContentPresenter x:Name="HeaderContentPresenter" 
            x:DeferLoadStrategy="Lazy" 
            Visibility="Collapsed" 
            Grid.Row="0" 
            Foreground="{ThemeResource SystemControlForegroundBaseHighBrush}" 
            Margin="0,0,0,8" 
            Grid.ColumnSpan="2" 
            Content="{TemplateBinding Header}" 
            ContentTemplate="{TemplateBinding HeaderTemplate}" 
            FontWeight="Normal" /> 
           <ScrollViewer x:Name="ContentElement" 
            Grid.Row="1" 
            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" 
            AutomationProperties.AccessibilityView="Raw" 
            ZoomMode="Disabled" /> 
           <ContentControl x:Name="PlaceholderTextContentPresenter" 
            Grid.Row="1" 
            Foreground="{ThemeResource SystemControlPageTextBaseMediumBrush}" 
            Margin="{TemplateBinding BorderThickness}" 
            Padding="{TemplateBinding Padding}" 
            IsTabStop="False" 
            Grid.ColumnSpan="2" 
            Content="{TemplateBinding PlaceholderText}" 
            IsHitTestVisible="False"/> 
           <Button x:Name="DeleteButton" 
            Grid.Row="1" 
            Style="{StaticResource DeleteButtonStyle}" 
            BorderThickness="{TemplateBinding BorderThickness}" 
            Margin="{ThemeResource HelperButtonThemePadding}" 
            IsTabStop="False" 
            Grid.Column="1" 
            Visibility="Collapsed" 
            FontSize="{TemplateBinding FontSize}" 
            MinWidth="34" 
            VerticalAlignment="Stretch"/> 
          </Grid> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
      </Style> 
     </ResourceDictionary> 
    </Application.Resources>

现在，您可以在此改变 “聚焦” 的VisualState：

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement" 
Storyboard.TargetProperty="Background"> 
    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource RedBrush}" /> 
</ObjectAnimationUsingKeyFrames>

兼评，删除或覆盖“透明度“

<!--<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement" 
Storyboard.TargetProperty="Opacity"> 
    <DiscreteObjectKeyFrame KeyTime="0" Value="0" /> 
</ObjectAnimationUsingKeyFrames>-->

现在在您的渲染器中，您需要加载样式并添加为您的文本框：

private TextBox nativeControl; 
private CustomEntry customControl; 
protected override void 
OnElementChanged(ElementChangedEventArgs<CustomEntry> e) 
{ 
    base.OnElementChanged(e); 

    this.customControl = e.NewElement; 
    this.nativeControl = new TextBox(); 

    var style = App.Current.Resources["CustomTextBoxStyle"] as Windows.UI.Xaml.Style; 
    this.nativeControl.Style = style; 
    this.SetNativeControl(nativeControl); 
}

现在你有背景为红色，如果文本框是

来源

2016-02-27 14:02:51 iwanlenin

它工作。但之后，视图模型的绑定属性不起作用。 –

您应该在渲染器内连接自定义控件和本机控件的属性。处理本地控件的事件和状态（在渲染器类中）并设置自定义控件。如果本地控件的text属性被改变（TextChanged事件），则设置自定义控件的text属性：this.customControl.Text = this.nativeControl.Text; – iwanlenin

它适用于按钮控件，但对于文本框我有以下错误this.SetNativeControl只能处理FormsTextBox类型的对象。 –

WindowsPhone是在这一个有点古怪，因为它会重置在某些情况下的背景颜色。

要解决这个问题，您还需要关注特定于平台的控件本身的GotFocus和LostFocus事件。

来源

2016-02-26 23:57:17 Pete

Xamarin Windows条目背景颜色

回答

相关问题