导航栏自定义

本文关键字:自定义 导航 | 更新日期: 2023-09-27 17:56:34

我已经在这个导航栏上工作了几个小时。我想做的是使背景为蓝色,前景为白色。有人可以告诉我如何自定义下面的代码以实现此目的。我正在使用Visual Studios Silverlight。此控件来自 DevExpress。我已经尝试过几次背景蓝色,但它不起作用。此外,尝试更改导航栏标题时,前景不是一个选项。

<dxn:NavBarControl x:Name="navBar1" Margin="10">
                <dxn:NavBarControl.View>
                    <dxn:SideBarView/>
                </dxn:NavBarControl.View>
                <dxn:NavBarGroup Header="Financial Indicators">
                    <dxn:NavBarItem >
                        <StackPanel Orientation="Vertical">
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                                <localmetric:EBIT x:Name="ebit" Width="410" Margin="10" Foreground="#FF0042FF"/>
                                <localmetric:ROIC x:Name="roic" Width="410" Margin="10" Foreground="#FF0042FF"/>
                            </StackPanel>
                            <localmetric:FinancialRatios x:Name="financialratio" Width="800" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/>
                            <localmetric:CashFlow x:Name="cashflow" Width="500" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/>
                        </StackPanel>
                    </dxn:NavBarItem>
                </dxn:NavBarGroup>
                <dxn:NavBarGroup Header="Efficiency">
                    <dxn:NavBarItem >
                        <StackPanel Orientation="Vertical">
                            <localmetric:Efficiency1 x:Name="efficiency1" Width="700" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/>
                            <localmetric:Efficiency2 x:Name="efficiency2" Width="700" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/>
                            <localmetric:Efficiency3 x:Name="efficiency3" Width="700" Margin="10" HorizontalAlignment="Center" Foreground="#FF0042FF"/>
                        </StackPanel>
                    </dxn:NavBarItem>
                </dxn:NavBarGroup>

导航栏自定义

下面是 Devexpress 团队提供的示例,用于自定义导航栏的样式。 http://www.devexpress.com/Support/Center/Question/Details/Q349640 和 http://www.devexpress.com/Support/Center/Question/Details/Q499695