shuhelohelo’s blog

Xamarin.Forms多めです.

丸い画像の回りに枠線を作る

Frameを二重にして重ね合わせることで枠線があるように見せることができます.

                <Frame
                    Padding="4"
                    BackgroundColor="White"
                    CornerRadius="60"
                    HasShadow="False"
                    HorizontalOptions="Center"
                    IsClippedToBounds="True"
                    VerticalOptions="Center">
                    <Frame
                        Padding="0"
                        BorderColor="White"
                        CornerRadius="60"
                        HeightRequest="100"
                        HorizontalOptions="Center"
                        IsClippedToBounds="True"
                        VerticalOptions="Center">
                        <Image Aspect="AspectFill" Source="myIcon" />
                    </Frame>
                </Frame>

外側のPaddingの値4の分だけ枠線のように見えるようになります.

f:id:shuhelohelo:20191207160008p:plain