• 基于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路径动态添加:

      

     1 /// <summary>
     2         /// 图片展示
     3         /// </summary>
     4         private void PicPreView()
     5         {
     6             DataTable dt = dsHelper.GetBZPicList();
     7             if (dt.Rows.Count > 0)
     8             {
     9                 for (int i = 0; i < dt.Rows.Count; i++)
    10                 {
                  //将图片路径转换成image对象
    11 this.imageSlider1.Images.Add(((System.Drawing.Image)(Image.FromFile("文件路径")))); 12 } 13 } 14 }

    9.效果展示:

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

  • 相关阅读:
    从零开始在虚拟机中搭建一个4个节点的CentOS集群(三)-----将一台虚拟机复制成4台虚拟机
    从零开始在虚拟机中搭建一个4个节点的CentOS集群(二)-----在虚拟机中安装Java和Perl
    java后台访问接口
    java文件名更改一直是false,看看是否是文件打开没有关
    java后台调用url无协议
    MyEclipse怎么设置个性化代码注释模板
    sql参数化查询in的参数
    mongodb索引
    oracle分配权限:一个用户访问另一个用户的表
    spring读写分离
  • 原文地址:https://www.cnblogs.com/teenagermostr/p/6184029.html
Copyright © 2020-2023  润新知