Изображение SVG Xamarin Forms (FFImageLoading) пропадает после добавления LayoutOptions - PullRequest
Новая
       25

Изображение SVG Xamarin Forms (FFImageLoading) пропадает после добавления LayoutOptions

0 голосов
/ 04 июля 2019

в моем проекте Xamarin Forms У меня есть несколько изображений SVG, которые должны отображаться.

Поэтому я использую пакет NuGet Xamarin.Forms.FFImageLoading.Svg.Forms.

XAML выглядит следующим образом: 

<Grid
                                                                    Margin="0"
                                                                    ColumnSpacing="0">
                                                                    <Grid.ColumnDefinitions>
                                                                        <ColumnDefinition Width="90*"/>
                                                                        <ColumnDefinition Width="10*"/>
                                                                    </Grid.ColumnDefinitions>
                                                                    <local:LetterSpacingLabel
                                                                    FontSize="14"
                                                                    TextColor="#1F1F1F"
                                                                    FontFamily="{StaticResource Bliss2-Regular}"
                                                                    LetterSpacing="0.1"
                                                                    VerticalTextAlignment="Center"
                                                                    Grid.Column="0"
                                                                    Text="{Binding Name}"/>
                                                                    <ffimageloadingsvg:SvgCachedImage
                                                                    Grid.Column="1"
                                                                    Source="{Binding StateIconPath}"/>
                                                                </Grid>

И изображение отображается как онодолжен.

Однако я хочу, чтобы он был меньше, поэтому я добавляю LayoutOptions, например: 

<ffimageloadingsvg:SvgCachedImage
                                                                        HorizontalOptions="Center"
                                                                        VerticalOptions="Center"
                                                                        Grid.Column="1"
                                                                        Source="{Binding StateIconPath}"/>

После этого изображение больше не отображается.

Любые решения для этогопроблема?

Заранее спасибо.

[РЕДАКТИРОВАТЬ]

Вот файл .svg, который я использую: 

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.0" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
<style type="text/css">
    .st0{fill:#CE2D46;}
</style>
<path id="Pfad_73" class="st0" d="M11,0C4.9,0,0,4.9,0,11s4.9,11,11,11c6.1,0,11-4.9,11-11c0,0,0,0,0,0C22,4.9,17.1,0,11,0z
     M12.4,18.6c0,0.7-0.6,1.3-1.3,1.3h-0.2c-0.7,0-1.3-0.6-1.3-1.3v-0.2c0-0.7,0.6-1.3,1.3-1.3h0.2c0.7,0,1.3,0.6,1.3,1.3V18.6z
     M12.4,14.2c0,0.8-0.7,1.3-1.4,1.3c-0.7,0-1.2-0.6-1.3-1.3V4.9c0-0.8,0.7-1.3,1.4-1.3c0.7,0,1.2,0.6,1.3,1.3V14.2z"/>
</svg>

Ответы [ 2 ]

0 голосов
/ 04 июля 2019

@ RobertHaslinger

В этом случае вы можете добавить отступы или поля, чтобы размер вашего изображения был уменьшен и оставался отзывчивым 

<ffimageloadingsvg:SvgCachedImage Margin ="8" .....>
0 голосов
/ 04 июля 2019

для ширины ваших столбцов 9 * и 1 *

для изображения добавьте высоту и ширину:

...