Страница Xaml для выбора картинки профиля из системы

Question

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

 <PivotItem>
                <Grid
                    Margin="0,0,0,0">
                    <!--  Security question  -->
                    <Grid.RowDefinitions>
                        <!--  Steps  -->
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <TextBlock
                        Grid.Row="0"
                        Grid.Column="1"
                        Grid.ColumnSpan="2"
                        Margin="0,0,0,0"
                        HorizontalAlignment="Center"
                        Style="{StaticResource PopUpHeading1}"
                        Text="Finally, please selesct your Healthi character" />
                    <!--  First security question stackpanel  -->
                    <Button>
                        <Image
                        Grid.Column="1"
                        Grid.ColumnSpan="2"
                        Height="226"
                        Margin="111,50,0,0"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Center"
                        Source="{StaticResource ProfilePicture}" Grid.RowSpan="2" />
                    </Button>

                    <StackPanel Orientation="Horizontal"
                                Grid.Row="2"
                                Grid.Column="1"
                                HorizontalAlignment="Left">
                        <Button>
                            <Image
                                Height="67"
                                Source="{StaticResource ProfilePicture}">
                            </Image>
                        </Button>
                        <Button Background="Transparent">
                            <Image
                            Height="67"
                                    Source="{StaticResource ProfilePicture0}">
                            </Image>
                        </Button>
                        <Image
                        Height="82"
                                    Source="{StaticResource ProfilePicture1}">
                        </Image>
                        <Image
                        Height="67"
                                    Source="{StaticResource ProfilePicture2}">
                        </Image>
                        <Image
                        Height="67"
                                    Source="{StaticResource ProfilePicture3}">
                        </Image>
                    </StackPanel>
                </Grid>
            </PivotItem>

Answer 1

Вам необходимо использовать FileOpenPicker класс, чтобы выбрать изображение из папки.Например, вы можете выбрать изображение из PicturesLibrary системы, как примеры из приведенного выше документа.

Затем вы получите объект класса StorageFile изображения.После этого вы можете вызвать его GetScaledImageAsThumbnailAsync , чтобы получить масштабированное изображение в виде эскиза.Вы можете проверить Пример миниатюры файлов и папок для справки.

Наконец, вы можете использовать элемент управления Image , чтобы показать миниатюру.