在Xamarin中将指示器添加到水平滚动

// 创建水平滚动视图
var scrollView = new ScrollView();

// 创建水平滚动视图中的内容
var stackLayout = new StackLayout();
for (int i = 0; i < 3; i++)
{
    var label = new Label()
    {
        Text = $"Page {i+1}",
        FontSize = 24,
        HorizontalOptions = LayoutOptions.Center,
        VerticalOptions = LayoutOptions.Center
    };
    stackLayout.Children.Add(label);
}

// 将内容添加到水平滚动视图中
scrollView.Content = stackLayout;

// 创建指示器
var indicatorView = new IndicatorView()
{
    IndicatorsShape = IndicatorShape.Circle, // 设置指示器形状为圆形
    SelectedIndicatorColor = Color.Red, // 设置选中指示器的颜色为红色
    IndicatorSize = 12 // 设置指示器大小为12
};

// 绑定指示器和水平滚动视图
indicatorView.ItemsSource = Enumerable.Range(0, stackLayout.Children.Count);
indicatorView.SelectedItem = 0;
indicatorView.IndicatorsShape = IndicatorShape.Circle;
indicatorView.IndicatorSize = 12;
indicatorView.IndicatorColor = Color.Gray;
indicatorView.SelectedIndicatorColor = Color.Black;
indicatorView.Margin = new Thickness(0, 10, 0, 0);
indicatorView.VerticalOptions = LayoutOptions.Start;
indicatorView.HorizontalOptions = LayoutOptions.Center;
indicatorView.IndicatorSpacing = 5;
indicatorView.SelectedIndicatorShape = IndicatorShape.Circle;

scrollView.Scrolled += (sender, e) =>
{
    var currentPage = (int)Math.Round(e.ScrollX / scrollView.Width);
    indicatorView.SelectedItem = currentPage;
};

// 创建页面布局
var mainLayout = new StackLayout();
mainLayout.Children.Add(scrollView);
mainLayout.Children.Add(indicatorView);

// 设置页面内容
Content = mainLayout;