Question

我有一个带有应用栏图标的Windows应用商店应用。我正在使用全局App Bar来浏览Section页面。应用栏使用自定义图像定义，它看起来像

<AppBar>
        <StackPanel Orientation="Horizontal" x:Name="topAppBar">
            <Button x:Name="homeAppB"  Click="homeAppB_Click" >
                <Button.Content>
                    <StackPanel Orientation="Vertical">
                        <Image Source="Assets/home_default.png" Width="40"/>
                        <TextBlock Text="Home"/>
                    </StackPanel>
                </Button.Content>
            </Button>
     </StackPanel>
    </AppBar>

点击图标后，我需要将图像更改为home_onClick.png;这是为了表明选择哪个App Bar登陆当前页面。

目前，这是使用代码隐藏的代码实现的，如

homeB.Content = Utilities.AppBarIconChange(new Uri("ms-appx:/Assets/home_onClick.png"), "Home");
------------------------------------------------------

public static StackPanel AppBarIconChange(Uri imageUrl, string labelMsg)
    {
        StackPanel panel = new StackPanel();
        Image img = new Image();
        img.Source = new BitmapImage(imageUrl);
        TextBlock txt = new TextBlock();
        txt.Text = labelMsg;
        panel.Children.Add(img);
        panel.Children.Add(txt);

        return panel;
    }

有什么方法可以在XAML中实现这种行为吗？

Answer 1

我认为你不能完全在XAML中完成它，总是需要homeAppB_Click事件处理程序中的一些代码。

更优雅的方法是将图像的source属性绑定到ViewModel上保存URL的属性，并在homeAppB_Click事件处理程序中更改此属性。

Windows应用商店应用 - 应用栏图标更改单击事件

1 个答案: