如何将CarouselView外部Label绑定到当前项Title并随滚动更新

核心方案 #

利用CarouselView的CurrentItem属性跟踪当前显示的列表项，将外部Label的Text直接绑定到该属性的Title字段，即可实现滚动切换时的同步更新。

修改后的完整XAML代码 #

<CarouselView x:Name="CVlist" 
              ItemsSource="{Binding Source={StaticResource vm},Path=Duas}">
    <CarouselView.ItemTemplate>
        <DataTemplate>
            <StackLayout VerticalOptions="StartAndExpand" Padding="15,0" >
                <Label Text="{Binding Title}" />
                <Label Text="{Binding Proof}" FontFamily="Arabic" />
            </StackLayout>
        </DataTemplate>
    </CarouselView.ItemTemplate>
</CarouselView>
<StackLayout>
    <!-- 绑定到CarouselView当前选中项的Title属性 -->
    <Label Text="{Binding Source={x:Reference CVlist}, Path=CurrentItem.Title}" />
</StackLayout>

补充说明 #

• 确保Duas集合中的数据模型实现了INotifyPropertyChanged接口，这样当数据项的Title属性自身发生变更时，内外Label都会自动刷新。
• 若要处理列表为空（CurrentItem为null）的场景，可添加FallbackValue避免空白显示：

  <Label Text="{Binding Source={x:Reference CVlist}, Path=CurrentItem.Title, FallbackValue='暂无内容'}" />
  

内容的提问来源于stack exchange，提问作者Abdul Rasheed