‫Chào mừng trở lại.
‫Trong video này, chúng ta sẽ nói về ngăn xếp, danh sách bảng điều khiển, hộp, sau đó là cây logic và
‫cây trực quan.
‫Vì vậy, trước hết, chúng ta hãy tiếp tục và loại bỏ lưới này vì chúng ta chưa chạm vào lưới nên chúng ta chưa sử dụng
‫lưới đúng cách, nhưng chúng ta sẽ làm như vậy trong một trong những video tiếp theo.
‫Vì vậy, thay vì lưới, tôi muốn sử dụng bảng điều khiển ngăn xếp.
‫Bảng điều khiển Ngăn xếp cho phép tôi xếp chồng các phần tử lên trên nhau để tôi có thể tiếp tục và thêm một khối
‫văn bản vào đây, chẳng hạn.
‫Và tôi sẽ chỉ đơn giản viết văn bản như, Xin chào, thế giới, văn bản đơn giản.
‫Và như bạn có thể thấy, có dòng chữ Xin chào Thế giới của tôi.
‫Bây giờ những gì tôi cũng muốn làm là tôi muốn căn chỉnh nó để căn chỉnh theo chiều ngang, tôi sẽ sử dụng căn giữa ở đây.
‫Vì vậy, bây giờ tôi đang căn giữa văn bản như bạn có thể thấy ở đây.
‫Bây giờ văn bản được căn giữa và cũng có thể lệch một chút về mọi hướng, là 20.
‫Vì vậy, như bạn có thể thấy, tôi đang sử dụng một lề và chỉ nói 20, điều này sẽ nói hoặc sẽ
‫tạo ra một lề về tất cả bốn hướng là 20 pixel.
‫Bây giờ, điều tiếp theo là một hộp danh sách và tôi muốn sử dụng một hộp danh sách để bạn thấy nó trông như thế nào.
‫Vì vậy, hộp danh sách này ở đây hiện đang trống, nhưng chúng ta có thể thay đổi điều đó rất dễ dàng bằng cách tạo một mục hộp danh
‫sách trong đó.
‫Vì vậy, hãy tiếp tục và tạo một mục hộp danh sách.
‫Và mục đó nên có nội dung giả sử nội dung bằng với mục một.
‫Và bây giờ thay vì có thẻ mở và thẻ đóng, tôi chỉ muốn có phiên bản ngắn hơn này.
‫Vì vậy, tôi sử dụng điều này vào năm ngoái và Visual Studio đủ thông minh để tự động loại bỏ thẻ đóng cho tôi.
‫Vì vậy, bây giờ hộp danh sách này có một mục này và tôi sẽ sao chép và dán nó nhiều lần.
‫Vì vậy, tôi sẽ có mục một và hai và ba.
‫Và bây giờ hộp danh sách này chiếm toàn bộ chiều rộng.
‫Như bạn có thể thấy, nó có toàn bộ phụ huynh và nó chỉ cao hoặc cao như yêu cầu.
‫Vì vậy, nó có nghĩa là chỉ cần nhiều không gian khi các phần tử bên trong nó có chiều cao của chúng.
‫Vì vậy, nó khá nhiều, giả sử mục này một và mục hai và ba, chúng đều cao 30 pixel.
‫Vì vậy, toàn bộ hộp này sẽ chỉ cao 90 pixel.
‫Nhưng chúng ta có thể thay đổi điều đó bằng cách điều chỉnh độ cao.
‫Và tôi sẽ chỉ sử dụng chiều cao 100.
‫Như bạn có thể thấy, nó cao hơn vật thể trước đây.
‫Và bây giờ hãy tạo chiều rộng cũng như 100 pixel.
‫Vì vậy, bây giờ bạn có thể thấy hộp này nhỏ hơn rất nhiều và nó vừa vặn.
‫Được rồi.
‫Bây giờ, nếu tôi muốn có một lề theo mọi hướng, tôi cũng có thể cho phần tử này vào lề.
‫Nhưng như bạn có thể thấy, vì khối văn bản Helloworld này có lề 20 về mọi hướng, nên
‫cũng có khoảng cách giữa hai phần tử danh sách đó ở đây hoặc giữa hộp danh sách và khối văn bản.
‫Bây giờ, nếu chúng ta chạy đoạn mã đó, chúng ta sẽ thấy rằng chúng ta có cửa sổ chính nhỏ này, rất đẹp và có
‫hộp danh sách của chúng ta với các phần tử của nó.
‫Vì vậy, như bạn có thể thấy ở đây, xin chào thế giới đến khối văn bản và sau đó là các phần tử danh sách đó, bạn có thể nhấp
‫vào chúng, thậm chí bạn có thể chọn chúng như bạn có thể thấy.
‫Nhưng không có gì khác xảy ra bởi vì chúng tôi chưa kiểm tra sự kiện này, mà chúng tôi sẽ thực hiện trong video
‫tiếp theo.
‫Vì vậy, tôi sẽ đóng nó một lần nữa.
‫Và bây giờ chúng ta hãy nói nhanh về cây logic và cây trực quan.
‫Vì vậy, những gì chúng ta có ở đây là một cây logic hoặc chúng ta có thể xem cây logic trong XAML.
‫Vì vậy, cây logic là một cửa sổ bên trong cửa sổ đó.
‫Chúng tôi có một bảng ngăn xếp.
‫Bên trong bảng ngăn xếp đó.
‫Chúng tôi có một khối hộp văn bản và một hộp danh sách.
‫Và trong hộp danh sách, chúng ta thực sự có hộp danh sách, mục một hộp danh sách mục hai và mục ba.
‫Vì vậy, đó là cây logic.
‫Bạn có khá nhiều chi nhánh.
‫Nó ngày càng sâu hơn.
‫Vì vậy, cửa sổ có một nhánh của bảng điều khiển ngăn xếp, có hai nhánh, và một trong số đó
‫là List Box, có các nhánh, v.v.
‫Vì vậy, như tôi đã nói, một lần nữa, đây là cây logic.
‫Bây giờ chúng ta hãy nhìn vào cây trực quan, bởi vì nếu tôi, ví dụ, thêm một nút ở đây và tôi sẽ cần
‫nó cho một cái gì đó trong một giây.
‫Vì vậy, tôi tạo một nút mới, tôi cung cấp cho nó nội dung là Click Me.
‫Và tôi cũng sẽ thêm một phương thức vào đây sẽ được gọi bất cứ khi nào ai đó nhấp vào.
‫Vì vậy, tôi đang sử dụng nhấp vào đây và tôi đang tạo một trình xử lý sự kiện mới.
‫Và điều đó làm được với tôi, nó tạo ra một phương pháp mới có tên là Click vào nút.
‫Nếu bạn nhìn vào đây bây giờ, chúng ta có thể thấy rằng có một phương thức gọi là Click vào nút, có một đối tượng gửi đối tượng
‫và các đối số sự kiện được định tuyến được gọi là E.
‫Vì vậy, những gì khá nhiều điều này làm là phương pháp này sẽ được gọi.
‫Bất cứ khi nào chúng ta nhấp vào nút và bất cứ thứ gì chúng ta có bên trong phương thức này, phần thân sẽ được thực thi.
‫Vì vậy, giả sử chúng tôi sử dụng một hộp thông báo, một cái gì đó mà chúng tôi chưa sử dụng, và chúng tôi gọi là chương trình phương thức của nó.
‫Chúng ta chỉ có thể hiển thị một hộp hoặc một hộp sẽ xuất hiện giống như một cửa sổ bật lên nhỏ và sẽ hiển thị cho chúng ta một số văn bản.
‫Vì vậy, một cái gì đó giống như Cảm ơn vì đã nhấp vào tôi và văn bản cho biết Hãy nhấp vào tôi và tốt văn bản sẽ xuất hiện như
‫thế này.
‫Cảm ơn bạn đã nhấp vào hộp tin nhắn sẽ hiển thị một cái gì đó đẹp đẽ như cảm ơn vì đã nhấp vào tôi.
‫Vì vậy, như bạn có thể thấy nút nhấp vào tôi này nằm ngay bên dưới hộp danh sách của chúng tôi.
‫Vì vậy, bây giờ hãy tiếp tục và thêm một chút khoảng cách giữa chúng.
‫Được rồi.
‫Tôi hy vọng bạn cố gắng làm điều đó.
‫Và chúng ta có thể cho nút của mình một lề và tôi sẽ sử dụng lại 20, hoặc chúng ta có thể cho hộp danh sách
‫của mình một lề.
‫Nhưng cho nút này một lề hoàn toàn sẽ ổn.
‫Vì vậy, bây giờ nếu chúng ta chạy mã, chúng ta sẽ nhận được nút bấm vào tôi tuyệt đẹp này ở đây.
‫Vì vậy, chúng tôi có thế giới chào, chúng tôi có văn bản, v.v. hoặc hộp danh sách.
‫Và bây giờ nếu chúng ta bấm vào Click Me, hộp thông báo này sẽ bật lên và kiểm tra.
‫Nói điều gì đó như Cảm ơn vì đã nhấp vào tôi và chúng ta có thể nhấp vào đồng ý để đóng hộp thư đó lại.
‫Vì vậy, chúng ta hãy mở nó ra.
‫Như bạn có thể thấy, hãy nhấp vào tôi, cảm ơn vì đã nhấp vào tôi.
‫Vì vậy, đó là một hộp thông báo và chúng tôi có thể sử dụng nó theo cách tương tự như chúng tôi đã sử dụng dòng bên phải
‫bảng điều khiển trong các ứng dụng bảng điều khiển của chúng tôi cho mục đích thử nghiệm.
‫Vì vậy, thật tuyệt nếu chúng ta muốn mở một cái gì đó sau một sự kiện, chúng ta chỉ cần mở một hộp thông báo để chúng
‫ta biết, được rồi, nó hoạt động rất tốt.
‫Vì vậy, đó là nút và ba hợp lý của chúng tôi.
‫Bây giờ chúng ta hãy nhìn vào cây trực quan.
‫Vì vậy, để có được cây trực quan, có nhiều cách.
‫Nhưng cái mà tôi sẽ sử dụng là tôi sẽ thêm một điểm ở đây, một điểm gỡ lỗi.
‫Vì vậy, nó sẽ chạy vào gỡ lỗi bất cứ khi nào dòng mã này được thực thi.
‫Vì vậy, hãy để tôi bắt đầu mã hoặc bắt đầu chương trình của chúng tôi.
‫Bây giờ tôi nhấp vào nút và chương trình của chúng tôi dừng lại và chúng tôi vào chế độ gỡ lỗi.
‫Và sau đó ở đây tôi có thể truy cập trình hiển thị cây WPF.
‫Vì vậy, những gì tôi sẽ làm là tôi sẽ nhấp vào đó và nó sẽ mở ra trình hiển thị WPF, có
‫cây trực quan, cũng có các thuộc tính đó ở trên cùng bên phải hoặc ở phía bên tay phải.
‫Như bạn có thể thấy, có rất nhiều thuộc tính cho nút của chúng tôi, ví dụ, hoặc cho hộp danh sách của chúng tôi, cũng
‫có rất nhiều thuộc tính và thậm chí cho tôi biết tất cả các giá trị của các thuộc tính đó.
‫Và chúng tôi thậm chí không đặt bất kỳ cái nào trong số đó.
‫Chà, có thể ngoại trừ lợi nhuận.
‫Nhưng ngoài ra, không có gì mà chúng tôi đã thiết lập.
‫Và như bạn có thể thấy, nền là màu trắng.
‫Điều đó luôn tốt.
‫Vì vậy, chúng tôi cũng có thể thay đổi điều đó trong mã.
‫Và nhân tiện, điều quan trọng ở đây bây giờ là cây thị giác của chúng ta.
‫Và bạn cũng thấy một số khía cạnh của cây logic của chúng tôi ở đây.
‫Vì vậy, ví dụ: bạn có thể thấy cửa sổ chính, sau đó bạn thấy bảng ngăn xếp và ở đó bạn thấy hộp
‫danh sách khối văn bản và nút.
‫Nhưng còn rất nhiều thứ nữa.
‫Như bạn có thể thấy, cửa sổ chính có một đường viền mà chúng ta không thấy trong cây lôgic, nhưng với
‫cây riêng lẻ.
‫Sau đó, nó có một người trang trí nhà tài trợ, một người trình bày nội dung, người này thực sự hiển thị nội dung, sau đó
‫là bảng điều khiển Ngăn xếp.
‫Và bảng ngăn xếp lại có một khối văn bản, một hộp danh sách có đường viền, sau đó hộp này có dạng xem
‫cuộn.
‫Vì vậy, nếu có quá nhiều yếu tố để hiển thị chiều cao mà nó có, thì nó sẽ có khả năng cuộn.
‫Sau đó, có một lưới trong đó có một hình chữ nhật và một người trình bày nội dung cuộn trong đó có một người trình bày
‫các mục trực quan hóa bảng điều khiển ngăn xếp.
‫Và sau đó trong đó, chúng tôi tìm thấy một mục hộp danh sách của chúng tôi, mục này lại có một đường viền có người trình bày nội dung.
‫Và cuối cùng chúng ta có thể tìm thấy khối văn bản.
‫Vì vậy, bạn thấy đó là một cây rất, rất dài ở đây, rất nhiều nhánh.
‫Nhưng cuối cùng những gì bạn có thể tìm thấy là tất cả các yếu tố khác nhau có trong chương trình của bạn.
‫Và điều này có thể rất hữu ích nếu bạn muốn tìm hiểu thêm về những gì được trình bày hoặc sử dụng trong chương trình của
‫bạn và những gì bạn đã thêm vào chương trình của mình.
‫Nhưng nói chung đó là cách bạn có thể tìm hiểu mọi thứ về cây thị giác.
‫Và như bạn có thể thấy, chúng tôi có một lưới trong hộp danh sách mà chúng tôi không tự thiết lập, nhưng nó
‫chỉ ở đó, phải không?
‫Và nếu bạn nhấp vào lưới đó, bạn cũng có thể tìm thấy các thuộc tính của lưới đó ở phía bên tay phải.
‫Được rồi.
‫Vì vậy, đó là khá nhiều cho cây trực quan, cây logic.
‫Chúng tôi đã sử dụng bảng điều khiển ngăn xếp và hộp danh sách.
‫Chúng tôi sẽ sử dụng bảng điều khiển công nghệ nhiều hơn nữa trong tương lai.
‫Vì vậy, hãy làm quen với điều đó.
‫Và vâng, trong video tiếp theo, chúng ta sẽ kiểm tra các sự kiện.
‫Vì vậy, hẹn gặp bạn ở đó.