2X faster development
The ultimate WinForms UI toolkit to boost your development speed.
Carousel control displays the image in its original size by default. But we can customize the selected item image size in Carousel by changing the Bitmap image size. The following code demonstrates the same.
C# //Initialize the data table DataTable dt = new DataTable(); dt.Columns.Add("col1", typeof(byte[])); //Set Image Image img = Image.FromFile(@"../../Images/10812.jpg"); Image img1 = Image.FromFile(@"../../Images/Bird.jpg"); Image img2 = Image.FromFile(@"../../Images/10811.jpg"); Image img3 = Image.FromFile(@"../../Images/Bird.jpg"); DataRow dr = dt.NewRow(); DataRow dr1 = dt.NewRow(); DataRow dr2 = dt.NewRow(); DataRow dr3 = dt.NewRow(); //Add image to data table dr["col1"] = imageToByteArray(img); dr1["col1"] = imageToByteArray(img1); dr2["col1"] = imageToByteArray(img2); dr3["col1"] = imageToByteArray(img3); dt.Rows.Add(dr); dt.Rows.Add(dr1); dt.Rows.Add(dr2); dt.Rows.Add(dr3); //Image into carousel SetImagesForCarousel(); public byte[] imageToByteArray(System.Drawing.Image imageIn) { MemoryStream ms = new MemoryStream(); imageIn.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg); return ms.ToArray(); } ‘To Add Carousel dynamically object value = null; private void SetImagesForCarousel() { foreach (DataRow drow in dt.Rows) { value = drow["col1"]; if (value.ToString().Length > 0) { byte[] imagenbuffer = (byte[])value; MemoryStream ms = new MemoryStream(imagenbuffer); CarouselImage carouselImage = new CarouselImage(); carouselImage.ItemImage = Image.FromStream(ms); //To change the dimension of the image. carouselImage.ItemImage = resizeImage(carouselImage.ItemImage, new Size(800, 600)); carousel1.ImageListCollection.Add(carouselImage); } } this.carousel1.ImageSlides = true; this.carousel1.RotateAlways = false; this.carousel1.TransitionSpeed = 1f; this.carousel1.ShowImagePreview = true; carousel1.UseOriginalImageinPreview = true; } public static Image resizeImage(Image imgToResize, Size size) { return (Image)(new Bitmap(imgToResize, size)); }
VB
Screenshot
Figure 1: By default, selected Carousel Item Image displayed in its original size.
Figure 2: Selected Carousel Item Image size has been changed/resized.
Samples:
C#: CarouselSample
VB: CarouselSample
|
2X faster development
The ultimate WinForms UI toolkit to boost your development speed.
This page will automatically be redirected to the sign-in page in 10 seconds.