基於DevExpress ImageSlider實現圖片輪播效果

工具：DevExpress版本為15.2.7

1、控件類型全稱：DevExpress.XtraEditors.Controls.ImageSlider

2、控件所在程序集：DevExpress.XtraEditors.v15.2.7.dll

3、工具箱內分類：DX.15.2.7: Common Controls

4、控件樣式截圖（小編測試，丑點大家海涵哈~）

 

5、控件布局

　　控件的LayoutMode屬性用於設定圖片在圖片框中的停靠方式。該方式取自枚舉DevExpress.Utils.Drawing.ImageLayoutMode，取值范圍如下：

• TopLeft、TopCenter、TopRight、MiddleLeft、MiddleCenter、MiddleRight、BottomLeft、BottomCenter、BottomRight，功能為將圖片停靠在八個方向上

• Stretch，拉伸到撐滿全圖片

• ZoomInside，圖片等比例放大，當有兩邊恰好撐滿容器時，停止放大

• ZoomOutside，圖片等比例放大，當有兩邊恰好撐滿容器時繼續放大，另外兩邊恰好撐滿容器時停止放大

• StretchHorizontal、StretchVertical，橫向拉伸、縱向拉伸

• Default，默認配置，即顯示在左上角

6、將控件的AllowLooping屬性設置為True后，可以將圖片框設置為循環展示，即最后一張圖片的下一張圖片是第一張圖片，第一張圖片的上一張圖片是最后一張

7、AnimationTime屬性指定了連續完成多次圖片時單張圖片停留的最短間隔時間，單位為毫秒。ScrollButtonFadeAnimationTime屬性指定了圖片切換花費的時間，單位也為毫秒

8.從數據庫讀取images路徑動態添加：

　　

/// <summary>
        /// 圖片展示
        /// </summary>
        private void PicPreView()
        {
            DataTable dt = dsHelper.GetBZPicList();
            if (dt.Rows.Count > 0)
            {
                for (int i = 0; i < dt.Rows.Count; i++)
                {
　　　　　　　　　　　　　 //將圖片路徑轉換成image對象
                    this.imageSlider1.Images.Add(((System.Drawing.Image)(Image.FromFile("文件路徑"))));
                }
            }
        }

9.效果展示：

 注：以上為ImageSlider添加圖片展示的基本介紹，供大家參考，后續會繼續更新更多關於DevExpress的用法介紹.