c# - 如何在 xamarin 表单中创建圆形堆栈布局

Question

我想在 xamarin 表单中设计半圆形堆栈布局，我得到了全圆形堆栈布局的解决方案，如何设计如下图所示的标签。

通过使用以下答案，它在 android 中运行良好，但在 iOS 中，框架与前一个框架重叠。

Answer 1

试试下面的框架

   <Frame BackgroundColor="Black" Opacity="0.4" Grid.Row="1" Grid.Column="0" Margin="-25,0,0,0" CornerRadius="30" HeightRequest="40">
        <Label  Text="Rekorida" TextColor="White" ></Label>
    </Frame>

对于 iOS，现在尝试下面的一些解决方法。让我检查永久解决方案。

<ListView x:Name="ItemsListView" ItemsSource="{Binding Items}" VerticalOptions="FillAndExpand" HasUnevenRows="true" RefreshCommand="{Binding LoadItemsCommand}" IsPullToRefreshEnabled="true" IsRefreshing="{Binding IsBusy, Mode=OneWay}" CachingStrategy="RecycleElement" ItemSelected="OnItemSelected">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="25"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="25"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Frame BackgroundColor="Black" Opacity="0.4" Grid.Column="0" Margin="-25,0,0,0" CornerRadius="30" HeightRequest="40">
                            <Label  Text="Rekorida" TextColor="White" ></Label>
                            </Frame>
                            <Frame BackgroundColor="Black" Opacity="0.4" Grid.Column="2" Margin="-25,0,0,0" CornerRadius="30" HeightRequest="40">
                            <Label  Text="Rekorida" TextColor="White" ></Label>
                            </Frame>
                            <Frame BackgroundColor="Black" Opacity="0.4" Grid.Column="4" Margin="-25,0,0,0" CornerRadius="30" HeightRequest="40">
                            <Label  Text="Rekorida" TextColor="White" ></Label>
                            </Frame>
                            <BoxView BackgroundColor="White" Grid.Column="1"/>
                            <BoxView BackgroundColor="White" Grid.Column="3"/>
                        </Grid>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>