c# - 为标签添加右边框

Question

我正在尝试为我的标签添加右边框。在 CSS 中，您可以使用几行代码来做到这一点:

label {
        border-right : 2px solid #000;
      }

这在 Xamarin.Forms XAML 中似乎有所不同，因为任何元素都没有边框属性。这类似于我要实现的目标:

这是我的代码:

<ListView x:Name="listview" SeparatorVisibility="None" 
          HasUnevenRows="True" >
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Padding="20, 10">
                    <Label Text="{Binding LoremIpsum}"
                           HorizontalOptions="Start"/>
                    <Label Text="{Binding LoremIpsum1}" />
                    <Label Text="{Binding LoremIpsum2}" />
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

有什么方法可以为标签添加右边框？我尝试将 BoxView 与 WidthRequest = 1 和 HeightRequest = 10 一起使用，但它不起作用。我什至尝试使用图像，但这不是好的做法。任何帮助，将不胜感激。

Answer 1

使用 Grid Layout 和 BoxView 显示颜色为绿色、宽度为 2 的右边框

例如。

 <ListView x:Name="listview" SeparatorVisibility="None" 
          HasUnevenRows="True" >
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <Grid  Margin="10">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="5"/>
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <BoxView  Grid.Column="0" Color="Green"/>
                    <StackLayout Grid.Column="1" Padding="20, 10">
                        <Label  Text="{Binding LoremIpsum}"
                        HorizontalOptions="Start"/>
                        <Label  Text="{Binding LoremIpsum1}" />

                        <Label  Text="{Binding LoremIpsum2}" />
                    </StackLayout>
                </Grid>                    
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

输出: