图像浏览控件ImageSlider

ImageSlider 是当鼠标hover时会出现有两个单击导航元素的图像浏览控件。

要显示图像ImageSlider, 添加图像到 ImageSlider.Images collection. 

 private void MainForm_Load(object sender, EventArgs e)
        {
           
            //Populate ImageSlider with images
            mySlider.Images.Add(Image.FromFile(@"d:\data\1.jpg"));
            mySlider.Images.Add(Image.FromFile(@"d:\data\2.jpg"));
            mySlider.Images.Add(Image.FromFile(@"d:\data\3.jpg"));
            mySlider.Images.Add(Image.FromFile(@"d:\data\4.jpg"));
            //增加滑动图像间隔 (default is 700 ms)  设置为1200毫秒
            mySlider.AnimationTime = 1200;
            //Display images at the center of ImageSlider in their original size
            mySlider.LayoutMode = DevExpress.Utils.Drawing.ImageLayoutMode.MiddleCenter;
            //...
            //Slide to the next image
            mySlider.SlideNext();
        }

  mySlider.AllowLooping = true; // 允许循环 即播放到最后一张next为第一张
            mySlider.LayoutMode = DevExpress.Utils.Drawing.ImageLayoutMode.ZoomInside;//图像缩放到Slider大小 如果为ZoomOutsize，则图像放大到自然
           

以下为示例

Image appearance within an ImageSlider can be tuned via the ImageSlider.LayoutMode property. The ImageSlider.CurrentImageproperty specifies the currently displayed image. Image navigation via code is managed by the SliderBase.SlideNext andSliderBase.SlidePrev inherited methods. The SliderBase.AnimationTime property specifies the duration of the image sliding animation.

This control provides built-in touch-input device support.

The ImageSlider supports dynamic image upload. See the Virtual Mode topic to learn more.

Example

The example demonstrates how to create and customize an ImageSlider control.

C#

VB

using DevExpress.XtraEditors.Controls;

ImageSlider mySlider = new ImageSlider();
mySlider.Parent = this;
mySlider.Size = new Size(240, 200);
//Populate ImageSlider with images
mySlider.Images.Add(Image.FromFile(@"c:\Images\im1.jpg"));
mySlider.Images.Add(Image.FromFile(@"c:\Images\im2.jpg"));
mySlider.Images.Add(Image.FromFile(@"c:\Images\im3.jpg"));
mySlider.Images.Add(Image.FromFile(@"c:\Images\im4.jpg"));
//Increase image sliding animation duration (default is 700 ms)
mySlider.AnimationTime = 1200;
//Display images at the center of ImageSlider in their original size
mySlider.LayoutMode = DevExpress.Utils.Drawing.ImageLayoutMode.MiddleCenter;
//...
//Slide to the next image
mySlider.SlideNext();