Xamarin为iOS形成圆形图像

问题描述

我只能在Android上看到圆角的图像，我在iOS上尝试过，它们显示为正方形。

            <StackLayout>
                         <RelativeLayout>
                            <Frame CornerRadius="60" 
                                  HeightRequest="{OnIdiom Phone=190,Tablet=355}"
                                  WidthRequest="{OnIdiom Phone=380,Tablet=710}"
                                  HorizontalOptions="Center"
                                  Padding="0"
                                  IsClippedToBounds="True"
                                  RelativeLayout.XConstraint="{OnIdiom Phone=15,Tablet=30}"
                                  RelativeLayout.YConstraint="{OnIdiom Phone=30,Tablet=30}">
                              <Image Source="kuwait3.jpg" 
                                     HorizontalOptions="Center"
                                     VerticalOptions="Center"
                                     RelativeLayout.HeightConstraint="{OnIdiom Phone=70,Tablet=310}"
                                     RelativeLayout.WidthConstraint="{OnIdiom Phone=70,Tablet=500}"/>
                            </Frame>
                        </RelativeLayout>
                    </StackLayout>

解决方法

您应该使框架变圆，然后图像也将变圆：

<StackLayout>
    <RelativeLayout>
        <Frame CornerRadius="95" 
                              HeightRequest="{OnIdiom Phone=190,Tablet=355}"
                              WidthRequest="{OnIdiom Phone=190,Tablet=710}"
                              HorizontalOptions="Center"
                              Padding="0"
                              IsClippedToBounds="True"
                              RelativeLayout.XConstraint="{OnIdiom Phone=15,Tablet=30}"
                              RelativeLayout.YConstraint="{OnIdiom Phone=30,Tablet=30}">
            <Image Source="Images1" 
                                 HorizontalOptions="Center"
                                 VerticalOptions="Center"
                                 RelativeLayout.HeightConstraint="{OnIdiom Phone=70,Tablet=310}"
                                 RelativeLayout.WidthConstraint="{OnIdiom Phone=70,Tablet=500}"/>
        </Frame>
    </RelativeLayout>
</StackLayout>

HeightRequest和WidthRequest应该相同，并且CornerRadius应该是HeightRequest/WidthRequest的一半。