如何在 XAML 中的 Rectangle BoxView 内放置文本

Posted 2023-03-25

【中文标题】如何在 XAML 中的 Rectangle BoxView 内放置文本

【英文标题】：How to place a text inside Rectangle BoxView in XAML

【发布时间】：2019-05-16 14:04:46

【问题描述】：

我在 XAML 中使用列表视图，并使用下面的 codw 来绘制一个矩形框，我想在框内放置一个 2 个字母的字母，就像 Windows 电话联系人一样，它们将字母放在矩形框内。有什么办法可以在矩形框内放置文字

<BoxView Color="Green" WidthRequest="50" HeightRequest="20" HorizontalOptions="Start"> 

【问题讨论】：

使用 Label 而不是 BoxView

感谢杰森的回复。标签工作正常，但有什么方法可以在 boxview 中放置标签文本

你需要做什么才能让 BoxView 能做到 Label 不能？您不能将内容放在 BoxView 中。您可以在 BoxView 之上放置一个标签，但单独使用标签会更简单。

【参考方案1】：

您想复制 WinPhone 上的样子。

（抱歉没有代码，我没带电脑）

使用扁平框架（HasShadows=false，CornerRadius=0） 设置 Padding=10，Margin=3（呼吸空间）， BackgroundColor=绿色 在框架内放一个标签 设置 FontSize=25，TextColor=White，居中（水平和 垂直对齐），FontAttributes=Bold

希望这会有所帮助。

【参考方案2】：

You can use like this 

<StackLayout Padding="1" BackgroundColor="Black" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">

<StackLayout  BackgroundColor="White" HorizontalOptions="FillAndExpand" >
<Label Text="Sample" TextColor="Black" HorizontalTextAlignment="Start"/>
</StackLayout>
</StackLayout>
May this will solve the problem.