Main Menu

Thứ Năm, 29 tháng 9, 2016

SESSION 3: ADVANCED CONTROLS

SESSION 3: ADVANCED CONTROLS

I. SELECTION LIST CONTROLS 

1. NumbericUpDown Control

Ví dụ :

namespace demo_module3_REVIEW
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            NumericUpDown num = new NumericUpDown();
            num.Maximum = 100;
            num.Minimum = 0;
            num.UpButton();// phương thuc này để tăng giá trị lên 1
            num.DownButton();// phương thuc này để giảm giá trị xuống 1
            num.Increment = 2; // mỗi lần click sẽ tăng lên 2
            // gan1 control nay2 len Form
            this.Controls.Add(num);
        }
    }
}

2. DomainUpDown Control 
* Cho phép lựa chọn giá trị dạng text từ phạm vi các giá trị :
Ví dụ :
* Các thuộc tính của control này là :
+ Items : Thêm các Item lên control này 
   Ví dụ :
       // Gán các Items lên domainUpDown
           
            domainUpDown1.Items.Add("Tháng 5");
            domainUpDown1.Items.Add("Tháng 4");
            domainUpDown1.Items.Add("Tháng 3");
            domainUpDown1.Items.Add("Tháng 2");
            domainUpDown1.Items.Add("Tháng 1");

+ MaximumSize : Xác định kích thước tối đa của Control này
+ MinimumSize : Kích thước tối thiểu của control
+ Read Only : Chỉ được phép đọc
+ SelectedItem : Gía trị mà người dùng chọn trong control
* Các phương thức : UpButton, DownButton;
* Các sự kiện : click, SelectedItemChanged
Ví dụ : 
namespace demo_module3_REVIEW
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            // Gán các Items lên domainUpDown
           
            domainUpDown1.Items.Add("Tháng 5");
            domainUpDown1.Items.Add("Tháng 4");
            domainUpDown1.Items.Add("Tháng 3");
            domainUpDown1.Items.Add("Tháng 2");
            domainUpDown1.Items.Add("Tháng 1");
            // lựa chọn vị trí xuất hiện của Item đầu tiên
            domainUpDown1.SelectedIndex = 4;
           
        }
    }
}

Sau khi Run ứng dụng :
II . ListView and TreeView Controls
1.  ListView Control 



* Control này dùng để hiển thị các Items dưới dạng List
   Control này giống như các Views icon trên cửa sổ Windows Explorer.
* Cách hiển thị của các View này có 5 cách như sau :
+ Title;
+ List;
+ SmallIcon;
+ LargeIcon
+ Details
* Các thuộc tính
+ Columns => hiển thị tiêu đề cột
+ Items => Truy xuất đến 1 tập các Items ở trong control;
+ Multiselect => Cho phép lựa chọn nhiều Item trong control
+ SelectedItems => Truy xuất đến item được chọn trong control
+ View => Xác định control hiển thị theo dạng nào
* Các phương thức như : 
+ ArrangeIcons : Xắp xếp icon trong control khi hiển thị
+ Clear  : Xóa bỏ Item;
+ GetItemAt : Truy xuất đến Item ở trong ListView ở vị trí nào đó
+ Sort : Xắp xếp List Item;
* Các sự kiện :
+ Column click : Xảy ra khi tiêu đề cột trong ListView được click
+ ItemCheck : Xảy ra khi check trạng thái của Item;
+ ItemSelectionChanged: Xảy ra khi lựa chọn 1 item thì trạng thái bị thay đổi
+ SelectedIndexChanged: Xảy ra khi vị trí của item bị thay đổi
* Demo :
+  Bước 1: Tại giao diện Windows Form : kéo vào 1 ListView như sau:
 + Bước 2: Viết code :
public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            // tạo danh sách hình ảnh
            ImageList listImage = new ImageList();
            // tạo các đối tượng hình ảnh
            Image img1 = Image.FromFile("images\\19_XUER.jpg");
            Image img2 = Image.FromFile("images\\241906_large.jpg");
            Image img3 = Image.FromFile("images\\20151022110849-8.jpg");
            Image img4 = Image.FromFile("images\\glass_eyes3.jpg");
            Image img5 = Image.FromFile("images\\huyen-my-elly-tran-quyen-ru-voi-dam-cong-chua-1-phunutoday_vn.jpg");
            Image img6 = Image.FromFile("images\\khong-roi-mat-truoc-nhan-sac-cua-a-hau-thuy-van1.jpg");
            Image img7 = Image.FromFile("images\\maxresdefault.jpg");
            Image img8 = Image.FromFile("images\\TV-000010.jpg");
            // thêm các dối tượng image vào ListImage
            listImage.Images.Add(img1);
            listImage.Images.Add(img2);
            // hiển thị listImage trên ListView
            listView1.LargeImageList = listImage;
            // khởi tạo ListViewItem
            ListViewItem listItem1 = new ListViewItem();
            listItem1.Text = "Game ";// đặt tên cho item
            listItem1.ImageIndex = 0;// đạt index cho item
            ListViewItem listItem2 = new ListViewItem();
            listItem2.Text = "Android";
            listItem2.ImageIndex = 1;
            // them các item vào listView
            listView1.Items.Add(listItem1);
            listView1.Items.Add(listItem2);
            // xax1 định cách hiển thị của listView
            listView1.View = View.LargeIcon;

        }
    }

* Sau khi run ứng dụng sẽ như sau :
2. TreeView Control
ví dụ :
* TreeView có 3 kiểu node : 
+ Root
+ Parent
+ Leaf
* TreeView có các thuộc tính sau :
+ Node : truy xuất đến 1 tập các đối tượng TreeNode được biểu diễn trong node gốc.
+ SelectedNode : Lấy giá trị của 1 node đang hiển thị trong TreeView.
+ ShowPlusMinus: Hiển thị dấu (+) và (-) trên TreeNode.
+ ShowRootLines : Hiển thị đường line từ node gốc đến từng node
* Các phương thức :  
+CollapseAll: thu toàn bộ cây
+ ExpandAll : Bung toàn bộ cây
+ GetNodeAt: Truy xuất đến node ở vị trí nào đó.
+ GetNodeCount : Lấy số lượng node ở trên cây .
* Các Event :
+ AfterCollapse : Xảy ra khi node thu hồi lại
+ AfterExpand : Xảy ra khi node bung ra.
+ AfterSelect : Xảy ra khi 1 node được chọn
+ ItemDrag: Xảy ra khi thả 1 Item vào 1 cây
+ NodeMouseClick : Xảy ra khi click vào 1 node.
* Demo
+ Bước 1 : Tại giao diện kéo vào 1 TreeView như sau 

+ Bước 2 ; Viết code :
public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            // khởi tạo node gốc
            TreeNode nodeRoot = new TreeNode();
            nodeRoot.Text = "Root";
            // thêm 1 node leaf vào nodeRoot
            nodeRoot.Nodes.Add(new TreeNode("Leaf 1"));
            // thêm các node parent và node leaf vào
            TreeNode node1 = new TreeNode("Parent 1");
            TreeNode node2 = new TreeNode("Parent 2");
            TreeNode node3 = new TreeNode("Leaf 2");
            TreeNode node4 = new TreeNode("Leaf 3");
            nodeRoot.Nodes.Add(node1);
            node1.Nodes.Add(node2);
            node1.Nodes.Add(node4);
            node2.Nodes.Add(node3);
            // thêm node gốc này vào treeView
            treeView1.Nodes.Add(nodeRoot);
            //

        }
    }
Sau khi run ứng dụng sẽ như sau :

III . RichTextBox Control 
* Được dùng để hiển thị , nhập , và quản lý dữ liệu text. Control này giống như WordPad.
* Các thuộc tính :
+ Font 
+ ScrollBars
+ SelectedText : truy xuất đến đoạn text người dùng chọn.
+ SelectionLength.
+ Text.
+ WordWrap.
* Các phương thức.
+ AppendText : nối chuỗi này với chuỗi khác.
+ Copy.
+ Past.
+ Redo : Quay lại thao tác trước đó.
+ Undo : Đi tới bước tiếp theo.
* "Font" and "FontStyle" classes
+ Class Font nằm trong namespace : "System.Drawing"
+ FontStyle enumeration được dùng để xác định kiểu cho font.
IV Progressbar Control
*Diễn tả trạng thái của ứng dụng
* Các phương thức :
+ Increment.
+ Maximum.
+ Minimum.
+ PerformStep: Chỉ ra vị trí hiện tại của progressbar và tăng giá trị hiện tại của progressbar bằng thuộc tính Step.
+ Xác định giá trị được gọi bởi phương thức performStep().
+ Style : xác định cách progressbar xử lý .
+ Value : xác định vị trí hiện tại của progressbar .
* Demo 
+ Tại trang giao diện kéo vào 1 thanh progressbar :
+ Bước 2. Viết code :
public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            // xax1 định giá trị tối thiểu và tối đa cho progressbar
            progressBar1.Minimum = 0;
            progressBar1.Maximum = 100;
            // xác định giá trị mỗi lần tăng lên
            progressBar1.Step = 2;

        }

        private void button_start_Click(object sender, EventArgs e)
        {
            for(int i=0; i<100; i++)
            {
                Thread.Sleep(500);
                progressBar1.PerformStep();
            }
        }
    }

+ Sau khi run ứng dụng sẽ như sau :

Không có nhận xét nào:

Đăng nhận xét