Блог

Я уже некоторое время играю с системой Windows Fluent Design и заметил элемент, который Microsoft docs использует в качестве примера для содержимого нижнего колонтитула произвольной формы в представлении навигации.

ссылка на страницу документации Microsoft

очевидно, что это пользовательское меню, возможно, предназначенное для управления настройками учетной записи и т. Д. Из приложения.

глядя на пример «Нижнего колонтитула верхней панели», вы можете видеть, что они используют изображение учетной записи Windows по умолчанию, которое, насколько мне известно, не является фактическим значком «Segoe MDL2«, который используют эти элементы навигации (примечание, в «нижнем колонтитуле левой панели» используется более простое изображение).).

Это подводит меня к моему вопросу:

Как мне воссоздать это и использовать внешние изображения (например, пользовательский PFP) в представлении навигации?

В настоящее время я играю с идеей использования изображения в элементе навигации, как показано ниже:

 </NavigationViewItem>
    <Ellipse Width="25" Height="25">
        <Ellipse.Fill>
            <ImageBrush x:Name="image"/>
        </Ellipse.Fill>
    </Ellipse>
</NavigationViewItem>
  

это невероятно близко к тому, что я хочу, и выглядит нормально при открытом представлении навигации, однако изображение слишком сильно смещается и неправильно центрируется при сворачивании представления навигации. Я думал о замене изображения значка изображением пользователя, однако я абсолютно не представляю, как я это сделаю.

Я также открыл поток на r / ProgrammingHelp. (В случае, если кто-то из subreddit ответит на этот вопрос, я добавлю ответ со ссылкой на решение для вашего удобства : P)