有没有办法在Xamarin中的按钮上有这样的双边框?

u5rb5r59  于 2022-12-07  发布在  其他
关注(0)|答案(1)|浏览(120)

我必须做一个双边框的按钮,如下面的图片所示。有没有什么方法可以让它有双边框,而不添加额外的xaml元素,除了按钮。

inb24sb2

inb24sb21#

在最新版本的XF上,这应该很容易做到(确保为您的使用优化此代码):
创建边框样式:

<Style TargetType="Border">
            <Setter Property="Padding" Value="10" />
            <Setter Property="Stroke" Value="Black" />
            <Setter Property="StrokeThickness" Value="2" />
            <Setter Property="HorizontalOptions" Value="Fill"/>
            <Setter Property="StrokeShape">
                <Setter.Value>
                    <RoundRectangle CornerRadius="10" />
                </Setter.Value>
            </Setter>
        </Style>

完成后,请按以下步骤使用:

<Border Stroke="Blue" StrokeThickness="5" Padding="8" BackgroundColor="White">
  <Button BackgroundColor="Blue" Text="Submit"/>
</Border>

要将事件添加到整个视图,您可能必须将按钮的InputTransparent属性设置为True,然后将Gesture添加到整个视图
完成后,它将看起来像下面的图像:

相关问题