基于DevExpress ImageSlider实现图片轮播效果

时间：2023-01-22 03:01:22

工具：DevExpress版本为15.2.7

1、控件类型全称：DevExpress.XtraEditors.Controls.ImageSlider

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

3、工具箱内分类：DX.15.2.7: Common Controls

4、控件样式截图（小编测试，丑点大家海涵哈~）

基于DevExpress ImageSlider实现图片轮播效果

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 > )

             {

                 for (int i = ; i < dt.Rows.Count; i++)

                 {
　　　　　　　　　　　　　 //将图片路径转换成image对象

                     this.imageSlider1.Images.Add(((System.Drawing.Image)(Image.FromFile("文件路径"))));

                 }

             }

         }

9.效果展示：

基于DevExpress ImageSlider实现图片轮播效果

注：以上为ImageSlider添加图片展示的基本介绍，供大家参考，后续会继续更新更多关于DevExpress的用法介绍.

相关文章