‫ยินดีต้อนรับกลับ.
‫ในวิดีโอนี้ เราจะเจาะลึกถึง zemo และคุณอาจต้องการยกตัวอย่างว่า zemo เป็นภาษา
‫XML ชนิดหนึ่ง ดังที่คุณเห็นด้านล่าง
‫และที่จริงฉันจะลากมันต่อไป
‫ตัวอย่างช่วยให้เราเขียน UI ของเราได้ ดังนั้นเราไม่ต้องลากองค์ประกอบทั้งหมดไปยัง UI ของเราก่อนแล้วจึงปรับเปลี่ยนในนั้น
‫เราสามารถทำได้ทั้งหมดนั้นในรหัส
‫ตอนนี้คุณอาจพูดว่า โอ้ ฉันเป็นคนมองโลกในแง่ดีมากกว่า
‫ฉันต้องการไปข้างหน้าและลากสิ่งต่าง ๆ เข้าไปและฉันก็โอเคกับมัน
‫คุณสามารถทำได้ แต่คุณต้องลากไปรอบๆ เท่านั้น
‫และด้วยตัวอย่าง คุณสามารถปรับเปลี่ยนได้มาก และคุณสามารถปรับเปลี่ยนได้ไม่เพียงแค่สิ่งเหล่านั้น เช่น การตัดคำนี้ที่คุณเห็นในวิดีโอที่แล้ว
‫คุณสามารถทำสิ่งต่างๆ ได้มากขึ้น และเราจะดูว่าการเชื่อมโยงข้อมูลคืออะไร คุณสมบัติคืออะไร คุณสมบัติการพึ่งพา
‫และอื่นๆ คือสิ่งที่คุณสามารถทำได้ด้วยตัวอย่าง ซึ่งช่วยให้เราสร้างส่วนต่อประสานผู้ใช้ที่ยอดเยี่ยมมากซึ่งสามารถบำรุงรักษาได้ง่าย
‫ดังนั้นสิ่งที่คุณเห็นคือหน้าต่างนี้ อย่างแรกเลย
‫โดยทั่วไปแล้วสิ่งที่คุณมีคือคุณมีแท็กเปิดและแท็กปิด
‫หากคุณรู้จัก HTML คุณก็อาจจะคุ้นเคยกับสิ่งนั้น
‫คุณมีเหล็กดัดเข้ามุมและปิดด้วย
‫น้อยกว่าเซ็นคำแล้วมากกว่าเครื่องหมาย
‫และคุณเห็นว่าเรามีสิ่งเดียวกันกับหน้าต่างและที่นี่เช่นกัน
‫จากนั้นปิดหนึ่งครั้ง คุณยังมีเครื่องหมายทับก่อนคำนั้นด้วย
‫ดังนั้นสิ่งนี้ก็เหมือนกันสำหรับกริด สำหรับหน้าต่างสำหรับอย่างอื่น
‫ตัวอย่างเช่น ถ้าฉันต้องการใช้ปุ่มใดปุ่มหนึ่ง ฉันก็สามารถทำได้
‫และถ้าฉันใช้เครื่องหมายมากกว่า มันจะสร้างแท็กปิดโดยอัตโนมัติ
‫ตอนนี้ สิ่งที่ฉันทำได้คือ ฉันสามารถทำการปรับเปลี่ยนทั้งหมดภายในแท็กเปิด อย่างที่คุณเห็นปุ่ม ฉันสามารถดำเนินการต่อได้
‫ตัวอย่างเช่น เพิ่มเนื้อหาเข้าไป
‫จึงมีคุณสมบัติที่แตกต่างกันมากมายอย่างที่คุณเห็น
‫และฉันแค่จะใช้คุณสมบัติเนื้อหา และฉันจะใช้บางอย่างเช่น Click Me
‫ตอนนี้มีปุ่มนี้อยู่ตรงกลางดังที่คุณเห็น และมันบอกว่า คลิกฉัน
‫แน่นอนว่าเราไม่มีความสูง ไม่มีความกว้าง
‫ยังไม่ได้กล่าวถึงคุณสมบัติทั้งหมดเหล่านั้น
‫แต่สมมุติว่าผมอยากให้ปุ่มนี้สูง 50 พิกเซล แล้วก็อยากให้กว้าง 100 พิกเซลอย่างที่คุณเห็น
‫นี่คือปุ่มที่ฉันสร้างขึ้น
‫แน่นอนฉันสามารถลากมันเข้าไปได้ แต่การทำตัวอย่างนั้นค่อนข้างมีประโยชน์
‫แล้วตอนนี้ล่ะ?
‫สิ่งที่ฉันยังไม่ได้สัมผัสมากเกินไป
‫และอันไหนไม่จำเป็นก็ต่อเมื่อในรายวิชานั้น
‫แต่โดยทั่วไป สิ่งที่คุณเห็นคือ X และ L และ S
‫ย่อมาจาก XML เนมสเปซ และ XAML ย่อมาจาก Extensible Application Markup Language
‫ขอผมเพิ่มมันเข้าไปตรงนี้
‫มาเพิ่มความคิดเห็นกัน
‫ฉันจะใช้ความคิดเห็นแบบนั้น
‫อย่างที่คุณเห็น ตอนนี้เป็นสีเขียว และนี่เป็นความคิดเห็นที่ค่อนข้างมาก
‫ดังนั้นฉันสามารถเขียนบางอย่างที่นี่ เช่น XAML เป็นภาษามาร์กอัปของแอปพลิเคชันที่ขยายได้
‫ไม่เป็นไร.
‫ตอนนี้ปุ่มดังที่คุณเห็นอยู่ที่นี่
‫และตอนนี้ มาทำสิ่งอื่นๆ เพิ่มเติมด้วยปุ่มกัน
‫มาสร้างปุ่มเพิ่มเติมกัน
‫โปรดไปข้างหน้าและสร้างปุ่มอื่น
‫ตกลง.
‫ฉันหวังว่าคุณจะลอง
‫เพียงใช้ชื่อปุ่มที่นี่หรือคำหลัก จากนั้นสร้างปุ่มเพิ่มเติม
‫ทีนี้ คุณอาจสงสัยว่า โอ้ -- มันวางตำแหน่งไม่ถูกต้อง
‫ดังนั้นฉันจึงมีปุ่มนี้และมีเนื้อหาด้วย
‫สวัสดี.
‫แล้วทำไมตอนนี้?
‫ปุ่ม click me ตอนนี้อยู่ที่ไหน
‫มันอยู่ในกริดและมันหายไปเพราะเรากำลังใช้กริด ดังนั้นปุ่มต่างๆ จะไม่ปรากฏทับกันและอื่นๆ
‫ดังนั้นถ้าคุณลองแล้ว คุณได้เห็นมันแล้วและเราจะตรวจสอบกริดในภายหลังเช่นกัน
‫แต่ฉันแค่อยากจะแสดงให้คุณเห็นในตอนนี้
‫ไม่เป็นไร.
‫มากำจัดปุ่มนั้นกันอีกครั้ง
‫ตอนนี้เรามีปุ่ม click me แล้วมาเริ่มใช้งานกันเลย เราจะได้เห็นว่ามันเป็นอย่างไรในชีวิตจริง
‫และสิ่งทั้งหมดนี้จะทำให้ชีวิตของเราสวยงามด้วยการคลิกบนมันได้อย่างไร
‫อย่างที่คุณเห็น ฉันสามารถวางเมาส์เหนือมันและมันเปลี่ยนสีได้ และฉันสามารถคลิกมันได้
‫และทำให้แอนิเมชั่นการคลิกเล็กๆ น้อยๆ นี้มันเท่านั้น
‫แต่ไม่มีอะไรเกิดขึ้นเมื่อคุณคลิก และมีหลายวิธีในการใช้ฟังก์ชันการคลิก และเราจะดำเนินการนั้นในภายหลัง
‫ไม่เป็นไร.
‫นั่นคือวิธีที่เราสามารถสร้างปุ่มได้ ตัวอย่างเช่น
‫ขณะนี้ มีองค์ประกอบเพิ่มเติมมากมายที่เราสามารถเข้าถึงได้ที่นี่หรือคุณสมบัติ
‫ตัวอย่างเช่น เราสามารถเข้าถึงคุณสมบัติขนาดฟอนต์ และเพิ่มขนาดฟอนต์เป็น 32 ได้
‫ตอนนี้ปุ่มไม่กว้างเท่าข้อความ มาปรับความกว้างกัน
‫เท่านี้ก็เรียบร้อยอีกครั้ง เราสามารถเห็นข้อความทั้งหมดของปุ่มได้
‫แต่เมื่อคุณลองเล่นกับขนาดฟอนต์และองค์ประกอบเหล่านั้น คุณต้องระมัดระวังว่ามันยังคงพอดี
‫ตอนนี้สิ่งที่คุณทำได้คือ คุณสามารถเพิ่มเนื้อหาในคุณสมบัติเนื้อหา แทนที่จะเพิ่มเนื้อหาในคุณสมบัติเนื้อหา
‫คุณสามารถเพิ่มลงในแท็กปุ่มได้
‫ในที่นี้ฉันจะพูดบางอย่างเช่น Click Meet และอย่างที่คุณเห็นก็อยู่ที่นั่น
‫นี่คือเนื้อหาระหว่างแท็กที่คุณมีเนื้อหาของคุณ
‫นั่นเป็นวิธีหนึ่งในการทำ
‫อีกวิธีหนึ่งคือเพียงแค่ใช้คุณสมบัติเนื้อหาที่นี่และกำหนดข้อความเช่นนี้ ตามที่เราเคยเห็นมาก่อน
‫ตอนนี้ไม่จำเป็นต้องใช้ปุ่มแท็กปิดนี้ หากคุณเพียงแค่ปิดปุ่มดังกล่าวทันทีเช่นนี้ คุณจึงสามารถปิดได้แบบสั้นลงเช่นนั้น
‫ดังนั้นคุณไม่จำเป็นต้องมีปุ่มแท็กปิด
‫และอีกวิธีในการออกแบบปุ่มมีดังต่อไปนี้
‫ดังนั้นถ้าคุณเห็นอะไรแบบนั้น ก็ไม่เป็นไรเช่นกัน
‫ดังนั้นคุณจึงสร้างปุ่ม แท็ก การปิดและการเปิด และที่นี่คุณมีปุ่มจุด จากนั้นคุณสามารถดำเนินการต่อและปรับคุณสมบัติต่างๆ
‫ทั้งหมดที่คุณต้องการได้
‫อย่างที่คุณเห็น มีคุณสมบัติต่างๆ มากมายที่เราสามารถเข้าถึงได้
‫เช่น ขนาดฟอนต์แบบนั้น
‫ดังนั้นฉันสามารถกำหนดขนาดแบบอักษรเป็น 72 เช่นนั้นได้
‫และคุณสมบัติปุ่มอีกอย่างที่ฉันต้องการปรับคือ สมมติว่า เนื้อหา
‫ดังนั้นฉันสามารถดำเนินการต่อและซ่อนเนื้อหาได้
‫ตอนนี้คุณเห็นว่ามีปุ่มขนาดใหญ่นี้ที่มีขนาดแบบอักษร 72 และมันบอกว่าสวัสดี
‫นั่นคือแนวทางที่สอง
‫และยังมีอย่างอื่นที่คุณสามารถทำได้
‫ลองปรับปุ่มนั้นให้ดียิ่งขึ้น
‫สมมติว่าเป็นเนื้อหา ฉันไม่ต้องการมีเพียงข้อความของ สวัสดี
‫อยากไปให้ไกลกว่านี้
‫ฉันต้องการเพิ่มแผงตัวแทน
‫ตอนนี้ สิ่งที่แผงตัวแทนทำคือทำซ้ำการควบคุมหรือองค์ประกอบทั้งหมดที่อยู่ติดกันโดยเริ่มจากซ้ายไปขวา
‫ดังนั้นองค์ประกอบแรกจะเป็น บล็อกข้อความ
‫และเราได้เห็นแล้วว่าบล็อกข้อความคืออะไร?
‫ข้อความธรรมดาและอันนี้จะบอกว่าหลาย
‫ตอนนี้ฉันต้องการบล็อกข้อความอื่นและบล็อกที่สาม
‫ทีนี้มันบอกว่าคูณสามครั้ง
‫แต่ตอนนี้ สิ่งที่ฉันทำได้คือสามารถปรับสีของทุก ๆ ด้านหรือทุกบล็อกข้อความได้
‫สมมุติว่าผมเปลี่ยนเป็นสีน้ำเงิน แล้วนี่มีพื้นหน้า
‫ดังนั้นพื้นหน้าจึงเป็นสีสำหรับสีพื้นหน้า และสีนี้จะเป็นสีแดง
‫และสุดท้าย บล็อกข้อความสุดท้ายของฉันจะมีพื้นหน้าเป็นสีขาว
‫และตอนนี้แทนที่จะเป็น multi, multi, multi มันบอกว่าปุ่มหลายสี
‫และตอนนี้บางทีเราต้องการปรับขนาดตัวอักษรเล็กน้อย
‫มาทำให้เล็กลงกันเถอะ
‫นอกจากนี้ ปุ่มแรก อย่างที่คุณเห็น มันถูกซ่อนไว้เนื่องจากตารางแสดงเฉพาะองค์ประกอบสุดท้ายเท่านั้น
‫หากไม่ได้กำหนดไว้ในโครงสร้างกริดที่ถูกต้อง ซึ่งเราจะเห็นในภายหลัง แต่ให้กำจัดปุ่มแรกที่เรามี
‫และตอนนี้เรามาตั้งค่าขนาดปุ่มกัน
‫ลองใช้ปุ่ม dot width ซึ่งก็คือ 200
‫และปุ่มความสูงนั้นซึ่งจะเป็น 100
‫และเช่นนั้น
‫ดังนั้นเราจึงมี
‫และขนาดตัวอักษรก็ใหญ่เกินกว่าจะใส่ทุกอย่างเข้าไปได้
‫ถ้าเราทำอย่างนั้นกับ 24 ตอนนี้มันอยู่ในนั้น
‫ดังนั้น ถ้าฉันรันโค้ด ฉันจะมีปุ่มหลากสีซึ่งมีบล็อกข้อความต่างๆ อยู่หลายบล็อก
‫และเราอยู่ที่นั่น
‫อย่างที่คุณเห็น มีหลายวิธีในการทำ
‫หากคุณต้องการรวมหลายแง่มุมเข้าด้วยกัน คุณสามารถใช้แผงตัวแทนนี้ได้
‫คุณยังสามารถใช้กริดภายในปุ่มและใช้แท็กกริดเพื่อสร้างการควบคุมที่แตกต่างกันภายในปุ่มของคุณ
‫แต่นั่นคือสิ่งที่เราจะกล่าวถึงในภายหลัง
‫สำหรับตอนนี้ สิ่งสำคัญคือคุณต้องเข้าใจ
‫ตัวอย่างนั้นช่วยให้คุณทำสิ่งแฟนซีมากมายโดยมีเป้าหมายโดยไม่ต้องลากและวาง และยังสามารถควบคุมรูปลักษณ์ของสิ่งต่าง
‫ๆ และสิ่งที่พวกเขาทำอย่างเต็มที่
‫ตอนนี้ สิ่งที่ฉันจะทำคือ ฉันจะแสดงความคิดเห็นนั้น และจะแสดงให้คุณเห็นถึงวิธีการทำแบบเดียวกับที่เราได้เห็นในโค้ดนี้
‫เพราะเราได้เห็นแล้วด้วยโค้ดตัวอย่าง แต่เราสามารถทำได้ในโค้ดด้านหลัง ซึ่งหมายความว่าใน
‫C sharp ซึ่งเราได้เรียนรู้มามากสำหรับทั้งชั้นเรียนจนถึงตอนนี้หรือสำหรับทั้งหลักสูตร
‫ไปที่โค้ดด้านหลังกัน
‫อย่างที่คุณเห็น มีไฟล์ตัวอย่าง dot ซึ่งเป็นไฟล์ที่เราเปิดไว้ที่นี่ หน้าต่างหลักที่
‫XML และไฟล์ตัวอย่างทุกไฟล์มีโค้ดอยู่ด้านหลังไฟล์ ซึ่งเป็นไฟล์ dot ตัวอย่าง dot CSS และไฟล์นี้เป็นไฟล์
‫C- ไฟล์ sharp ซึ่งหมายความว่าเรามีคลาส C บางส่วนที่นี่ ซึ่งตอนนี้เราสามารถใช้เพื่อปรับหรือสร้าง
‫UI ของเรา
‫และอย่างที่คุณเห็น เรียกว่าหน้าต่างหลัก และสืบทอดมาจากหน้าต่าง
‫และในที่นี้ เรามีวิธีการที่เรียกว่าหน้าต่างหลัก ซึ่งคล้ายกับวิธีการหลักในแอปพลิเคชันคอนโซลที่เราเคยเห็นมา
‫อันนี้เรียกว่าทันทีที่เปิดหน้าต่างหรือทันทีที่แอปพลิเคชันเริ่มทำงาน
‫และอย่างที่คุณเห็นที่นี่ มีส่วนประกอบเริ่มต้นที่เรียกว่าซึ่งเพียงแค่เริ่มต้นทุกอย่างอื่นที่จำเป็นสำหรับหน้าต่างของเราในการทำงาน
‫ตัวอย่างเช่น เริ่มต้นชื่อนี้ และเริ่มต้นขนาดและอื่นๆ
‫และตอนนี้เราก็สามารถเขียนโค้ดของเราเองได้ที่นี่
‫ดังนั้นผมจะแสดงให้คุณเห็นถึงวิธีการสร้างปุ่มก่อน
‫อย่างแรกเลย เราต้องการตารางที่เราสามารถกำหนดปุ่มนั้นได้
‫ผมจะเรียกมันว่ากริด ซึ่งเป็นกริดใหม่
‫จากนั้นฉันตั้งค่าเนื้อหาของสิ่งนี้ในตารางของฉันที่จะทำตามที่ฉันพูดง่ายๆคือหน้าต่างหลัก
‫ควรมีเนื้อหาบางส่วน ตามที่เราได้เห็นในไฟล์ตัวอย่าง
‫ดังนั้นหน้าต่างแท็กนี้ที่นี่จึงเปิดขึ้นและทุกสิ่งที่อยู่ระหว่างแท็กเปิดและแท็กปิดนั้นเป็นเนื้อหาทั้งหมดของฉันที่นี่
‫นี่คือเนื้อหาของหน้าต่างของฉัน
‫และสิ่งที่ฉันพูดที่นี่คือเนื้อหาดอทนี้ควรเป็นกริด
‫ดังนั้นเราจึงสร้างกริดใหม่ดังที่เราได้เห็นที่นี่
‫ดังนั้นเราจึงมีกริดที่นี่เช่นกัน ซึ่งเป็นแท็กเปิดและปิดของกริดที่นี่และเดี๋ยวนี้
‫ฉันตั้งมันเป็นเนื้อหาและตอนนี้ฉันสามารถเพิ่มสิ่งต่าง ๆ ลงในกริดนี้ได้
‫ตัวอย่างเช่น ฉันสามารถเพิ่มปุ่มลงในตารางได้
‫ก่อนอื่น มาสร้างปุ่มนั้นกันก่อน และฉันจะเรียกมันว่า BTN จะเป็นปุ่มใหม่
‫ตอนนี้ฉันมีปุ่มนั้นแล้ว และสามารถปรับคุณสมบัติของมันได้
‫สมมติว่าฉันต้องการกำหนดขนาดฟอนต์ของปุ่ม และฉันก็ทำได้
‫ผมบอกได้เลยว่ามันจะเป็นประมาณ 26
‫ในปุ่มของเรา ดังที่คุณเห็นที่นี่ เรามีแผงปิดซึ่งเป็นเนื้อหาของปุ่ม
‫สิ่งที่ผมจะทำคือจะสร้างแผงปิด
‫แผงห่อและฉันจะเรียกมันว่าแผงห่อจะเป็นแผงห่อใหม่
‫ตอนนี้ เราสามารถเพิ่มสิ่งต่าง ๆ ลงในแผงการห่อได้
‫เราเพิ่มแผงห่อให้กับปุ่ม และเราเพิ่มปุ่มค้างคาวลงในตาราง
‫และกริดก็เป็นส่วนหนึ่งของเนื้อหาของเราแล้ว
‫ตอนนี้ ไปข้างหน้าและสร้างทุกสิ่งที่เราต้องการเพิ่มไปยังแผงการห่อและเพิ่มเข้าไป
‫ดังนั้นเราจึงต้องการบล็อกข้อความก่อน
‫และบล็อกข้อความอย่างที่คุณเห็นที่นี่ ก็คือบล็อกนี้ที่นี่
‫ดังนั้นเราจึงสร้างบล็อคข้อความ 1 ถึง 3 บล็อก
‫อันแรกจะเป็น t t จะเป็นบล็อกข้อความใหม่ และฉันแค่บอกว่า t t dot text
‫มันจึงมีคุณสมบัติข้อความ ข้อความนี้ที่นี่ ซึ่งเป็นเนื้อหา
‫ดังนั้นสำหรับปุ่ม เนื้อหาจะเรียกว่าเนื้อหา และสำหรับบล็อกข้อความ ตัวข้อความเองจึงเรียกว่าข้อความ
‫ดังนั้นเราจึงเข้าถึงคุณสมบัติข้อความของบล็อกข้อความของเราและเราตั้งค่าให้เป็นหลาย ๆ จากนั้นเราจะตั้งค่าสี
‫ดังนั้นข้อความจุดพื้นหน้าจะเป็นแปรงคิดและฉันมีสีใดเป็นอันดับแรกสำหรับมัลติมันเป็นสีน้ำเงิน
‫เอาล่ะ ฉันจะทำสีฟ้าให้เป็นสีฟ้า และอย่างที่คุณเห็น พู่กันเขียนข้อความด้วยพู่กัน ดังนั้นสีของข้อความจึงเสร็จสิ้นด้วยคลาสแปรง
‫ฉันเลยต้องใช้พู่กันนี้เป็นคลาสแล้วจึงเข้าถึงสีของมัน
‫แปรงสีทึบดังนั้นแปรงชนิด
‫และต่อไปฉันจะเพิ่มสิ่งนั้นลงในแผงการห่อ
‫ตอนนี้ฉันมีข้อความแล้ว ฉันก็สามารถเพิ่มข้อความนั้นลงในแผงการห่อได้ และทำได้โดยการเข้าถึงตอนเป็นเด็กและเพิ่มข้อความของฉันเข้าไป
‫นั่นคือวิธีที่ฉันเพิ่มบล็อกข้อความหนึ่งบล็อก และถ้าเราจะเรียกใช้สิ่งนั้น เราจะไม่เห็นอะไรเลย เพราะเรายังไม่ได้เพิ่มแผงสีแดงให้กับปุ่ม
‫และไม่มีปุ่มในตาราง
‫แต่เราจะทำอย่างนั้นในวินาที
‫มาปรับข้อความหรือปรับสามส่วนนั้นจริง ๆ กันดีกว่า
‫สิ่งที่เราทำต่อไปคือ ปรับข้อความให้เป็นหลายสี และอันสุดท้ายคือปุ่ม และตอนนี้
‫เรามีสีแดง และเรามีสีขาว
‫ผมก็เลยคัดลอกและวางสามบรรทัดนั้นเพราะมันเหมือนกัน
‫ฉันไม่จำเป็นต้องสร้างบล็อกข้อความใหม่ทุกครั้งที่เพิ่มบล็อกเก่าแล้วปรับ
‫หรือปรับค่าของมัน
‫แล้วฉันก็เพิ่มมันเข้าไปในแผงผู้อ้างอิงอีกครั้ง
‫ตอนนี้ข้อความทั้งสามในแผงตัวแทนของฉัน และสิ่งที่ฉันทำได้ตอนนี้คือ ฉันสามารถเพิ่มแผงตัวแทนได้
‫ไปที่ปุ่มของฉัน
‫ดังนั้นปุ่มที่เนื้อหาจะเป็นแผงห่อของฉัน
‫และสุดท้าย กริด ดอท ดอท ดอท เพิ่ม
‫และที่นี่ฉันเพิ่มปุ่มของฉัน
‫นั่นคือสิ่งที่ฉันกำลังพูดถึง
‫เรามีกริด เรามีปุ่ม เรามีแผงปิด
‫และตอนนี้เราเพิ่มข้อความเหล่านั้นลงในแผงสีแดง
‫เราเพิ่มแผงสีแดงให้กับปุ่ม เพิ่มปุ่มลงในตาราง และเราเพิ่มตารางลงในหน้าต่าง
‫และอย่างที่คุณเห็น นี่คือวิธีที่คุณสามารถทำได้ด้วยโค้ด
‫และก่อนที่เราจะรันโค้ด สิ่งที่ฉันต้องทำคือแสดงความคิดเห็นกริดด้วย
‫ดังนั้นฉัน
‫จริงๆแล้วสามารถมีได้เฉพาะหน้าต่างเท่านั้น
‫ดังนั้นจึงมีเพียงหน้าต่างในหน้าต่างหลักของเรา
‫ไฟล์ XML และรหัสอื่น ๆ ทั้งหมดอยู่ในหน้าต่างหลักของเราสำหรับ zamalek ซึ่งเป็นรหัสที่อยู่เบื้องหลัง
‫ดังนั้นไฟล์นี้คือโค้ดที่อยู่ด้านหลัง XAML หน้าต่างหลักของเรา
‫ตอนนี้มีสิ่งหนึ่งที่ขาดหายไปก่อนที่เราจะทดสอบ นั่นคือฉันได้กำหนดบล็อกข้อความใหม่ให้กับข้อความของฉัน
‫ดังนั้นฉันจึงต้องทำอย่างนั้นกับข้อความทั้งสองของฉัน
‫ประเด็นก็คือ เราทำได้ดี เราสร้างข้อความที่นี่ และเราเริ่มต้นมันด้วยบล็อกข้อความใหม่ และตอนนี้
‫เราต้องสร้างบล็อกข้อความใหม่และกำหนดให้กับข้อความของเราก่อนที่เราจะสามารถเพิ่มบล็อกนั้นลงในแผงข้อความได้
‫ตอนนี้เรามีสิ่งนั้นแล้ว เราสามารถรันโค้ดได้
‫และเราจะเห็นว่าเรามีปุ่มหลากสีด้วย
‫และอย่างที่คุณเห็น เราทำสิ่งเดียวกันกับที่เราเคยทำกับ Zemo ซึ่งก็คือที่นี่
‫ซึ่งดูเรียบง่ายและเรียบร้อยเช่นกัน
‫เราทำด้วยโค้ด C-sharp แบบนั้น
‫ตอนนี้คุณสามารถไปในแบบที่คุณต้องการได้ แต่เราจะทำงานกับ zemo เป็นหลัก
‫ฉันแค่ต้องการแสดงให้คุณเห็นว่าคุณสามารถทำอะไรกับ XAML ได้ คุณสามารถทำได้ด้วยโค้ดด้านหลังเช่นกัน แต่บางครั้งก็เหมาะสมกว่ามากที่จะใช้โค้ดเบื้องหลัง
‫ตัวอย่างเช่น หากคุณต้องการปรับเปลี่ยนบางอย่างแบบไดนามิก โค้ดเบื้องหลังก็เหมาะสมกว่า
‫ดังนั้นการรันด้วย C sharp หรือการปรับด้วย C-sharp และ Zemo นั้นเหมาะสมกว่าเมื่อคุณมีส่วนต่อประสานผู้ใช้แบบคงที่
‫และอีกอย่าง เมื่อใดก็ตามที่คุณสร้างไฟล์ XAML อย่างที่เรามีที่นี่ สิ่งที่มันทำคือสร้างโค้ดนี้ไว้เบื้องหลังไฟล์
‫ดังนั้นจึงสร้างโค้ดนี้ขึ้นมาและรันทันทีที่แอปพลิเคชันเริ่มทำงาน
‫เมื่อหน้าต่างหลักของเราถูกเรียก
‫มันเลยทำต่อไป
‫และเราทำแบบนั้นด้วย XAML หรือเราทำด้วยตนเองโดยการสร้างโค้ด
‫ทีนี้คุณก็เถียงได้เลย มีบางอย่างเช่น ความกว้างและด้านที่คุณไม่ได้กำหนดไว้
‫ฉันทำได้อย่างง่ายดายที่นี่
‫ฉันสามารถพูดง่ายๆ ว่าปุ่มความกว้างนั้น และฉันสามารถตั้งค่านั้นเป็น 150 และปุ่มที่มีความสูงนั้นและตั้งค่าเป็น
‫100 เป็นต้น
‫จากนั้นปุ่มจะถูกปรับตามนั้น
‫และอย่างที่คุณเห็นตอนนี้ มันกระจายเป็นสองบรรทัด
‫ถูกต้องทั้งหมด
‫นั่นคือ Zemo และโค้ดด้านหลังพร้อมโค้ด
‫ฉันรู้ว่ามันเป็นวิดีโอที่ยาว แต่เราจะได้เห็นสิ่งที่ยอดเยี่ยมกว่านี้ใน WPF ในวิดีโอหน้า
‫แล้วเจอกันนะ