如何设置 Syncfusion SfDateTimeRangeNavigator Xamarin 控件的样式？答案

【问题标题】：How to style Syncfusion SfDateTimeRangeNavigator Xamarin control?如何设置 Syncfusion SfDateTimeRangeNavigator Xamarin 控件的样式？
【发布时间】：2016-05-06 09:18:27
【问题描述】：

在使用 Syncfusion Xamarin.Forms 控件时，我发现无法更改 SfDateTimeRangeNavigator 控件的背景颜色。设置BackgroundColor 属性并没有多大帮助——它只会改变左右边框的颜色。

更重要的是，我尝试使用自定义图表设置Content 的SfDateTimeRangeNavigator（如in documentation 所述）

<rangenavigator:SfDateTimeRangeNavigator Minimum="4/25/2016" Maximum="5/7/2016">
  <rangenavigator:SfDateTimeRangeNavigator.Content>
    <chart:SfChart>
      <chart:SplineSeries ItemsSource=...>
        ...
      </chart:SplineSeries>
    </chart:SfChart>
  </rangenavigator:SfDateTimeRangeNavigator.Content>
</rangenavigator:SfDateTimeRangeNavigator>

但它不起作用，因为此代码显示空范围导航器控件。

有人可以帮我解决这个问题吗？

【问题讨论】：

我们可以将图表设置为内容。查看入门文档，试试这个教程help.syncfusion.com/xamarin/sfdatetimerangenavigator/…
@GobiM，你能分享一下工作示例吗？使用 Syncfusion 文档中的示例，我仍然得到空控制。请参阅我的要点gist.github.com/dikyyn/ef109dcbc067e62654b8f05f96527921
参考此示例：syncfusion.com/downloads/support/directtrac/155686/ze/…
@GobiM，谢谢！现在我现在如何为SfDateTimeRangeNavigator 设置Content 的样式：((SfChart)RangeNavigator.Content).BackgroundColor = Color.Purple。你知道如何改变页脚和页眉的背景颜色吗？我的意思是SfDateTimeRangeNavigator 的顶部和底部。
用于更改文本颜色的主要和次要比例样式，BGColor 没有直接属性。参考：help.syncfusion.com/xamarin/sfdatetimerangenavigator/…

标签： c# xamarin xamarin.forms syncfusion

【解决方案1】：

感谢@GobiM 的帮助，在这里我总结了样式SfDateTimeRangeNavigator 控件的可用选项：

用自定义系列替换默认图表：

var series = new ColumnSeries{...};
((SfChart)RangeNavigator.Content).Series.Clear();
((SfChart)RangeNavigator.Content).Series.Add(series);

SfDateTimeRangeNavigator 的样式 Content 属性，因为它是 SfChart 控件（more here）：
```
((SfChart)RangeNavigator.Content).BackgroundColor = Color.Purple;
```
为小调和大调设置样式 (more here)。目前无法更改次要和主要比例的背景颜色（从版本 14.1.0.46 开始）

【讨论】：