Xamarin Shapes Line坐标解析异常：水平线间距不均问题排查

核心错误点 #

1. 布局容器选择错误：你使用了Orientation="Horizontal"的StackLayout，但StackLayout是自动布局容器，横向模式下会把子元素横向排列，完全忽略你给Line设置的Y1/Y2坐标（这些是Line图形内部的绘制坐标，不是控件在父容器中的位置），导致位置失控。
2. XAML语法错误：StackLayout标签误用了自闭合写法/>，但后续又添加了</StackLayout>结束标签，这会导致Line控件实际直接处于AbsoluteLayout中，而非StackLayout内部，进一步打乱布局。

Xamarin Shapes 坐标解析逻辑 #

Xamarin Shapes中的图形控件（如Line），其X1/Y1/X2/Y2等坐标属性，是相对于控件自身的内部坐标系，仅用于定义图形的形状（比如Line的起点和终点在自己控件范围内的位置），而非控件在父容器中的位置。

• 控件在父容器中的位置，由父布局容器的规则决定：比如StackLayout的自动排列、AbsoluteLayout的绝对定位、Grid的单元格定位。
• 若要精准控制图形位置，需配合支持定位的容器（如AbsoluteLayout），通过容器的布局属性指定控件位置，再用图形自身的X/Y属性定义形状。

修正方案 #

方案1：AbsoluteLayout 绝对定位（精准控制坐标） #

<AbsoluteLayout>
    <!-- 第一条线：Y坐标0 -->
    <Line X1="5" Y1="0" X2="30" Y2="0" 
          AbsoluteLayout.LayoutBounds="0,0,AutoSize,AutoSize" />
    <!-- 第二条线：Y坐标10，与第一条间距10 -->
    <Line X1="5" Y1="0" X2="30" Y2="0" 
          AbsoluteLayout.LayoutBounds="0,10,AutoSize,AutoSize" />
    <!-- 第三条线：Y坐标20，与第二条间距10 -->
    <Line X1="5" Y1="0" X2="30" Y2="0" 
          AbsoluteLayout.LayoutBounds="0,20,AutoSize,AutoSize" />
</AbsoluteLayout>

这里通过AbsoluteLayout.LayoutBounds指定每个Line在父容器中的Y位置，Line内部的Y坐标设为0（仅负责绘制水平线），保证间距完全一致。

方案2：Vertical StackLayout 自动等间距 #

如果不需要精准坐标，用垂直StackLayout+固定间距更简单：

<StackLayout Orientation="Vertical" Spacing="10">
    <Line X1="5" Y1="0" X2="30" Y2="0" HeightRequest="1" />
    <Line X1="5" Y1="0" X2="30" Y2="0" HeightRequest="1" />
    <Line X1="5" Y1="0" X2="30" Y2="0" HeightRequest="1" />
</StackLayout>

Spacing="10"控制每条线的间距，HeightRequest="1"限制Line控件的高度，避免占用多余空间。

内容的提问来源于stack exchange，提问作者Dave Arndt