如何在xamarin表单中同步两个列表视图的滚动条答案

【问题标题】：How to synchronize scroll bars of the two list view in xamarin forms如何在xamarin表单中同步两个列表视图的滚动条
【发布时间】：2021-10-28 07:26:44
【问题描述】：

我有两个列表视图。一个用于冻结第一列，第二个用于剩余列。现在当用户水平滚动时，两个列表视图不同步。

请指点一下。

谢谢，纳文。

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

标签： xamarin scrollbar

【解决方案1】：

我写了一个小例子供大家参考。

这里是 xaml 代码：

<StackLayout Orientation="Horizontal">
    <ScrollView Orientation="Horizontal" HorizontalOptions="Fill" WidthRequest="120">
        <StackLayout BindableLayout.ItemsSource="{Binding mylist}">
            <BindableLayout.ItemTemplate>
                <DataTemplate>
                    <Label Text="{Binding id}"></Label>
                </DataTemplate>
            </BindableLayout.ItemTemplate>
        </StackLayout>
    </ScrollView>
    <ScrollView Orientation="Horizontal" HorizontalOptions="Fill">
        <StackLayout BindableLayout.ItemsSource="{Binding mylist}">
            <BindableLayout.ItemTemplate>
                <DataTemplate>
                    <Label Text="{Binding mes}"></Label>
                </DataTemplate>
            </BindableLayout.ItemTemplate>
        </StackLayout>
    </ScrollView>
</StackLayout>

这是cs代码：

public partial class MainPage : ContentPage
{
    public ObservableCollection<Class1> mylist { get; set; }
    public MainPage()
    {
        InitializeComponent();
        mylist = new ObservableCollection<Class1>
    {
        new Class1("Data 1", "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa") ,
        new Class1("Data 2", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb" ),
        new Class1("Data 3", "ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" )
    };
        BindingContext = this;
    } 
}

【讨论】：