Xamarin.forms Xamarin形成相对布局尾部空间
基本上我是iOS背景的。在这里,我们使用前导空格和尾随空格。我无法在Xamarin表单中看到任何尾随空格选项。。。。你能帮我设置这个吗。。。下面是我试图实现的示例图像 这是我能从上面的源代码中得到的。 出于性能原因,有很多建议不要使用Xamarin.forms Xamarin形成相对布局尾部空间,xamarin.forms,Xamarin.forms,基本上我是iOS背景的。在这里,我们使用前导空格和尾随空格。我无法在Xamarin表单中看到任何尾随空格选项。。。。你能帮我设置这个吗。。。下面是我试图实现的示例图像 这是我能从上面的源代码中得到的。 出于性能原因,有很多建议不要使用相对布局,而是使用绝对布局和/或堆栈布局。我个人并不喜欢相对主义,我会尽可能地使用替代品RelativeLayout也不好玩,代码很快就会变得凌乱 您试图实现的布局确实可以使用RelativeLayout完成,但我认为使用一系列StackLayout会容易得多。例
相对布局
,而是使用绝对布局
和/或堆栈布局
。我个人并不喜欢相对主义,我会尽可能地使用替代品RelativeLayout
也不好玩,代码很快就会变得凌乱
您试图实现的布局确实可以使用RelativeLayout
完成,但我认为使用一系列StackLayout
会容易得多。例如:
在这里,我最终使用网格概念实现了它
您的意思是标签上的LineBreakMode
是这样的。。。我想设置在描述标签的右侧应该始终有20个空格。标签应该分为两行设置
我添加了,但它仍然没有分为两行。您选择相对布局
而不是堆栈布局
的原因是什么?
<ContentPage.Content>
<StackLayout VerticalOptions="Start" HorizontalOptions="Fill">
<RelativeLayout HeightRequest="100" BackgroundColor="Blue">
<Image x:Name="dishImageView" Aspect="AspectFit" BackgroundColor="Maroon" RelativeLayout.YConstraint="10" RelativeLayout.XConstraint="10" RelativeLayout.WidthConstraint="80" RelativeLayout.HeightConstraint="80" Source="pizza1.png" />
<Label Text="Dominoz Pizza"
x:Name="pizzaTitle"
RelativeLayout.YConstraint="10"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToView,
ElementName= dishImageView,
Constant=20,
Property=Width,
Factor=1}"/>
<Label BackgroundColor="Lime" HeightRequest="60" Margin="0,0,20,0" MaxLines="2" LineBreakMode="WordWrap" Text="Dominoz Pixxa is great pizza.. come and eat pizza"
x:Name="pizzaDescription"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView,
ElementName=pizzaTitle,
Constant=10,
Property= Height, Factor=1}"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToView,
ElementName= dishImageView,
Constant=20,
Property=Width,
Factor=1}"
/>
</RelativeLayout>
</StackLayout>
</ContentPage.Content>