Xamarin MediaElement绑定Slider在iOS无法随缓冲移动求助

我参照官方示例使用MediaElement搭配Slider实现自定义进度条，Android平台上Slider能随播放进度和缓冲正常移动，但iOS平台滑块始终停在初始位置，完全无法正常工作。目前是在CarouselView组件中使用MediaElement，不确定是否和该布局有关，但问题仅出现在iOS平台。已提交相关Issue但未收到回复，现将相关代码附上，寻求可行解决方案。

XAML代码 #

<CarouselView ItemsSource="{Binding MediaItems}">
    <CarouselView.ItemTemplate>
        <DataTemplate>
            <StackLayout>
                <xct:MediaElement x:Name="mediaElement"
                                  Source="{Binding MediaUrl}"
                                  AutoPlay="True" />
                <Slider x:Name="slider"
                        Maximum="{Binding Source={x:Reference mediaElement}, Path=Duration.TotalSeconds}"
                        Value="{Binding Source={x:Reference mediaElement}, Path=Position.TotalSeconds}" />
            </StackLayout>
        </DataTemplate>
    </CarouselView.ItemTemplate>
</CarouselView>

C#后台代码 #

public partial class MediaCarouselPage : ContentPage
{
    public ObservableCollection<MediaItem> MediaItems { get; set; }

    public MediaCarouselPage()
    {
        InitializeComponent();
        MediaItems = new ObservableCollection<MediaItem>
        {
            new MediaItem { MediaUrl = "your_media_url_here" }
        };
        BindingContext = this;
    }
}

public class MediaItem
{
    public string MediaUrl { get; set; }
}

1. 显式指定双向绑定模式 #

iOS平台下Xamarin.Forms的绑定有时需要显式声明双向模式，修改Slider的Value绑定：

<Slider x:Name="slider"
        Maximum="{Binding Source={x:Reference mediaElement}, Path=Duration.TotalSeconds}"
        Value="{Binding Source={x:Reference mediaElement}, Path=Position.TotalSeconds, Mode=TwoWay}" />

2. 手动订阅PositionChanged事件更新Slider #

如果绑定未生效，直接通过事件监听更新Slider值，确保在主线程操作UI：
在页面构造函数或ItemAppearing事件中添加：

carouselView.ItemAppearing += (s, e) =>
{
    var view = e.Item as StackLayout;
    var mediaElement = view.FindByName<MediaElement>("mediaElement");
    var slider = view.FindByName<Slider>("slider");

    mediaElement.PositionChanged += (sender, args) =>
    {
        if (Device.RuntimePlatform == Device.iOS)
        {
            MainThread.BeginInvokeOnMainThread(() =>
            {
                slider.Value = args.NewPosition.TotalSeconds;
            });
        }
    };

    mediaElement.MediaOpened += (sender, args) =>
    {
        if (Device.RuntimePlatform == Device.iOS)
        {
            MainThread.BeginInvokeOnMainThread(() =>
            {
                slider.Maximum = mediaElement.Duration.TotalSeconds;
            });
        }
    };
};

注意在页面销毁时需取消事件订阅，避免内存泄漏。

3. 解决CarouselView视图复用问题 #

CarouselView的视图复用可能导致MediaElement的事件绑定丢失，可通过以下方式处理：

• 在ItemDisappearing事件中取消当前项MediaElement的事件订阅
• 给每个MediaElement设置唯一标识（如绑定AutomationId），确保视图复用时能正确关联对应的Slider

4. 检查iOS平台MediaElement的权限配置 #

确保iOS项目的Info.plist中添加了必要的媒体访问权限，比如网络媒体需要添加：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

如果是本地媒体，需确保文件路径正确且有读取权限。

内容的提问来源于stack exchange，提问作者MC Fer