TỔ chức các control trên một Form

Một phần của tài liệu Ebook kỹ thuật và thủ thuật lập trình visual basic 2010 2011 tập 2 phần 1 xuân thịnh, nam thuận (Trang 114 - 118)

M sgBox(Asc{"A” ) Xor 50)

TỔ chức các control trên một Form

K hi b ạ n th ê m các control vào m ột form b ằn g lập trìn h , đòi h ỏ i m ộ t chút b ằn g việc th ử v à sa i để d ặ t các đối tượng mứi sao cho chúng được canh ch ỉn h m ột cách phù hợp và trô n g đẹp m ắt. Sau cùng, b ạ n k h ô n g có Visual Studio D esig n er để giúp b ạn - chỉ các tọ a độ (x, y) của các thuộc tín h Location và Size, đây là nhữ ng giá trị ỉàm việc vụng về trừ k h i b ạ n có sở trư ờ ng suy n g h ĩ về h a i chiều hoặc có thờ i gian để chạy liên tục chương tr ìn h để xác n h ậ n vỊ trí của các đôi tượng.

T h ậ t m ay th ay , Visual B asic có m ột sô’ xác lậ p thuộc tín h m à b ạ n có th ể sử d ụng các đôl tượng tr ê n form vào thờ i gian chạỵ N hững xác lậ p n ày bao gồm thuộc tín h A nchor, buộc m ột đô'i tượng tr ê n form vẫn tá c h các m ép xác đ ịn h của form m ột khoảng cách không đổi v à thuộc tín h Dock buộc m ột đối tượng v ẫn được gắn vào m ột m ép của form, B ạn có th ể sử dụng thuộc tín h A nchor v à Dock vào th ờ i gian th iế t kê' nhưng chúng cũng r ấ t hữu dụng cho việc can h ch ỉn h các đô'i tượng vào thời gian chạy b ằn g lập trìn h . Bài tập sau đây cho th ấ y nhữ ng thuộc tín h này làm việc n h ư t h ế nàọ

A n c h o r v à D o c k c á c đ ố i t ư ợ n g v à o t h ờ i g i a n c h ạ y

1. N h ấp lệ n h C lo s e P r o j e c t trê n m enu File, v à sau đó tạo m ộ t project W indows Porm s A pplication mới có tê n là M y A n c h o r a n d D o ck . 2. H iển th ị form.

3. N h ấp control P ic tu r e B o x , và sau đó th ê m m ột đôl tượng picture box ở giữa tr ê n cùng fonn.

4. N h ấp thuộc tín h I m a g e tr ê n cửa sổ P ro p erties v à sau đó n h ấp n ú t dấu b a chấm tr ê n cột th ủ haị

c h ư ơ n g 14: Q uần lý các form W indo w s và các co n tro l và o thời gia n ch ạ y 1 1 9

5. N h ấp n ú t radio L o c a l R e s o u r c e và sau đó n h ấ p n ú t Im port. 6. T rong hộp th o ại Open, đ ịn h hướng sa n g folder C :\V b lO sb s\C h a p l5 . 7. T ro n g hộp d an h sách F iles Of Type, chọn A Il F ile s .

8. C họn S u n .ic o v à sau đó n h ấp O p e n .

9. N h ấp OK tro n g hộp th o ại Select Resourcẹ Biểu tượng m ặ t trờ i xu ất hiện tro n g PictureBox.

10. Xác lậ p thuộc tín h SizeMode tr ê n PictureB ox s a n g S tretchim agẹ 11. Sử dụng control TextBox để tạo m ột đô'i tượng hộp tex t.

12. Xác lậ p thuộc tín h M ultiline cho đối tượng hộp te x t sa n g True sao cho b ạ n có th ể đ ịn h lạ i kích cở đối tượng m ột cách phù hợp.

13. Đ ịn h lại kích cỡ hộp te x t sao cho nó bao phủ p h ầ n lớn. nửa dưới của form.

14. N h ấ p control B u t t o n v à sau đó th ê m m ột đối tượng n ú t vào góc p h ải p h ía dưới của form.

15. Xác lậ p các thuộc tín h sau đây cho các đối tượng n ú t và hộp text.

Đ ố i t ư ợ u g B u tto n l TextB oxl T h u ộ c tín h T e x t Text X ác lậ p "Align Now"

"Anchor and Dock Samples”

16. N h ấ p đôi n ú t A lig n N ow để mở th ủ tục sự kiện B uttonl_C lick tro n g Code E ditor,

17. Gõ n h ậ p m ã chương trìn h sau đây;

PictureBoxl.Oock = DockStyỉẹTop

1 2 0 C h ư đ n g 1 4 : Q u ầ n lý c á c form W in d o w s và c á c c o n tro l v à o th ờ i g ia n c h ạ y AnchorStyles.Leít Or AnchorStyles.Right Or _ AnchorStyles.Leít Or AnchorStyles.Right Or _

AnchorStyles.Top

B uttonl.A nchor = AnchorStyles.Bottom Or _ AnchorStyles.Right

K hi th ủ tục sự k iệ n n ày dược thực th i, thuộc tín h Dock của đối tượng P ictureB oxl được sử dụng để dock (neo) p ictu re box lên p h ầ n trê n cùng của form. Điều này buộc m ép tr ê n cùng của đôi tượng picture box chạm vào v à gấn vào m ép trê n cùng của form giống nhiều như tín h n ă n g neo Visual Stuđio làm việc tro n g IDẸ T h à n h viên gây

ngạc n h iê n duy n h ấ t đây là picture box cũng được đ ịn h lạ i kích cỡ

sao cho các cạn h của nó gắn vào m ép p h ải v à m ép trá i của form. T iếp theo, thuộc tín h A nchor cho các đôi tư ợ ng T ex tB o x l và B u tto n l được sử dụng. Thuộc tín h A nchor duy trì k h o ả n g cách h iệ n h à n h từ các m ép xác đ ịn h của fo n n ngay cả nếu form được đ ịn h lại kích cỡ. Chú ý rằ n g thuộc tín h A nchor duy tr ì k h o ả n g cách h iệ n h à n h của đối tượng từ các m ép được xác định - nó k h ô n g g ắ n đôi tượng sang các m ép xác đ ịn h trừ k h i nó đã n ằm ở đó. T ro n g ví dụ này, đối tượng T extB oxl n ê n được anchor (neo) sang tấ t cả bốn m ép của form (đáy, trá i, p h ải v à dỉnh). Toán tử O r được sử dụng đ ể k ế t hợp các lựa chọn m ép. Đõ’i tượng B u tto n l được neo sa n g m ép đ áy v à m ép p h ải của form.

18. Lưu project và sao đó xác đ ịn h folder C :\V b l0 s b s \C h a p l4 làm vỊ trí,

• • • • • • • Thủ thuật

Chưcfng trìn h A n ch or and Dock được đạt trong ío ld e r C :\v b 1 OsbsXChapl 4 \A n c h o r and Dock

19. N h ấp n ú t S t a r t D e b u g g in g để chạy chương trìn h , Form m ở r a n hư b ạn đã th iế t k ế nó.

20. Di chuyển con trỏ đ ến góc p h ải p h ía dưới fo n n cho đến k h i nó th ay đổi th à n h m ột con trỏ Resize v à sau đó mở rộ n g form.

Chú ý rằ n g kích cỡ và vị tr í của các đô'i tượng tr ê n form không th ay đổị

21. Đưa form trở về kích cơ gô’c của nó. 22. N h ấp n ú t A lig n N o w tr ê n form.

Bây giờ đô'i tượng picture box dược neo tạ i m ép tr ê n cùng của form. P icture Box cũng dược đ ịn h lại kích cỡ sao cho các cạn h của nó gắn vào m ép t r á i v à m ép p h ải của form n h ư được m in h h ọ a ở đáy:

C h ư d n g 14: Q uản lý c á c fofm W indo w s và các co n tro l và o th ờ i gian chạ y 121

Ancha ard Doc^ Samptes

í j

Chú ý rằ n g biểu tượng m ặ t trờ i tro n g picture box bây giờ bị biến dạng, dây là k ế t quả của tiế n trìn h docking.

23. Mở rộng lạ i form.

K hi b ạ n đ ịn h lạ i kích cỡ form, đô’i tượng picture box v à đô'i tượng hộp te x t cũng được đ ịn h lạ i kích cỡ. Bởi vì hộp te x t được neo cho tấ t cả bô n cạnh. K hoảng cách giữa các m ép của form và hộp te x t vẫn k h ô n g đổị T ro n g suốt h o ạ t động đ ịn h lại kích cỡ cũng th ấ y rõ ràn g đối tượng n ú t được đ ặ t lại vị trí. Mặc dù k h o ản g cách giữa đối tượng n ú t m ép đ ỉn h v à m ép trá i của form th a y đổi n h ư n g k h o ản g cách đến m ép đáy v à m ép trá i không th a y đổi như được m inh h ọ a ở đây:

24. T hử n g h iệm với các thuộc tín h A nchor v à Dock tro n g m ột lúc và th ử m ột ả n h bipm ap khác nếu b ạn thích, K h i b ạ n h oàn tấ t, n hấp n ú t C lo s e tr ê n form dể k ế t thúc chương trìn h .

Bây giồ b ạ n đ ã có nhữ ng kỹ n à n g cần th iế t đ ể th ê m các form mới vào m ộ t project, đ ặ t chúng tr ê n desktop W inđow s, điền đầy các control mới vào chúng v à canh chỉnh các control b ằ n g việc sử dụng m ã chương trìn h , B ạn đ ã học dược m ột sô' k ỹ n ă n g hữu dụng để làm việc với các form W indows tro n g m ột chương trìn h .

Một phần của tài liệu Ebook kỹ thuật và thủ thuật lập trình visual basic 2010 2011 tập 2 phần 1 xuân thịnh, nam thuận (Trang 114 - 118)