‫Chào mừng bạn trở lại chương WP EFF.
‫Trong video này, chúng tôi sẽ thiết lập mọi thứ cho ứng dụng Helloworld WP F, vì vậy bạn cần mở trình cài đặt
‫Visual Studio và sau đó tại đây bạn sẽ tìm thấy đã cài đặt và cộng đồng Visual Studio 2017 của
‫bạn và tại đây chỉ cần sửa đổi hoặc nhấp vào thêm và sau đó nhấp vào Sửa đổi sẽ làm cho mọi thứ sẵn sàng và sau
‫đó bạn có thể cài đặt khối lượng công việc.
‫Và đây cũng là điều quan trọng để cài đặt khối lượng công việc phát triển máy tính để bàn dot net.
‫Điều này sẽ cho phép bạn xây dựng WPF, Windows Forms, v.v.
‫Vì vậy, nếu bạn không có, chỉ cần tìm kiếm WP F tại đây hoặc tìm kiếm dot net tại đây và cài đặt phát triển
‫máy tính để bàn dot net.
‫Sau khi hoàn tất, bạn có thể đóng nó lại và bạn có thể tiếp tục và mở một dự án mới.
‫Và bây giờ sau khi đã cài đặt xong, bạn sẽ thấy một thứ gọi là WP, PHP dot net framework ở đây.
‫Vì vậy, bạn có thể truy cập Visual C sharp và ở đó bạn sẽ tìm thấy ứng dụng WPF và tôi
‫sẽ gọi ứng dụng đó là WP f01.
‫Và bây giờ chúng ta hãy tiếp tục, hãy mở nó lên và trình thiết kế sẽ tải và sau đó bạn sẽ tìm thấy tệp
‫XAML cửa sổ chính này.
‫Và bây giờ bạn có thể tự hỏi tệp XAML là gì và toàn bộ nội dung ở đây là gì.
‫Chà, đó là giao diện người dùng đồ họa GUI của chúng tôi.
‫Và ở đây chúng ta có thể kéo những thứ chẳng hạn như hộp văn bản hoặc chúng ta có thể kéo vào các nút, nhưng chúng ta cũng có
‫thể làm điều đó trong mã HTML.
‫Chúng ta sẽ xem xét ví dụ nhiều hơn trong các video tiếp theo, nhưng hiện tại, chúng ta hãy tạo một cái
‫gì đó ở đây là dòng chữ hello world và do đó bạn có thể mở ra.
‫Hộp công cụ ở phía bên trái và tại đây bạn sẽ tìm thấy tất cả các điều khiển khác nhau, v.v. để bạn có
‫thể kéo vào cửa sổ chính của mình.
‫Như bạn có thể thấy, nó được gọi là Cửa sổ chính và nếu bạn tìm kiếm tiêu đề này, bạn cũng sẽ tìm thấy nó ở đây trong
‫ví dụ của bạn.
‫Vì vậy, như bạn có thể thấy, nó được tách ra ở đây.
‫Có một phần ví dụ và có một phần thiết kế.
‫Vì vậy, cửa sổ thiết kế này là những gì bạn có thể thấy ở đây.
‫Và sau đó có cửa sổ XAML này mà bạn có thể thấy ở đây.
‫Và đây là khá nhiều mã tạo nên cửa sổ này mà bạn có thể xem ở đây.
‫Vì vậy, nó sử dụng nhiều không gian tên cho đến đây.
‫Sau đó, nó là lớp cửa sổ chính.
‫Đó là khá nhiều lớp mà chúng tôi sử dụng ở đây.
‫Như bạn có thể thấy ở đây, cửa sổ chính mà XAML và có một mã đằng sau lớp.
‫Chúng tôi sẽ xem xét điều đó trong một giây.
‫Và sau đó là chiều cao và chiều rộng tiêu đề.
‫Vì vậy, chúng tôi xác định chiều rộng của cửa sổ của chúng tôi ở đây chúng tôi xác định chiều cao và tất nhiên, tiêu đề này ở
‫trên cùng.
‫Bây giờ chúng ta hãy mở thiết kế một lần nữa.
‫Hãy bấm vào thiết kế.
‫Bạn thậm chí có thể nhấp đúp vào nó.
‫Sau đó, bạn nhìn thấy nó trong toàn bộ cửa sổ, trong một cửa sổ tuyệt vời.
‫Và sau đó để mở hộp công cụ, bạn có thể nhấn phím alt x điều khiển này hoặc bạn có thể chỉ cần vào xem và sau
‫đó ở đây bạn sẽ tìm thấy hộp công cụ.
‫Vì vậy, tôi sẽ mở hộp công cụ.
‫Như bạn có thể thấy bây giờ, nó ở đó và tôi muốn kéo một khối văn bản vào.
‫Và chúng ta.
‫Đó là blog văn bản của chúng tôi.
‫Và bạn có thể thấy bạn có thể thay đổi vị trí của nó.
‫Và bây giờ nếu chúng ta kéo nó lên đây, chúng ta có thể thấy rằng mọi thứ cũng thay đổi ở đây trong lưới.
‫Vì vậy, nếu tôi di chuyển nó xung quanh, như bạn có thể thấy, lề đã thay đổi, gói văn bản được đặt thành bao bọc,
‫sau đó nó được căn chỉnh theo chiều dọc về phía trên cùng và về phía bên trái, được căn chỉnh theo chiều ngang về phía bên
‫trái.
‫Vì vậy, như bạn có thể thấy, bạn có thể thử nghiệm với giá trị ở đây và tôi chỉ định vị trí của
‫nó ít nhiều ở trung tâm.
‫Và những gì nó chỉ đơn giản làm, nó thêm các lợi nhuận đó.
‫Như bạn có thể thấy, một trên 47 về phía trên cùng và 225 về phía bên trái.
‫Vì vậy, bây giờ nếu tôi muốn thay đổi văn bản, tôi có thể chỉ cần thay đổi văn bản tại đây hoặc tôi có thể nhấp đúp vào đây và sau đó
‫thay đổi văn bản tại đây.
‫Vì vậy, tôi sẽ chỉ nói một cái gì đó như Xin chào Thế giới và nếu tôi nhập hoặc nếu tôi nhấp vào một nơi khác.
‫Như bạn có thể thấy, nó có nhập này vào đây.
‫Vì vậy, tôi sẽ loại bỏ điều đó một lần nữa như vậy và nhấp chuột để quyết định.
‫Vì vậy, như bạn có thể thấy, nó chỉ chiếm không gian mà nó yêu cầu.
‫Vì vậy, nó bao bọc văn bản ở đây, và điều đó liên quan đến dấu chấm hoặc dấu bọc bằng bao quanh văn bản này.
‫Được rồi.
‫Vì vậy, chúng tôi sẽ xem xét ví dụ và v.v.
‫Nhưng trước hết, hãy khởi động ứng dụng này và chạy mã và sau đó bạn sẽ thấy rằng chúng ta có
‫một cửa sổ chính nhỏ và sau đó chúng ta là cửa sổ chính và hello world.
‫Như bạn có thể thấy, đây chỉ là một văn bản đơn giản được nói ở đây được đặt ở đây trong chế độ xem của chúng tôi.
‫Và bạn thậm chí có thể điều chỉnh điều đó.
‫Như bạn có thể thấy, nó không được căn giữa.
‫Nó luôn được đặt ở cùng một vị trí bởi vì nó chỉ có lề này ở phía trên và bên
‫trái, được cố định.
‫Được rồi.
‫Bây giờ, cửa sổ chính được gọi là Cửa sổ chính vì tiêu đề mà nó có.
‫Vì vậy, bây giờ nó là một thử thách nhỏ cho bạn.
‫Thay đổi văn bản thành xin chào và tên của bạn, sau đó đổi tiêu đề thành chàng trai đầu tiên của tôi.
‫Được rồi.
‫Tôi hy vọng bạn đã thử nó.
‫Vì vậy, chúng ta hãy làm điều đó.
‫Hãy thay đổi văn bản.
‫Và tôi sẽ làm điều đó ở đây trong thuộc tính văn bản dấu chấm khối văn bản.
‫Và cái này sẽ là Xin chào, Dennis.
‫Trong trường hợp của tôi.
‫Và bây giờ tiêu đề phải là một cái gì đó giống như chàng trai đầu tiên của tôi, giao diện người dùng đồ họa gooey đầu tiên của tôi.
‫Bây giờ chúng ta hãy bắt đầu điều đó và chúng tôi là người đầu tiên của tôi và xin chào Dennis.
‫Tuyệt quá.
‫Vì vậy, bây giờ mọi thứ đã được thiết lập để kéo thêm một số thứ vào đây, như các nút và tất cả những thứ tuyệt vời đó,
‫và chúng ta sẽ xem cách tạo những tiện ích tuyệt vời trong các video tiếp theo.
‫Vì vậy, hẹn gặp bạn ở đó.