FFImageLoading CircleTransformation не работает с прозрачным изображением

<StackLayout Grid.Row="1" Grid.Column="0" BackgroundColor="#57bcec" Padding="5" Orientation="Horizontal">
    <ContentView Padding="5,0,0,0">
        <ffimageloading:CachedImage DownsampleToViewSize="True" HorizontalOptions="Center" VerticalOptions="Center"
                                    ErrorPlaceholder="{Binding PlaceholderImage}" LoadingPlaceholder="{Binding PlaceholderImage}" 
                                    Source="{Binding UserImage, Converter={Helper:ImageSourceConverter}}"
                                    Aspect="AspectFit">
            <ffimageloading:CachedImage.WidthRequest>
                <OnPlatform x:TypeArguments="x:Double" iOS="40" Android="40" WinPhone="40" />
            </ffimageloading:CachedImage.WidthRequest>
            <ffimageloading:CachedImage.HeightRequest>
                <OnPlatform x:TypeArguments="x:Double" iOS="40" Android="40" WinPhone="40" />
            </ffimageloading:CachedImage.HeightRequest>
            <ffimageloading:CachedImage.Transformations>
                <fftransformations:CircleTransformation BorderSize="3" BorderHexColor="#34C04E"/>
            </ffimageloading:CachedImage.Transformations>
        </ffimageloading:CachedImage>
    </ContentView>
    <ContentView Padding="10,0,0,0" VerticalOptions="FillAndExpand">
        <Label Text="Alan Parker" FontSize="14" FontFamily="{StaticResource Lato_Regular}" TextColor="White" VerticalOptions="Center" />
    </ContentView>
</StackLayout>

URL-адрес изображения: https://images.app.goo.gl/ZLSN5x9VNeebTD6z8.

Вывод: обратите внимание, что углы изображения обрезаны.

введите здесь описание изображения

Обычное изображение:

введите здесь описание изображения


xamarin xamarin.forms c# xamarin.android ffimageloading
person Divyesh_08    schedule 25.11.2019    source источник
comment
Почему вы добавили два ContentView для элементов управления? Кроме того, там слишком много отступов, что может быть причиной проблемы? Может быть, 40 слишком много, и, следовательно, представление не может изменить свой размер?   -  person FreakyAli    schedule 25.11.2019
comment
@FreakyAli это не из-за заполнения и двух ContentView, а 40 не так уж много для рендеринга, потому что то же самое работает с другим изображением.   -  person Divyesh_08    schedule 25.11.2019
comment
@Divyesh, я использую ваш код и изображение, которое вы предоставляете по URL-адресу, и у меня нет никаких проблем, изображение может нормально кружиться, поэтому можете ли вы предоставить один простой образец, который может воспроизвести эту проблему на github, я загружу ваш образец для тестирования.   -  person Cherry Bu - MSFT    schedule 26.11.2019
comment
@CherryBu-MSFT, пожалуйста, поделитесь снимком экрана с полученным результатом, так как у меня есть тот же код, который я использую и получаю эту проблему.   -  person Divyesh_08    schedule 26.11.2019
comment
@Divyesh_008, вы можете увидеть скриншот:github.com/CherryBu/ffimageloading /blob/мастер/Изображение%201.png   -  person Cherry Bu - MSFT    schedule 26.11.2019
comment
@CherryBu-MSFT Я поделился ссылкой на git hub   -  person Divyesh_08    schedule 26.11.2019
comment
@Divyesh_008, а где ссылка, которой ты делишься? Вы делитесь одним образцом на github? пожалуйста, дайте ссылку здесь.   -  person Cherry Bu - MSFT    schedule 27.11.2019
comment
@ CherryBu-MSFT, так вы протестировали образец ??   -  person Divyesh_08    schedule 28.11.2019
comment
@Divyesh_008, я скачал ваш образец и тест, я могу воспроизвести вашу проблему, я ищу некоторую информацию и нахожу, что кто-то сказал, что вы столкнетесь с этой проблемой, когда получите изображение по URL-адресу, поэтому я предлагаю вам отправить отзыв об этой проблеме на github.com/luberda-molinet/FFImageLoading/wiki/   -  person Cherry Bu - MSFT    schedule 28.11.2019
comment
@CherryBu-MSFT Я уже упоминал об этой проблеме: github.com/luberda-molinet/ FFImageLoading/issues/1393, чем я задал здесь вопрос в поисках решения   -  person Divyesh_08    schedule 28.11.2019

Ответы (1)


arrow_upward
0
arrow_downward

Я нашел один способ сделать это.

Я использовал: https://github.com/daniel-luberda/DLToolkit.Forms.Controls/tree/master/ImageCropView

<imgcrop:ImageCropView HeightRequest="50" WidthRequest="50" x:Name="cropView"
        Source="https://anothercommonman.files.wordpress.com/2011/10/gandhiji.jpg">
        <imgcrop:ImageCropView.PreviewTransformations>
                <ffTransformations:CircleTransformation />
        </imgcrop:ImageCropView.PreviewTransformations>
</imgcrop:ImageCropView>
person Divyesh_08    schedule 05.12.2019