- [POWER AUTOMATE] Hướng dẫn gởi tin nhắn zalo từ file Excel - No code
- [C#] Chia sẻ code lock và unlock user trong domain Window
- [SOFTWARE] Giới thiệu bộ phần mềm tính Kết Cấu Thép HatteSale, Mộng Đơn, Dầm, Sàn, Móng Cọc, Vách, Xà Gồ, Tính Tải Trọng
- [DEVEXPRESS] Vẽ Biểu Đồ Stock Chứng Khoán - Công Cụ Thiết Yếu Cho Nhà Đầu Tư trên Winform
- [C#] Hướng dẫn bảo mật ứng dụng 2FA (Multi-factor Authentication) trên Winform
- [C#] Hướng dẫn convert HTML code sang PDF File trên NetCore 7 Winform
- [C#] Hướng dẫn viết ứng dụng chat với Gemini AI Google Winform
- Hướng dẫn khóa file bằng nhiều process id, không cho xóa tập tin
- Hướng dẫn cách tạo Product Id cho ứng dụng phần mềm XXXXX-XXXXX-XXXXX-XXXXX
- [SQLSERVER] Hướng dẫn tạo script sql từ ứng dụng Sqlserver management Studio
- [C#] Hướng dẫn sử dụng thư viện AutoITx lấy id và password Ultraviewer trên winform
- [VB.NET] Hướng dẫn lấy thông tin tài khoản đăng nhập windows và khởi động lại ứng dụng ở chế độ Administrator
- [C#] Sử dụng thư viện Polly gửi lại request api khi request bị lỗi hay rớt mạng
- [DEVEXPRESS] Chia sẻ source code tạo báo cáo report in tem nhãn label trên C# winform
- [DEVEXPRESS] Hướng dẫn vẽ biểu đồ Bar Chart trên Winform
- [C#] Tạo form đăng nhập và đăng ký với hiệu ứng Sliding Animation Effect
- [C#] Hướng dẫn tạo thanh toán đơn hàng qua mã vạch VietQR sử dụng API PayOS hoàn toàn miễn phí
- [C#] Hướng dẫn ghi log ra RichTextBox giống Console trên Winform sử dụng thư viện Serilog
- [C#] Hướng dẫn cách tạo mã QR Code trên file Excel
- [VB.NET] Gởi tin nhắn và file đính kèm qua ứng dụng gởi tin nhắn Whats App
[C#] Hướng dẫn tạo custom list sử dụng Usercontrol và FlowLayoutPanel
Xin chào các bạn, bài viết hôm nay mình sẽ tiếp tục hướng dẫn các bạn cách sử dụng Usercontrol và FlowLayoutPanel để tạo một danh sách list phim trên lập trình C#, Winform.
[C#] Create Custom List with UserControl and FlowlayoutPanel
Dưới đây là giao diện demo của ứng dụng:
Đầu tiên, mình sẽ tạo một User control với tên customelistitem.cs
với giao diện như hình bên dưới:
Ở giao diện trên chúng ta sẽ thiết kế bao gồm 4 label để hiển thị thông tin: title, overview, release date, vote
và một PictureBox để hiển thị hình ảnh của bộ phim.
Source code customelistitem.cs:
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace CustomList_Flyoutpanel
{
public partial class CustomListItem : UserControl
{
public CustomListItem()
{
InitializeComponent();
}
#region Properties
private string _title;
private string _overView;
private double _vote;
private string _url;
private DateTime _releaseDate;
[Category("Custom Props")]
public string Title
{
get { return _title; }
set { _title = value; lbl_title.Text = value; }
}
[Category("Custom Props")]
public string OverView
{
get { return _overView; }
set { _overView = value; lbl_overview.Text = value; }
}
[Category("Custom Props")]
public double Vote
{
get { return _vote; }
set { _vote = value; lbl_vote.Text = value.ToString(); }
}
[Category("Custom Props")]
public string URL
{
get { return _url; }
set {
_url = value;
pic_movie.LoadAsync(value);
}
}
[Category("Custom Prop")]
public DateTime ReleaseDate
{
get { return _releaseDate; }
set { _releaseDate = value; lbl_releaseDate.Text = value.ToString("dd/MM/yyyy"); }
}
#endregion
private void CustomListItem_MouseLeave(object sender, EventArgs e)
{
this.BackColor = Color.White;
}
private void CustomListItem_MouseEnter(object sender, EventArgs e)
{
this.BackColor = Color.Silver;
}
}
}
Sau khi tạo xong, ở Form main các bạn sử dụng một control FlowLayoutPanel:
Source code FrmMain.cs
:
using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace CustomList_Flyoutpanel
{
public partial class Form1 : Form
{
public List<Movie> listMovie;
public Form1()
{
InitializeComponent();
}
private void Form1_Load(object sender, EventArgs e)
{
listMovie = new List<Movie>();
var json = File.ReadAllText("movie.json");
listMovie = JsonConvert.DeserializeObject<List<Movie>>(json);
var listItems = new CustomListItem[30];
flowLayoutPanel.Controls.Clear();
int i = 0;
var pic = new PictureBox();
foreach (var movie in listMovie.Take(30))
{
listItems[i] = new CustomListItem();
listItems[i].Title = movie.title;
listItems[i].OverView = movie.overview;
listItems[i].ReleaseDate = movie.release_date;
listItems[i].Vote = movie.vote_average;
var url = "https://image.tmdb.org/t/p/w200" + movie.poster_path;
listItems[i].URL = url;
flowLayoutPanel.Controls.Add(listItems[i]);
i++;
}
}
public class Movie
{
public double popularity { get; set; }
public int vote_count { get; set; }
public bool video { get; set; }
public string poster_path { get; set; }
public int id { get; set; }
public bool adult { get; set; }
public string backdrop_path { get; set; }
public string original_language { get; set; }
public string original_title { get; set; }
public string title { get; set; }
public double vote_average { get; set; }
public string overview { get; set; }
public DateTime release_date { get; set; }
}
}
}
Thanks for watching!