Download miễn phí Hướng dẫn lập trình VB.NET - Xử lý đồ họa và các hiệu ứng ảnh động
Bạn cũng có thể sử dụng thuộc tính Height và Wid
th để thay đổi chiều cao, chiều rộng của
đối t ượng để đối t ượng có thể phóng to, thu nhỏ hay co giãn được. Bây giờ chúng ta sẽ
chỉnh sửa b
ài tập MyMovingIcon để có thể minh họa cách phóng to, thu nhỏ của đối tượng
PictureBox1.
Làm theo các bước sau đây:
- Mở lại Solution MyMovingIcon nếu đã đóng nó.
- Trở lại cửa sổ thiết kế giao diện và tạo th êm ba nút nhấn mới là
btnDungdichuyen – Nút nhấn tạm dừng di chuyển nếu Icon đang đi chuyển theo
lệnh; btnPhongto – Nút nhấn cho phép phóng to ảnh; btnThunho – Nút nhấn cho
phép thu nhỏ ảnh.
- Ta c ũng sẽ tạo thêm thủ tục PictureBox1_Click cho phép phóng to ảnh khi người
dùng click lên ảnh khi chương trình đang thực thi.
Giao diện của Solution sau khi chỉnh sửa sẽ như sau:
Để tải bản Đầy Đủ của tài liệu, xin Trả lời bài viết này, Mods sẽ gửi Link download cho bạn sớm nhất qua hòm tin nhắn.
Ai cần download tài liệu gì mà không tìm thấy ở đây, thì đăng yêu cầu down tại đây nhé:
Nhận download tài liệu miễn phí
Tóm tắt nội dung tài liệu:
Hướng dẫn lập trình VB.NET Chương 16: Sử lý đồ họa và các hiệu ứng ảnh độngBiên soạn: Phạm Đức Lập - 1 - Add: cnt-44-dh, VIMARU
Chương 16:
Xử lý đồ họa và các hiệu ứng ảnh động
--------oOo--------
Nội dung thảo luận:
- Sử dụng thư viện hay không gian tên System.Drawing để vẽ ảnh đồ họa
- Tạo hiệu ứng ảnh động trên form
- Co giãn đối tượng trên form
- Tạo một form trong suốt (transparency)
VB.NET cung cấp đủ công cụ và thư viện để khai thác các hiệu ứng đồ họa. Trong chương
này chúng ta sẽ khám phá việc tạo các form mang dáng dấp đồ họa, tạo hiệu ứng ảnh động
dựa vào PictureBox và bộ định thời Timer, co giãn các đối tượng dựa vào thuộc tính
Height và Width.
Chú ý:
VB.NET sử dụng các hàm đồ họa trong thư viện GDI+ chứa trong System.Drawing
để vẽ các hình đơn giản như đường thẳng, đường tròn…
Hệ thống đồ họa trong VB.NET chỉ là điểm Pixel
VB.NET không hỗ trợ cách Move, thay vào đó bạn sẽ sử dụng các thuộc tính
Left, Top hay Location, SetBound.
Có thể làm việc với nhiều khuôn dạng ảnh như BMP, GIF, JPEG, WMF, TIFF…
1. Thêm vào hình ảnh bằng cách sử dụng thư viện System.Drawing
Chương này chúng ta sẽ sử dụng các hàm API trong thư viện GDI+ để vẽ ảnh. Ta có thể tự
vẽ ảnh, thay đổi màu nền, màu cọ, kiểu chữ vẽ và tất cả mọi thứ.
Hệ thống tọa độ của form
Trong VB, mỗi form có một hệ thống tọa độ riêng. Gốc tọa độ bắt đầu từ góc trái trên của
form (dưới thanh tiêu đề). Đơn vị được tính bằng pixe l.
Có hai trục, trục ngang là trục hoành – trục x, chiều hướng qua phải. Trục dọc, chiều
hương xuống dưới là trục tung – trục y. Một điểm trên form được xác định bởi cặp tọa độ
(x, y).
2. Lớp xử lý đồ họa System.Drawing.Graphics
Lớp Graphics trong thư viện System.Drawing chứa các cách và thuộc tính để vẽ
hình ảnh lên form. Các lớp khác bạn có thể tham khảo trong Giúp của VB.NET.
Hướng dẫn lập trình VB.NET Chương 16: Sử lý đồ họa và các hiệu ứng ảnh động
Biên soạn: Phạm Đức Lập - 2 - Add: cnt-44-dh, VIMARU
Sau đây là các cách dùng vẽ đường hình học cơ bản có trong lớp Graphics:
Đường hình học cách Mô tả
Đường thẳng Line Đường thẳng nối hai điểm
Hình chữ nhật DrawRectangle Hình chữ nhật với 4 điểm
Cung tròn DrawArc Đường cong nối dây cung hai điểm
Vòng tròn/ Elipse DrawEllipse Vẽ hình Elip hay hình tròn
Đa giác DrawPolygon Đa giác được vẽ từ một tập các điểm
Đường cong DrawCurve Đường cong tự nhiên nối thành từ mảng các điểm
Đường cong bezier DrawBezier Đường cong Bezier
Ngoài ra còn có một số hàm tô đầy như là FillRectangle, FillEllipse, FillPolygon.
Khi sử dụng các cách của system.Drawing.Graphics bạn cần tạo ra một thể hiện
của biến lớp Graphics. Tiếp theo tạo ra các đối tượng bút vẽ (Pen), chổi vẽ (Brush) để xác
định nét vẽ hình học sẽ dùng vẽ và tô. Đối tượng vẽ Pen được truyền như tham số cho các
cách vẽ không cần đến tô màu. Đối tượng Bru sh được truyền như tham số cho các
cách vẽ yêu cầu đến tô màu. Ví dụ như cách DrawLine sau sẽ vẽ đường
thẳng nối hai điểm (20, 30) và (100, 80). Biến đối tượng GraphicsFun được khai báo có
kiểu Graphics và biến đối tượng Pen mang tên PenColor được dùng để chỉ định nét vẽ và
màu để vẽ đường thẳng :
Dim GraphicsFun As Graphics
Dim PenColor As New System.Drawing.Pen(System.Drawing.Color.Red)
GraphicsFun = Me.CreateGraphics
GraphicsFun.DrawLine(PenColor, 20, 30, 200, 80)
GraphicsFun.DrawLine(Pens.DarkViolet, 25, 35, 205, 85)
Hướng dẫn lập trình VB.NET Chương 16: Sử lý đồ họa và các hiệu ứng ảnh động
Biên soạn: Phạm Đức Lập - 3 - Add: cnt-44-dh, VIMARU
2.1. Sử dụng sự kiện Paint của Form
Nếu bạn đặt đoạn mã trên vào sự kiện Click của một button nào đó thì khi click nút đó sẽ
có một đường thẳng được vẽ ra. Tuy nhiên nếu ta di chuyển một cửa sổ kh ác đè lên
chương trình hay thay đổi kích thước của form thì đường thẳng sẽ biến mất. Muốn nó hiện
diện thường xuyên thì bạn phải biết khi nào cần vẽ lại đường thẳng. VB cung cấp sự kiện
Paint để thực hiện công việc này. Bất kỳ khi nào chương trình bị Windo ws xóa nội dung
cửa sổ và yêu cầu vẽ lại, nó sẽ gọi đến cách Paint, vì thế muốn tất cả các hình ảnh
trên form hiển thị thường trực bạn cần đặt nó trong sự kiện Paint này.
Trong bài tập MyDrawShaps sau đây, chúng ta sẽ thực hành vẽ các đường cơ bản l ên form
sử dụng sự kiện Paint này. Bạn có thể di chuyển cửa sổ khác đè lên, thay đổi kích thước
mà các hình không hề mất đi.
2.2. Chương trình MyDrawShaps vẽ hình chữ nhật, đường thẳng và Ellipse
Tạo mới một Solution và Add vào một dự án cùng tên MyDrawSha ps
Thay đổi kích thước Form lớn hơn, đặt thuộc tính Text của Form là My Draw Shaps
Tạo thủ tục Form1_Paint bằng cách chọn Form1 Events trong danh sách Class Name của
cửa sổ Code Editor, chọn Paint trong danh sách Method Name
Nhập vào đoạn mã sau:
'Chuẩn bị biến cho cách đồ họa
Dim GraphicsFun As Graphics
GraphicsFun = Me.CreateGraphics
'Sử dụng bút vẽ màu đỏ để vẽ đường thẳng và Ellipse
Dim PenColor As New System.Drawing.Pen(Color.Red)
GraphicsFun.DrawLine(PenColor, 20, 30, 100, 80)
GraphicsFun.DrawEllipse(PenColor, 10, 120, 200, 160)
'Sử dụng chổi vẽ màu xanh vẽ hình chữ nhật
Dim BrushColor As New SolidBrush(Color.Green)
GraphicsFun.FillRectangle(BrushColor, 150, 10, 250, 100)
Ghi chú mã:
- Đoạn mã trên vẽ ba hình cơ bản là hình chữ nhật, đường thẳng và ellipse.
- Hàm vẽ hình Ellipse yêu cầu nhập hình chữ nhật cơ bản chứa Ellipse với 4 điểm
góc.
Chạy chương trình:
Bạn ấn F5 để chạy chương trình.
Khi chương trình chạy, thủ tục Form1_Paint được triệu gọi và các hình xuất hiện. Bạn có
thể thay đổi kích thước hay cho một cửa sổ khác đè lên mà không làm mất đi các hình trên
đã vẽ. Kết quả:
Hướng dẫn lập trình VB.NET Chương 16: Sử lý đồ họa và các hiệu ứng ảnh động
Biên soạn: Phạm Đức Lập - 4 - Add: cnt-44-dh, VIMARU
3. Thêm hoạt hình cho chương trình
Trong phần này chúng ta sẽ khám phá một số hiệu ứng đơn giản như di chuyển vị trí ảnh
trong PictureBox, phóng to, thu nhỏ ảnh kết hợp với bộ định thời Timer.
3.1. Di chuyển một đối tượng trên form
Như đã nói VB.NET không còn hỗ trợ cách Move như VB6. Thay vào đó bạn sử
dụng thuộc tính Left, Top hay cách SetBounds để thay đổi vị trí, di chuyển và định
lại kích thước cho đối tượng
Thuộc tính / cách Mô tả
Left Cho phép định tọa độ đỉnh góc trái trên cùng của đối tượng
theo hướng ngang
Top Định tọa độ đỉnh góc trái trên cùng của đối tượng theo hướ ng
dọc
Location Kết hợp của Left và Top
SetBounds Thiết lập phạm vi (kích thước và vị trí cho đối tượng)
Thuộc tính Left và Top được dùng nhiều nhất khi muốn thay đổi vị trí của đối tượng. Để
thay đổi vị trí đối tượng theo chiều ngang, ta thay đổi hay gán lại giá trị cho Left. Ngược
lại theo chiều dọc, thay đổi hay gán lại giá trị cho Top. Ví dụ:
Để di chuyển đối tượng PictureBox1 sang ngang 300 bạn cộng Left của nó lên 300:
PictureBox1.Left = PictureBox1.Left + 300
Hướng dẫn lập trình VB.NET Chương 16: Sử lý đồ họa và các hiệu ứng ảnh động
Biên soạn: Phạ...