Xamarin 形成 iOS 的圆形图像

Question

我只能在 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>

Answer 1

你应该把你的框架做成圆的，然后你的图像也会是圆的：

<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的一半。

Xamarin 形成 iOS 的圆形图像

Xamarin Forms Rounded Images For iOS

rounded-corners

xamarin.ios

xamarin.forms