DevExpress: Imageslider of picture frame with left and right slide

This article is for my. NET control Library DevExpress use notes, my devexpress version is 13.1

1. Control type full Name: DevExpress.XtraEditors.Controls.ImageSlider

2. The assembly where the control is located: Devexpress.xtraeditors.v13.1.dll

3. Category in Toolbox: Dx.13.1:common Controls

4. Control style

5, Imageslider is a picture frame can be dragged left and right. Similar to the function of an electronic album, when the mouse hovers over the control, there are two buttons on the left and right sides of the control: the function of the two buttons is to show the previous or next picture. The Slideprev and Slidenext functions under the control can also be used to implement this function

6. After setting the control's Allowlooping property to True, you can set the picture frame to loop, that is, the next picture of the last picture is the first picture, the previous picture of the first picture is the last one

7. The LayoutMode property of the control is used to set how the picture is docked in the picture frame. The method is taken from the enumeration DevExpress.Utils.Drawing.ImageLayoutMode, and the range of values is as follows:

• TopLeft, Topcenter, TopRight, Middleleft, MiddleCenter, MiddleRight, Bottomleft, Bottomcenter, BottomRight, function to dock the picture in eight-side upward

• Stretch, stretch to full picture

• Zoominside, picture, etc. zoom in, when there are two sides exactly fill the container, stop amplification

• Zoomoutside, picture and other proportional amplification, when there are two sides just fill the container, continue to zoom in, the other side just fill the container when the stop amplification

• Stretchhorizontal, stretchvertical, transverse stretching, longitudinal stretching

• Default configuration, which is displayed in the upper-left corner

8. The Animationtime property specifies the minimum interval of time, in milliseconds, for a single picture to stay when multiple pictures are completed consecutively. The Scrollbuttonfadeanimationtime property specifies the time it takes for the picture to be toggled, in milliseconds

9, in the properties of images, you can enter the interface "Imageinfo Collection Editor" to add and modify picture information in the picture box

In the Add button, there are three options:

• Load from disk: Reading pictures from disks

• Load from Project resources: Reading a picture from a project resource

• Load from DevExpress Gallery: Read DevExpress default picture from "DevExpress Gallery"
  

The pictures read from the disk are placed in the form's own resource, referring to the code in the form Designer.cs, and the files read from the disk are added like this:

THIS.IMAGESLIDER1.IMAGES.ADD ((System.Drawing.Image) (resources. GetObject ("Imageslider1.images"))); This.imageSlider1.Images.Add ((System.Drawing.Image) (resources. GetObject ("Imageslider1.images1"))); This.imageSlider1.Images.Add ((System.Drawing.Image) (resources. GetObject ("Imageslider1.images2")));

Three images are stored in the form's RESX resource file and are devexpress automatically named Imageslider1.images, Imageslider1.images1, Imageslider1.images2

(These three images are the three beasts in the Pokemon: The Paluchi, the Mr. Yee, and the Mount Di Na)

END

DevExpress: Imageslider of picture frame with left and right slide