自定义导航栏xamarin

Question

您好，我正在尝试创建这个自定义导航栏，但我找不到任何地方，如果这是可能的。这里。我想知道是否有可能添加这个自定义尺寸栏。我知道如何添加绿色/蓝色的，我需要的是添加这个自定义尺寸的紫色图像。

​

​

Answer 1

以下是此问题的解决方法。您可以像下面的图片一样绘制测试图像(注意:我的图片在顶部有一个空白视图，我没有工具(如)来修复它)。

​

​

然后我使用AbsoluteLayout用下面的代码制作了一个自定义导航栏。(注意:我的图片顶部有一块空白，所以我必须调整位置，你可以用你的布局来调整它)

 <AbsoluteLayout  >
        
            <Image Source="my.png"   BackgroundColor="Transparent"  AbsoluteLayout.LayoutBounds="0,-0.025,1,100" AbsoluteLayout.LayoutFlags="XProportional,YProportional,WidthProportional"
              />

        <Label Text="Hi,Luisa" TextColor="Black" AbsoluteLayout.LayoutBounds="0,0.01,50,20" AbsoluteLayout.LayoutFlags="PositionProportional" />

        <Label Text="Credit:Rs 255.00" TextColor="Black" AbsoluteLayout.LayoutBounds="0.95,0.01,150,20" AbsoluteLayout.LayoutFlags="PositionProportional" />
    
    </AbsoluteLayout>

这是运行截图。

​

​

或者你可以使用Skiasharp来绘制它。https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/graphics/skiasharp/basics/circle