将两个标签对齐以在XAML中内联

时间:2018-04-17 03:41:29

标签: xamarin xamarin.forms

我正在使用Xamarin Forms进行造型。我有对齐垂直2标签其他尺寸的问题:

like this

这是我的XAML代码:

<StackLayout HorizontalOptions="EndAndExpand" Grid.Row="0" Grid.Column="1">
    <StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand">
        <Label Text="03" FontSize="42" FontAttributes="Bold" Style="{StaticResource LabelNormal}" HorizontalTextAlignment="End" VerticalTextAlignment="End" />
        <Label Text="\20" Style="{StaticResource LabelNormal}" HorizontalTextAlignment="End" VerticalTextAlignment="End" />
    </StackLayout>
    <Label Text="Chưa xử lý" Style="{StaticResource LabelNormal}" HorizontalTextAlignment="End" />
</StackLayout>

我希望“30”和“/ 20”直接在底部。我怎么能这样做?

已恢复

Image resoved

这是我的简单解决方案。我添加了Margin-bottom是“-7”并且它有效。

<Label Text="03" FontSize="42" FontAttributes="Bold" Style="{StaticResource LabelNormal}" HorizontalTextAlignment="End" VerticalTextAlignment="End" Margin="0,0,0,-7" />

1 个答案:

答案 0 :(得分:3)

虽然您的解决方案正在运行,但它可能不是最好的,请考虑下一个主题:

  • 填充中的负值可能会在不同的屏幕和平台上引入不一致的副作用。它应被视为非常肮脏的黑客,应该避免。
  • 性能。您似乎过度使用了StackLayout。试试Grid,它会减少要渲染的UI元素数量,并会增加加载时间。
祝你好运!