AppBarButton设置自定义的Style没有效果

Question

在Windows Phone 8.1中，我想对AppBarButton进行自定义Style,但设置后没有起作用，是什么情况呢？

代码如下：

<Style x:Key="btnAppBar" TargetType="AppBarButton">          
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="AppBarButton">
                        <Grid x:Name="RootGrid" Width="100">
                            <StackPanel VerticalAlignment="Top" Margin="0,14,0,13">
                                <Grid Width="40" Height="40" Margin="0,0,0,5" HorizontalAlignment="Center">
                                    <Ellipse
                    x:Name="BackgroundEllipse"
                    UseLayoutRounding="False"
                    Width="40"
                    Height="40"
                    Fill="Red"/>
                                </Grid>
                            </StackPanel>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

<AppBarButton x:Name="ContinuePageMode"  Style="{StaticResource btnAppBar}">

 </AppBarButton>

在vs视图界面可以看到效果，但是运行起来就没有效果了~

Answer 1

我测试了下，没有看出来啥问题啊！重新启动下模拟器看看！

Answer 2

你好，我的AppBarButton是放在BottomAppBar里的

<Page.BottomAppBar>
        <CommandBar x:Name="cm">           
            <CommandBar.PrimaryCommands>
                <AppBarButton x:Name="ContinuePageMode" x:Uid="appbarContinuePage" Style="{StaticResource btnAppBar}">

                </AppBarButton>
            </CommandBar.PrimaryCommands>
        </CommandBar>
    </Page.BottomAppBar>

放在工具栏下的没有效果~

Answer 3

在 Windows Phone 应用商店应用中，仅在以独立方式在页面上使用 AppBarButton 时，才能通过修改这些资源来向 AppBarButton 控件提供唯一的外观。对于嵌套在 CommandBar 内的 AppBarButton，修改这些资源不起任何作用。

更多信息可以参考此链接 ：

https://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/dn481531.aspx

https://social.msdn.microsoft.com/Forums/en-US/084e7492-64ac-4cad-90f1-201381ae9944/change-color-of-appbarbutton?forum=wpdevelop