在Xamarin中设计Abacus应用程序

Question

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

我已经设法通过使用carousal子页面来实现这一点，但是我不确定我应该使用什么来做带数字的垂直条。

我的第一个想法是使用每个数字的条形比例和十个boxview进行stacklayout。但是如何在每个内部放一个数字？

其次，我可以用什么来制作可拖动的统治者并使它们成为＃34;点击＆＃34;在您放置标尺的数字的最近一行？

对不起这些问题，尝试使用Google搜索不同的观点，无法找到正确的观点，而textview可能会改为？

这是我想要汇编https://www.youtube.com/watch?v=EFSRUf_WDxo

的应用程序

这是我迄今为止所做的，并不多。

<?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>