‫ยินดีต้อนรับกลับสู่บท WP EFF
‫ในวิดีโอนี้ เราจะตั้งค่าทุกอย่างสำหรับแอปพลิเคชัน Helloworld WP F ดังนั้น คุณต้องเปิดโปรแกรมติดตั้ง
‫Visual Studio จากนั้นคุณจะพบการติดตั้งและชุมชน Visual Studio ปี 2017 ของคุณ และที่นี่เพียงแค่แก้ไขหรือคลิกเพิ่มเติม
‫จากนั้นคลิกที่ Modify เพื่อเตรียมสิ่งต่างๆ ให้พร้อม จากนั้นคุณสามารถติดตั้งปริมาณงานได้
‫และสิ่งสำคัญคือต้องติดตั้งปริมาณงานการพัฒนาเดสก์ท็อป dot net ด้วย
‫ซึ่งจะช่วยให้คุณสามารถสร้าง WPF, Windows Forms และอื่นๆ
‫ดังนั้น หากคุณไม่มีสิ่งนั้น เพียงค้นหา WP F ในที่นี่ หรือค้นหา dot net ที่นี่และติดตั้ง dot net
‫desktop development
‫เมื่อเสร็จแล้ว คุณสามารถปิดมัน และคุณสามารถเปิดโครงการใหม่ได้
‫และตอนนี้หลังจากติดตั้งแล้ว คุณจะเห็นบางอย่างที่เรียกว่า WP, PHP dot net framework ที่นี่
‫ดังนั้นคุณสามารถไปที่ Visual C คมชัดและคุณจะพบแอป WPF และฉันจะเรียกสิ่งนั้นว่า
‫WP f01
‫และตอนนี้ ไปข้างหน้า เปิดมันขึ้นมา แล้วนักออกแบบจะโหลด จากนั้นคุณจะพบไฟล์ XAML ของหน้าต่างหลักนี้
‫และตอนนี้คุณอาจสงสัยว่าไฟล์ XAML คืออะไรและทั้งหมดนี้คืออะไร
‫นั่นคือส่วนติดต่อผู้ใช้แบบกราฟิก GUI ของเรา
‫และที่นี่ เราสามารถลากสิ่งต่างๆ เช่น กล่องข้อความ หรือเราสามารถลากปุ่มต่างๆ ได้ แต่เราสามารถทำได้ในโค้ด
‫HTML ด้วยเช่นกัน
‫เราจะพิจารณาตัวอย่างมากขึ้นในวิดีโอหน้า แต่สำหรับตอนนี้ เรามาสร้างบางสิ่งในนี้ซึ่งเป็นข้อความสวัสดีชาวโลกก่อน
‫ดังนั้นคุณจึงสามารถเปิดใจได้
‫กล่องเครื่องมือทางด้านซ้ายมือ และที่นี่คุณจะพบกับส่วนควบคุมต่างๆ ทั้งหมด และอื่นๆ ที่คุณสามารถลากเข้าไปในหน้าต่างหลักของคุณได้
‫อย่างที่คุณเห็น มันเรียกว่าหน้าต่างหลัก และหากคุณค้นหาชื่อนี้ คุณจะพบมันในตัวอย่างของคุณที่นี่เช่นกัน
‫อย่างที่คุณเห็น มันถูกแยกออกที่นี่
‫มีส่วนตัวอย่างและมีส่วนการออกแบบ
‫ดังนั้นหน้าต่างการออกแบบนี้จึงเป็นสิ่งที่คุณสามารถเห็นได้ที่นี่
‫แล้วมีหน้าต่าง XAML ซึ่งคุณสามารถดูได้ที่นี่
‫และนี่คือโค้ดที่สร้างหน้าต่างนี้ ซึ่งคุณสามารถดูได้ที่นี่
‫มันเลยใช้เนมสเปซหลายอันจนถึงตรงนี้
‫จากนั้นเป็นคลาสหน้าต่างหลัก
‫ที่สวยมากคลาสที่เราใช้ที่นี่
‫อย่างที่คุณเห็นที่นี่ หน้าต่างหลักที่ XAML และมีโค้ดอยู่หลังคลาส
‫เราจะพิจารณาสิ่งนั้นในอีกสักครู่
‫แล้วมีความสูงและความกว้างของชื่อ
‫ดังนั้นเราจึงกำหนดความกว้างของหน้าต่างของเราที่นี่ เรากำหนดความสูง และแน่นอน ชื่อนี้อยู่ที่นี่ที่ด้านบน
‫มาเปิดการออกแบบกันอีกครั้ง
‫คลิกที่การออกแบบ
‫คุณยังสามารถดับเบิลคลิกได้
‫จากนั้นคุณจะเห็นมันในหน้าต่างทั้งบานในหน้าต่างบานใหญ่
‫จากนั้นในการเปิดกล่องเครื่องมือ คุณสามารถกดแป้นควบคุมนี้ alt x หรือเพียงไปที่มุมมอง
‫จากนั้นคุณจะพบกล่องเครื่องมือ
‫ฉันจะเปิดกล่องเครื่องมือ
‫อย่างที่คุณเห็นตอนนี้อยู่ที่นั่นและฉันต้องการลากในบล็อกข้อความ
‫และเราเป็น
‫นั่นคือบล็อกข้อความของเรา
‫และคุณจะเห็นว่าคุณสามารถเปลี่ยนตำแหน่งได้
‫และตอนนี้ ถ้าเราลากมันขึ้นมาตรงนี้ เราจะเห็นว่าสิ่งต่าง ๆ เปลี่ยนไปที่นี่ในตารางเช่นกัน
‫ดังนั้น ถ้าฉันย้ายไปรอบๆ อย่างที่คุณเห็น ระยะขอบเปลี่ยนไป การตัดข้อความถูกตั้งค่าให้ตัด
‫จากนั้นข้อความจะจัดแนวในแนวตั้งไปทางด้านบนและไปทางซ้าย โดยจัดในแนวนอนไปทางซ้าย
‫อย่างที่คุณเห็น คุณสามารถลองเล่นกับค่าตรงนี้ และผมจะวางมันไว้ตรงกลางไม่มากก็น้อย
‫และสิ่งที่ทำได้ง่ายๆ คือเพิ่มระยะขอบเหล่านั้น
‫อย่างที่คุณเห็น หนึ่งใน 47 ไปทางด้านบน และ 225 ทางซ้าย
‫ตอนนี้ ถ้าฉันต้องการเปลี่ยนข้อความ ฉันสามารถเปลี่ยนข้อความที่นี่ หรือจะดับเบิลคลิกที่นี่แล้วเปลี่ยนข้อความที่นี่ก็ได้
‫ดังนั้นฉันจะพูดบางอย่างเช่น Hello World และถ้าฉันเข้าไปหรือถ้าฉันคลิกที่อื่น
‫อย่างที่คุณเห็นมีสิ่งนี้เข้ามาที่นี่
‫ดังนั้นฉันจะกำจัดสิ่งนั้นอีกครั้งและคลิกเพื่อตัดสินใจ
‫อย่างที่คุณเห็น มันใช้พื้นที่ที่ต้องการเท่านั้น
‫ดังนั้นจึงเป็นการครอบข้อความที่นี่ และเกี่ยวข้องกับจุดตัดข้อความนี้หรือการตัดข้อความเท่ากับ
‫ไม่เป็นไร.
‫ดังนั้นเราจะดูเป็นตัวอย่างและอื่นๆ
‫แต่ก่อนอื่น มาเริ่มแอปพลิเคชันนี้และรันโค้ดก่อน จากนั้นคุณจะเห็นว่าเรามีหน้าต่างหลักเล็กๆ
‫และจากนั้นเราก็เป็นหน้าต่างหลักและสวัสดีชาวโลก
‫อย่างที่คุณเห็น นี่เป็นเพียงข้อความง่ายๆ ที่กล่าวไว้ที่นี่ ซึ่งกำหนดไว้ในมุมมองของเรา
‫และคุณยังสามารถปรับสิ่งนั้นได้
‫อย่างที่คุณเห็นมันไม่ได้อยู่ตรงกลาง
‫มันอยู่ในตำแหน่งเดียวกันเสมอเพราะมีเพียงระยะขอบนี้ที่ด้านบนและด้านซ้ายซึ่งได้รับการแก้ไข
‫ไม่เป็นไร.
‫ตอนนี้หน้าต่างหลักเรียกว่าหน้าต่างหลักเนื่องจากชื่อที่มี
‫ดังนั้นตอนนี้จึงเป็นความท้าทายเล็กน้อยสำหรับคุณ
‫เปลี่ยนข้อความเป็นสวัสดีและชื่อของคุณแล้วเปลี่ยนชื่อเป็นผู้ชายคนแรกของฉัน
‫ไม่เป็นไร.
‫ฉันหวังว่าคุณจะลอง
‫มาทำกัน
‫มาเปลี่ยนข้อความกันเถอะ
‫และฉันจะทำมันในคุณสมบัติ text block dot text
‫และคนนี้จะเป็นสวัสดีเดนนิส
‫ในกรณีของฉัน
‫และตอนนี้ชื่อเรื่องควรจะคล้ายกับผู้ชายคนแรกของฉัน ส่วนติดต่อผู้ใช้แบบกราฟิกที่เหนอะหนะแรกของฉัน
‫เริ่มกันเลย และเราเป็นคนขี้เหนียวคนแรกของฉันและสวัสดีเดนนิส
‫ยอดเยี่ยม.
‫ตอนนี้ทุกอย่างถูกตั้งค่าให้ลากสิ่งต่างๆ เข้ามาที่นี่ เช่น ปุ่มและสิ่งที่ยอดเยี่ยมทั้งหมด
‫และเราจะได้เห็นวิธีสร้างสิ่งดีๆ ในวิดีโอหน้า
‫แล้วเจอกันนะ