‫ยินดีต้อนรับกลับ.
‫ในวิดีโอนี้ ฉันอยากจะคุยกับคุณเกี่ยวกับอินเทอร์เฟซผู้ใช้ของ Visual Studio
‫และฉันไม่ได้พูดถึงเรื่องนั้นในวิดีโอที่แล้ว
‫ฉันเพิ่งเริ่มทันทีด้วยรหัส
‫แต่ในวิดีโอนี้ เราจะพิจารณาอินเทอร์เฟซผู้ใช้เล็กน้อย
‫สิ่งที่เรามีที่นี่คือโปรแกรมที่เติบโตขึ้นตามกาลเวลาและค่อนข้างกว้างขวาง
‫มีคุณสมบัติเจ๋ง ๆ มากมายที่มี แต่ส่วนใหญ่ไม่ต้องการ
‫ไม่ต้องกังวลหากคุณไม่เข้าใจทุกปุ่มที่เกิดขึ้นที่นี่หรือที่วาดลงบนหน้าจอของเราที่นี่
‫ดังนั้นสิ่งที่สำคัญสำหรับเรามีดังนี้
‫อย่างแรกเลย โค้ดของเรา นี่เป็นส่วนที่สำคัญที่สุดของโปรแกรมทั้งหมดของเรา
‫และที่นี่เราเขียนมัน โค้ดทั้งหมด
‫แล้วสิ่งที่สำคัญเช่นกันคือตัวสำรวจโซลูชัน
‫ดังนั้นในที่นี้ คุณจะพบไฟล์ทั้งหมดที่คุณมีเมื่อคุณมีหลายไฟล์
‫ตัวอย่างเช่น หลายคลาส ซึ่งเราจะทำในภายหลังในหลักสูตร จึงมีประโยชน์มากที่จะข้ามไปมาระหว่างคลาสต่างๆ
‫เหล่านั้น และดูทุกอย่างที่เกิดขึ้นในโซลูชันของเรา
‫Explorer ตอนนี้ สิ่งที่คุณสามารถทำได้คือคุณสามารถเปิดโครงการทั้งหมดของคุณ เพื่อให้คุณเห็นว่าโซลูชันทั้งหมดนี้เรียกว่า
‫Hello World และโครงการนี้เรียกว่า Whole World
‫แต่แล้วเนมสเปซของเรา นี่คือเนมสเปซที่เรียกว่า Hello World เช่นกัน
‫และในนั้นเรามีโปรแกรมที่ CSS
‫ที่นี่ คุณจะเห็นว่ามีคุณสมบัติ ข้อมูลอ้างอิง หลายอย่างที่เรายังไม่จำเป็นต้องเข้าใจ
‫แต่สิ่งที่มีประโยชน์คือคุณสามารถเปิดโปรแกรม CSS ของคุณ จากนั้นคลิกเข้าไปที่นั่น
‫ดังนั้นในไฟล์นี้เรียกว่าโปรแกรมที่ CSS คุณจะเห็นว่ามีบางอย่างที่เรียกว่าโปรแกรมและนั่นคือโปรแกรมคลาสนี้
‫แล้วคุณมีวิธีนี้เรียกว่า Main และตอนนี้เรามีวิธีเดียวเท่านั้น
‫มันง่ายมาก
‫โค้ดของเราอ่านและเข้าใจได้ง่าย แต่เมื่อเรามีไฟล์ที่มีโค้ดหลายร้อยบรรทัดแล้ว จะเป็นการง่ายที่จะข้ามไปมาระหว่างวิธีการต่างๆ
‫ในที่นี่ผ่าน Solution Explorer
‫เอาล่ะ นั่นเป็นเพียงตัวอย่างว่าคุณจะทำอะไรกับโซลูชัน Explorer ได้บ้าง
‫ในเวลาเดียวกัน เมื่อคุณคลิกที่ฟิลด์ใดฟิลด์หนึ่งที่นี่ คุณจะเห็นว่าคุณสมบัติปรากฏขึ้นและเปลี่ยนลักษณะที่ปรากฏ
‫ดังนั้นสิ่งต่าง ๆ จึงเต็มไปด้วยข้อมูล
‫ตัวอย่างเช่น หน้าต่างคุณสมบัตินี้จะแสดงรายละเอียดเพิ่มเติม
‫เมื่อเราคลิกที่โปรแกรมที่เห็น เช่น ชื่อเต็ม เส้นทางแบบเต็ม และอื่นๆ จากนั้นเราจะได้ผลลัพธ์ที่ด้านล่างซึ่งเราจะเห็นผลลัพธ์
‫เช่น เกี่ยวกับตำแหน่งที่สร้างไฟล์ของเรา
‫ตัวอย่างเช่น ไฟล์นี้ถูกสร้างขึ้นในโฟลเดอร์นั้น ๆ ดังนั้นเราจึงสามารถคัดลอกไฟล์นั้นและเปิดขึ้นมาใน
‫file explorer ของเราเพื่อเปิดไดเร็กทอรีไฟล์ helloworld x นี้
‫นอกจากนั้น คุณจะสามารถเข้าถึงสิ่งนี้ได้ในอนาคต ดังนั้นคุณสามารถเขียนบางสิ่งลงในผลลัพธ์นี้ได้
‫ตัวอย่างเช่น ครั้งหนึ่งโค้ดของคุณได้ทำบางอย่าง เช่น เกิดข้อผิดพลาดขึ้น
‫แล้วคุณจะเข้าใจมากขึ้นว่าข้อผิดพลาดนั้นเกี่ยวกับอะไรและจะแก้ไขอย่างไรและอื่นๆ
‫ในตอนนี้ คุณสามารถเปลี่ยนอินเทอร์เฟซได้ และนั่นคือสิ่งที่คุณสามารถทำได้ตามต้องการ
‫ตัวอย่างเช่น คุณสามารถลากตัวสำรวจโซลูชันให้อยู่ภายในหน้าต่างนี้ เพื่อที่คุณจะได้ลากไปทางด้านขวามือที่นี่
‫ดังนั้นมันจะอยู่ใกล้คุณมากขึ้นและคุณจะมีคุณสมบัติบนหน้าจอทั้งหมดที่นั่น
‫แน่นอน คุณสามารถย้อนกลับได้โดยการลากเข้าไป
‫คุณจะเห็นว่ามีหลายตัวเลือกในการวางตำแหน่งสิ่งต่างๆ ให้ชิดกัน ซ้อนทับกัน
‫และอื่นๆ และหน้าต่างที่เรามีอยู่ที่นี่
‫ดังนั้นโซลูชัน Explorer Properties Output และไฟล์ dot CSS ของโปรแกรมจึงไม่ใช่ไฟล์เดียว
‫มีหน้าต่างอีกมากมายที่พร้อมใช้งาน และคุณสามารถค้นหาได้ภายใต้มุมมอง และมีทั้งหมดอยู่ที่นี่
‫และหน้าต่างอื่น ๆ มีมากกว่านั้น
‫เราจะใช้บางส่วนของพวกเขาในอนาคต
‫ดังนั้นตลอดหลักสูตร
‫แต่สำหรับตอนนี้ก็ดีที่รู้ว่าพวกเขาอยู่ที่นั่น
‫ตัวอย่างเช่น เมื่อคุณบังเอิญปิด Explorer โซลูชันและตัวสำรวจของทีมโดยไม่ได้ตั้งใจ
‫และตอนนี้คุณต้องการเอามันกลับมา คุณสามารถไปดูแล้วกด Solution Explorer แล้วระบบจะกลับมา
‫นอกเหนือจากนั้น หากคุณไปที่หน้าต่างแล้วรีเซ็ตเค้าโครงหน้าต่าง มันจะให้โซลูชัน Explorer กลับมาด้วย
‫และเราจะไปที่เค้าโครงเริ่มต้นที่เรามี
‫อย่างไรก็ตาม หากคุณเปลี่ยนเลย์เอาต์ และต้องการบันทึกเป็นเลย์เอาต์ใหม่ คุณสามารถบันทึกเลย์เอาต์ของหน้าต่างเป็น
‫ตัวอย่างเช่น เลย์เอาต์หน้าต่างใหม่ 1 หรือคุณจะเรียกมันว่าอย่างอื่นก็ได้
‫และคุณสามารถเปลี่ยนได้ตลอดเวลา
‫ลองกำจัดโซลูชัน Explorer และบันทึกเค้าโครงหน้าต่าง
‫และฉันจะปล่อยให้มันเป็นชื่อเริ่มต้น เค้าโครงใหม่
‫และตอนนี้ฉันสามารถรีเซ็ตเค้าโครงหน้าต่างได้
‫คุณสามารถเห็น Solution Explorer อยู่ที่นั่น แต่ถ้าฉันต้องการใช้เค้าโครงเฉพาะ
‫ตัวอย่างเช่น เลย์เอาต์ของฉันหรือเลย์เอาต์ใหม่ ฉันสามารถย้อนกลับไปที่เลย์เอาต์นั้นและมันจะยกเลิกเลย์เอาต์ปัจจุบัน
‫ขณะนี้คุณสามารถเห็นทีมสำรวจอยู่ที่นั่นแทนโซลูชัน Explorer
‫นี่เป็นเพียงตัวอย่างว่าคุณจะทำอะไรได้บ้าง
‫ไม่เป็นไร.
‫นั่นเป็นเพียงตัวอย่างของหน้าต่างต่างๆ
‫แน่นอนว่ามีตัวเลือกอื่น ๆ มากมายที่ด้านบนนี้ และอีกมากมายที่คุณสามารถทำได้
‫ตัวอย่างเช่น ภายใต้ไฟล์ คุณสามารถสร้างโปรเจ็กต์ใหม่ คุณสามารถสร้างไฟล์ใหม่ หรือคุณสามารถเปิดโปรเจ็กต์ล่าสุดหรือโปรเจ็กต์ทั้งหมดที่คุณมี
‫แน่นอน คุณยังมีหน้าเริ่มต้นที่นี่ด้วย
‫นั่นคือสิ่งที่เรามีในตอนเริ่มต้นเมื่อเราเปิด Visual Studio
‫ดังนั้นหากคุณต้องการเห็นสิ่งนั้น คุณสามารถเปิดมันจากที่นั่นได้
‫และที่นี่คุณจะเห็นโครงการล่าสุดของคุณ
‫คุณสามารถเปิดโครงการหรือสร้างโครงการใหม่ได้จากที่นี่โดยตรงเช่นกัน
‫จากนั้นคุณมีข่าวสำหรับนักพัฒนาซอฟต์แวร์ซึ่งมีประโยชน์มาก
‫ดังนั้น หากคุณต้องการทราบข้อมูลล่าสุดเกี่ยวกับ C-sharp และทุกสิ่งรอบตัว คุณสามารถค้นหาได้ที่นี่ หรือแม้แต่ Visual
‫Studio เป็นหลัก
‫ดังนั้น สิ่งต่างๆ เกี่ยวกับ Azure คุณจะพบสิ่งต่างๆ เกี่ยวกับ Visual Studio สำหรับ Mac ที่นี่ ตัวอย่างเช่น มีการแสดงตัวอย่างใหม่ที่กำลังจะมา
‫เป็นต้น
‫สิ่งต่างๆ มากมายที่คุณสามารถพบได้ที่นี่ และแน่นอนว่าคุณสามารถปิดหน้าต่างนั้นได้
‫อย่างไรก็ตาม หากคุณบังเอิญปิดโปรแกรมที่ระบุว่าคุณสามารถกลับไปที่ตัวสำรวจโซลูชันและดับเบิลคลิกโปรแกรมนั้นจะเปิดขึ้นอีกครั้ง
‫นอกจากนั้น เรามีแถบนี้ที่นี่ซึ่งมีปุ่มมากมาย และปุ่มที่เกี่ยวข้องกับเรา
‫เช่น โปรแกรม SAVE หรือปุ่มบันทึกทั้งหมด
‫แต่ฉันมักจะใช้ทางลัดที่นี่
‫และแน่นอนว่าปุ่มเริ่มต้นซึ่งเริ่มโปรแกรมของเราและรันโค้ดง่ายๆ
‫ดังนั้นถ้าเราทำอย่างนั้น คุณจะเห็นคอมไพล์โค้ดแล้วรันโปรแกรมของเรา
‫และอีกอย่าง เมื่อเราทำเช่นนั้น คุณจะเห็นว่าอินเทอร์เฟซของเราเปลี่ยนไปในทันใด
‫ที่ด้านล่างสุด เรามีหน้าต่างนี้เรียกว่าลูกศร
‫จากนั้นเราก็เรียกสแต็ค
‫ทางด้านขวามือ เราจะเห็นเครื่องมือวินิจฉัย
‫ดังนั้นโปรแกรมของเราต้องการหน่วยความจำสำหรับการประมวลผลเท่าใด พลังงาน CPU ที่ต้องใช้ และอื่นๆ
‫ไม่เป็นไร.
‫นั่นเป็นการแนะนำเล็กน้อยเกี่ยวกับส่วนต่อประสานผู้ใช้
‫ฉันแค่อยากจะนำมันออกไปที่นั่น
‫ดังนั้นคุณจะเห็นว่าการรู้ทุกอย่างรอบตัวไม่สำคัญจริง ๆ แต่แค่ใช้มันอย่างตั้งใจ
‫เมื่อคุณผ่านหลักสูตรนี้ คุณจะเห็นอินเทอร์เฟซผู้ใช้มากขึ้นเรื่อยๆ และแน่นอนว่าเราจะพูดถึงเรื่องนั้น
‫โอเค แล้วเจอกันใหม่ในวิดีโอหน้า