Xamarin Forms中如何实现带秒级延迟的随机图片展示并集成到XAML？

• 索引越界：imageList共3个元素，有效索引范围为0_{2，原有代码调用`random.Next(4)`会生成0}3的随机整数，当生成3时访问imageList[3]会触发下标越界异常，是本次报错的核心原因。
• 资源加载方式不匹配：ImageSource.FromResource()用于加载嵌入到程序集的资源，需要传入「命名空间+文件名」的完整路径，若你的图片存放在各平台原生资源目录（Android的Resources/drawable、iOS的Assets.xcassets），需使用ImageSource.FromFile()加载。
• 缺少定时切换逻辑：原有代码仅执行一次，无法实现周期性秒级切换效果。

资源放置说明 #

默认采用Xamarin.Forms推荐的原生资源放置方案：

• Android端：将所有jpg图片放到Android项目的Resources/drawable目录下，文件属性设置为「AndroidResource」
• iOS端：将所有jpg图片放到iOS项目的Assets.xcassets素材集中，文件属性设置为「BundleResource」

如果需要使用共享项目嵌入资源，可在最后查看补充说明。

XAML代码 #

<Image x:Name="RandomImageList" 
       Source="Album1.jpg" 
       Aspect="AspectFit"
       HorizontalOptions="FillAndExpand"
       VerticalOptions="FillAndExpand"/>

C#功能实现代码 #

在页面对应的C#文件中添加如下代码：

using Xamarin.Forms;
using System.Collections.Generic;

namespace YourAppNamespace
{
    public partial class YourPage : ContentPage
    {
        // 全局声明Random实例，避免短时间生成重复随机数
        private readonly Random _random = new Random();
        // 待切换图片列表
        private readonly List<string> _imageList = new List<string> { "Album1.jpg", "Album2.jpg", "Album3.jpg" };
        // 定时器运行控制标记
        private bool _isTimerRunning;

        public YourPage()
        {
            InitializeComponent();
        }

        protected override void OnAppearing()
        {
            base.OnAppearing();
            _isTimerRunning = true;
            // 此处设置2秒切换一次，可自行修改TimeSpan的参数调整间隔
            Device.StartTimer(TimeSpan.FromSeconds(2), () =>
            {
                if (!_isTimerRunning) return false;
                // 传入列表长度作为随机数上限，自动生成合法索引范围
                int randomIndex = _random.Next(_imageList.Count);
                RandomImageList.Source = ImageSource.FromFile(_imageList[randomIndex]);
                // 返回true表示定时器持续循环执行
                return true;
            });
        }

        protected override void OnDisappearing()
        {
            base.OnDisappearing();
            // 页面退出时停止定时器，避免内存泄漏
            _isTimerRunning = false;
        }
    }
}

嵌入资源加载补充说明 #

如果你的图片是放在共享项目中，属性设置为「嵌入的资源」，则将加载代码替换为如下格式即可，其中YourSharedProjectName替换为你的共享项目的实际命名空间：

RandomImageList.Source = ImageSource.FromResource($"YourSharedProjectName.{_imageList[randomIndex]}");

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