- [DATABASE] Hướng dẫn thêm và cập nhật Extended Property Column trong Table Sqlserver
- [DEVEXPRESS] Hướng dẫn sử dụng Vertical Gridview để hiển thị thông tin sản phẩm
- [C#] Hướng dẫn sử dụng Json Schema để Validate chuỗi string có phải json
- [C#] Hướng dẫn sử dụng công cụ Clean Code trên Visual Studio
- [C#] Hướng dẫn Drag and Drop File vào RichTextBox
- [C#] Hướng dẫn tạo hiệu ứng Karaoke Text Effect Winform
- [C#] Sử dụng thư viện ZedGraph vẽ biểu đồ Line, Bar, Pie trên Winform
- [DATABASE] Hướng dẫn sort sắp xếp địa chỉ IP trên sqlserver sử dụng hàm PARSENAME
- [C#] Theo dõi sử kiện process Start hay Stop trên Winform
- [ASP.NET] Chia sẻ source code chụp hình sử dụng camera trên website
- [C#] Chạy ứng dụng trên Virtual Desktop (màn hình ảo) Winform
- [C#] Mã hóa và giải mã Data Protection API trên winform
- [C#] Hướng dẫn tạo Gradient Background trên Winform
- [DATABASE] Hướng dẫn convert Epoch to DateTime trong sqlserver
- [DATABASE] Hướng dẫn sử dụng STRING_AGG và CONCAT_WS trong sqlserver 2017
- [C#] Hướng dẫn Copy With All Property in Class Object
- [DEVEXPRESS] Hướng dẫn load Json DataSource vào GridView
- [C#] Hướng dẫn tạo chữ ký trên winform Signature Pad
- [DEVEXPRESS] Format code T-SQL highlight in RichEditControl
- [C#] Hướng dẫn upload file, hình ảnh từ Winform lên server API ASP.NET Core
Tạo control ImageSlider để làm chương trình SlideShow đơn giản
Chủ đề bài viết hôm nay là làm chương trình SlideShow hình ảnh nhưng để làm điều đó thì mình sẽ hướng dẫn các bạn làm một custom control là ImageSlider. Control này có lẽ trong những bộ công cụ của DevExpress đã có nhưng trong VisualStudio thì chưa.
Qua bài viết này đối với những bạn nào mới bắt đầu lập trình thì có khái niệm là custom control để có thể kế thừa sử dụng lại khi cần thiết. Xem demo để biết thêm bạn nhé:
Bài này khá dài nên mình chỉ post 1 đoạn nhỏ về các sử dụng của control ImageSlider còn custom control này như thế nào các bạn có thể download về xem chi tiết
private void Form1_Load(object sender, EventArgs e)
{
imageSlider1.CaptionOpacity = 200;
imageSlider1.AddImage("1.jpg", "Laptrinhvb.net", Color.Maroon);
imageSlider1.AddImage("2.jpg", "Diễn giải 1", Color.BlueViolet);
imageSlider1.AddImage("3.jpg", "Nội dung cần hiển thị", Color.LimeGreen);
imageSlider1.AddImage("4.jpg", "Con gì đây?", Color.Orange);
imageSlider1.AddImage("5.jpg", "Hình này nói về cái gì?", Color.Gray);
imageSlider1.AddImage("6.jpg", "Hết biết ghi gì ^^");
imageSlider1.AddImage("7.jpg", "...", Color.Navy);
}
Custom control mới để hiển thị hình ảnh và diễn giải
class ImageSlider : Panel
{
Timer _timer;
int _captionTextLeft = 20;
int _captionPosX = 20;
int _pageIndex = 0;
protected List _imageList = new List();
protected List _captionList = new List();
protected List _captionBgColor = new List();
xButton leftButton;
xButton rightButton;
public ImageSlider()
{
this.Animation = true;
this.CaptionAnimationSpeed = 50;
this.CaptionTextLeft = 20;
this.CaptionHeight = 50;
this.CaptionBackgrounColor = Color.Black;
this.CaptionOpacity = 100;
leftButton = new xButton();
leftButton.Text = "ï";
leftButton.Click += new EventHandler(leftButton_Click);
rightButton = new xButton();
rightButton.Text = "ð";
rightButton.Click += new EventHandler(rightButton_Click);
this.Resize += ImageSlider_Resize;
this.Controls.Add(leftButton);
this.Controls.Add(rightButton);
}
.......................................
}
Chúc các bạn vui với bài viết này!