为标签添加右边框

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

使用网格布局和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>

输出: