C# 在Xamarin中设计算盘应用程序

我正在寻找设计一个算盘应用程序，但不确定用什么来做我想做的事情。重点是用PCL制作一个简单的abacus跨平台应用程序，所以我想创建一个有三个子页面的主页，可以通过向右或向左滑动来访问

我已经通过使用carousal子页面做到了这一点，但是我不确定我应该用什么来处理带有数字的竖条

我的第一个想法是做一个堆垛式布局，每一个数字有10个方块视图。但是我如何在每一个里面放一个数字呢

第二，我可以用什么来制作可拖动的标尺，并使它们“点击”到您放置标尺的数字的最近一行

对于这些问题，很抱歉，尝试用谷歌搜索不同的视图，但找不到正确的视图来使用，或者改为使用文本视图

这是我想组装的应用程序

这就是我到目前为止所做的，不多

<?xml version="1.0" encoding="utf-8" ?>
<CarouselPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:BabakusXamarin"
             x:Class="BabakusXamarin.MainPage">
    <CarouselPage.ItemTemplate>
        <DataTemplate>
            <ContentPage>
                <ContentPage.Padding>
                    <OnPlatform x:TypeArguments="Thickness">
                        <On Platform="iOS, Android" Value="0,40,0,0" />
                    </OnPlatform>
                </ContentPage.Padding>
                <StackLayout HeightRequest="100" WidthRequest="50" BackgroundColor="Aquamarine" >
                    <Label Text="{Binding Name}" FontSize="Medium" HorizontalOptions="Center" />
                    <StackLayout>
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />
                        <BoxView Color="{Binding Color}"  VerticalOptions="Center" HorizontalOptions="Center"  />


                    </StackLayout>
                </StackLayout>
            </ContentPage>
        </DataTemplate>
    </CarouselPage.ItemTemplate>
    </CarouselPage>