Xamarin圆形图像按钮

Question

即时通信使用circleImage

xmlns:ic="clr-namespace:ImageCircle.Forms.Plugin.Abstractions;assembly=ImageCircle.Forms.Plugin.Abstractions"

在我的xaml文件中。

我要做的就是插入

<ic:CircleImage 
    x:Name="userProfileImage"
    HeightRequest="50"
    WidthRequest="50"
    Aspect="AspectFill"
    Source="{Binding post.uploader.userProfile.userThumbnail}"
/>

按钮属性下的此图像。

但是如果我这样做(在下面)

<Button Clicked="OnUserInfoClicked">
    <Button.Image>
        <ic:CircleImage 
            x:Name="userProfileImage"
            HeightRequest="50"
            WidthRequest="50"
            Aspect="AspectFill"
            Source="{Binding post.uploader.userProfile.userThumbnail}"
        />
    </Button.Image>
</Button>

然后，我得到了这个错误。

No property, bindable property, or event found for 'image'

我做错了什么？以及如何修复它？

Answer 1

你想要做的事情是不可能的。然而，如果你想做的就是点击图片并执行一个动作，为什么不直接使用TapGesture呢？

<ic:CircleImage 
    VerticalOptions="Center"
    x:Name="userProfileImage"
    HeightRequest="50"
    WidthRequest="50"
    Aspect="AspectFill"
    Source="{Binding post.uploader.userProfile.userThumbnail}">

    <Image.GestureRecognizers>
        <TapGestureRecognizer Tapped="OnUserInfoClicked" />
    </Image.GestureRecognizers>
</ic:CircleImage>

希望这能有所帮助！

Answer 2

对于那些在将来遇到这个问题的人-如果你不需要使用CircleImage对象，Xamarin的默认按钮通过将CornerRadius设置为图像高度的一半来提供圆形支持。

<ImageButton
    x:Name="userProfileImage"
    HeightRequest="50"
    WidthRequest="50"
    Aspect="AspectFill"
    CornerRadius="25"
    BackgroundColor="White"
    Source="{Binding post.uploader.userProfile.userThumbnail}"
/>

如果需要，您还可以添加BorderColor和BorderRadius，使其更加突出：

​

​