如何在Xamarin Forms的播放器页面修改控制按钮图标

1. 调整XAML布局 #

你当前用了两个独立的播放、暂停按钮，实际开发中通常合并为一个按钮动态切换图标，修改后的代码如下：

<StackLayout>
    <!-- 合并为单个控制按钮，初始显示播放图标 -->
    <Button x:Name="btnPlayControl"
            WidthRequest="20" 
            HeightRequest="20"
            HorizontalOptions="Center"
            ImageSource="play.png"
            Clicked="BtnPlayControlClicked"/>
    <Switch x:Name="switchLoop" IsToggled="False" />
</StackLayout>

如果确实需要保留两个按钮分开显示的逻辑，只需要控制按钮的IsVisible属性切换显隐即可，不需要合并。

2. 调整后台逻辑 #

首先修正你现有代码中player变量重复声明的问题，再补充状态判断和图标切换逻辑：

ISimpleAudioPlayer player;
public PlayerPage()
{
    InitializeComponent();
    // 去掉局部变量声明，直接给类级别的player赋值
    player = Plugin.SimpleAudioPlayer.CrossSimpleAudioPlayer.Current;
    player.Load("music.mp3");
    switchLoop.Toggled += SwitchLoopToggled;
    // 注册播放完成事件，播放结束后切回播放图标
    player.PlaybackEnded += (s, e) => 
    {
        btnPlayControl.ImageSource = "play.png";
    };
}
private void SwitchLoopToggled(object sender, ToggledEventArgs e)
{
    player.Loop = e.Value;
}
private void BtnPlayControlClicked(object sender, EventArgs e)
{
    if (player.IsPlaying)
    {
        // 当前正在播放，执行暂停逻辑，切换为播放图标
        player.Pause();
        btnPlayControl.ImageSource = "play.png";
    }
    else
    {
        // 当前未播放，执行播放逻辑，切换为暂停图标
        player.Play();
        btnPlayControl.ImageSource = "pause.png";
    }
}

3. 注意事项 #

• 确保play.png和pause.png已经放到对应平台的资源目录：安卓平台放到Resources/drawable目录，生成操作设置为AndroidResource；iOS平台放到Resources目录，生成操作设置为BundleResource
• 如果需要保留两个按钮分开显示的方案，只需要在点击事件里控制两个按钮的IsVisible属性互斥切换即可，逻辑和上面的状态判断一致。

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