首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

C# 實現圖片輪播切換效果:參考前端 JS 輪播庫或使用 PictureBox 定時器

     編輯:程式設計綜合問答

參考網站 https://www.lyjunlan.com/ 的三圖切換效果,本質是前端 JavaScript 輪播,C# WinForms/WPF 需自行實現類似邏輯。

方案一:WinForms 使用 PictureBox + Timer

private List<Image> images = new List<Image>();
private int currentIndex = 0;

private void InitCarousel() {
    images.Add(Image.FromFile("1.jpg"));
    images.Add(Image.FromFile("2.jpg"));
    images.Add(Image.FromFile("3.jpg"));
    pictureBox1.Image = images[0];

    var timer = new Timer { Interval = 3000 };
    timer.Tick += (s, e) => {
        currentIndex = (currentIndex + 1) % images.Count;
        pictureBox1.Image = images[currentIndex];
    };
    timer.Start();
}

方案二:WPF 使用 Image + DispatcherTimer + 動畫

配合 DoubleAnimation 實現淡入淡出,體驗更佳。

快速原型:瀏覽器 F12 抓取現成 JS

按 F12 開啟開發者工具,切換到 Sources 或 Network 面板,尋找輪播相關 JS(如 swiper.js、owl.carousel.js 或自寫腳本),直接參考其邏輯與 CSS 類名移植到 C# 專案中。

網上現成輪播元件極多(如 Carousel、ImageSlider NuGet 套件),無需從零造輪子。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved