JavaFX 實現多種圖片幻燈片切換特效完整教程

核心架構：生產者-消費者模式加載圖片

採用 BlockingQueue 實現線程安全的圖片緩衝區，防止生產過快導致 OOM：

BlockingQueue<Image> imageQueue = new ArrayBlockingQueue<>(2);
Image eofMarker = new WritableImage(1, 1); // 結束標記

生產者線程循環讀取資源，隊列滿時自動阻塞；讀完所有資源後放入 EOF 標記通知消費者。

弧形切換特效實現詳解

1. 自定義 Transition 動畫

繼承 Transition，通過插值器控制弧長變化：

class ArcLengthTransition extends Transition {
    private final Arc arc;
    public ArcLengthTransition(Duration duration, Arc arc) {
        this.arc = arc;
        setCycleDuration(duration);
    }
    @Override protected void interpolate(double frac) {
        arc.setLength(frac * 360); // 0~360 度漸變
    }
}

2. 圖層混合與疊加

利用 BlendMode 實現圖片無縫切換：

// 底圖正常顯示
rootGroup.setBlendMode(BlendMode.SRC_OVER);
// 新圖僅在非透明區域顯示（實現遮罩效果）
nextImageView.setBlendMode(BlendMode.SRC_ATOP);

3. 並行執行多重動畫

結合弧形展開與淡入淡出：

FadeTransition fadeOut = new FadeTransition(Duration.seconds(0.2), oldMask);
ParallelTransition parallel = new ParallelTransition(arcTransition, fadeOut);
parallel.play();

關鍵技術點總結

• 阻塞隊列：解耦圖片加載與渲染，平滑處理網絡/磁盤延遲
• 自定義 Transition：封裝複雜幾何變換邏輯，復用性強
• BlendMode：GPU 級混合運算，無需手動像素操作
• ParallelTransition：協調多動畫同步，代碼聲明式簡潔

完整項目結構建議：loader/（加載器）、transition/（特效）、controller/（播放邏輯），便於擴展百葉窗、立方體翻轉等更多特效。