Пользовательское изображение в элементе управления представления навигации не отображается во время выполнения - PullRequest
1 голос
/ 06 апреля 2019

Я создал проект C # для Windows Template Studio (Universal Windows (UWP)), применяя тип проекта панели навигации, с базовым шаблоном проектирования MVVM и несколькими страницами для навигации. Я заменил значки по умолчанию в NavigationViewItem на пользовательские изображения. Однако, хотя пользовательские изображения с текстом отображаются во время разработки, во время выполнения отображается только текст, а не пользовательское изображение.

Когда я попытался удалить «x: Uid» (который, как мне кажется, также используется файлом Resources.resw), показывалось пользовательское изображение с текстом, однако при нажатии элемента управления NavigationViewItem программа останавливается / вылетает при (в файле App.gics):

#if DEBUG && !DISABLE_XAML_GENERATED_BREAK_ON_UNHANDLED_EXCEPTION
            UnhandledException += (sender, e) =>
            {
                if (global::System.Diagnostics.Debugger.IsAttached) global::System.Diagnostics.Debugger.Break();
            };
#endif

Вот код xaml:

<winui:NavigationViewItem x:Uid="Shell_AttentionList" helpers:NavHelper.NavigateTo="views:AttentionListPage" Height="75">
                 <winui:NavigationViewItem.Content>
                    <StackPanel Orientation="Horizontal">
                        <Image Source="/Images/attentionList.png" />
                        <TextBlock Text=" Attention List" FontSize="16" FontFamily="segoe ui" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                    </StackPanel>
                </winui:NavigationViewItem.Content>
</winui:NavigationViewItem>

Спасибо

В соответствии с запрошенным (от Махмудул Хасана) ожидаемым визуальным результатом:

1 Ответ

1 голос
/ 07 апреля 2019

Вы можете попробовать это-

Использование StackPanel [Не рекомендуется]

<NavigationViewItem>
    <StackPanel Orientation="Horizontal">
        <Image Height="50"
               Margin="5"
               Source="Assets/bus.png"
               Stretch="Uniform"/>
        <TextBlock Text="Sample Text"/>
    </StackPanel>
</NavigationViewItem>

Использование BitmapIcon [Рекомендуется]

<NavigationViewItem Content="Sample Text" >
    <NavigationViewItem.Icon>
        <BitmapIcon UriSource="ms-appx:///Assets/bus.png"/>
    </NavigationViewItem.Icon>
</NavigationViewItem>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...