‫ยินดีต้อนรับกลับ.
‫ในวิดีโอนี้ เราจะดูกล่องข้อความและกล่องรหัสผ่านร่วมกัน
‫ดังนั้นเราจะสร้างหน้าจอเข้าสู่ระบบเล็ก ๆ ที่นี่
‫ไปข้างหน้าและทำอย่างนั้น
‫ก่อนอื่น ฉันจะทำให้ XAML ใหญ่ขึ้นเล็กน้อย และฉันไม่ต้องการใช้กริดที่นี่
‫ฉันแค่จะใช้แผงสแต็กแทน ซึ่งช่วยให้ฉันสามารถสแต็คการควบคุมที่ด้านบนของกันและกัน
‫ฉันจะเริ่มต้นด้วยป้ายกำกับ ดังนั้นผู้ใช้ควรรู้ว่าควรป้อนข้อมูลประเภทใด
‫ฉันจะเริ่มต้นด้วยชื่อผู้ใช้
‫จากนั้นด้านล่างฉันต้องการกล่องข้อความ
‫ดังนั้นฉันจะเพิ่มกล่องข้อความและกล่องข้อความนั้นควรมีชื่อผู้ใช้ของกล่องข้อความ
‫ดังนั้นชื่อผู้ใช้ TB
‫ตอนนี้ก็แค่กล่องข้อความ
‫และอย่างที่คุณเห็น มันอยู่ใกล้ขอบเกินไป
‫ดังนั้นฉันจึงต้องการเพิ่มระยะขอบเล็กน้อยให้กับแผง STACK ของฉัน และฉันจะเพิ่มเป็นสิบพิกเซล
‫ดังนั้นตอนนี้ก็มีระยะขอบไปทุกทิศทางอย่างที่คุณเห็น
‫ไม่เป็นไร.
‫นั่นคือกล่องข้อความของเรา
‫ตอนนี้ ฉันต้องการมีป้ายกำกับอื่นสำหรับรหัสผ่านของฉัน
‫ดังนั้นฉันจะสร้างรหัสผ่านเป็นเนื้อหา
‫และด้านล่างนั้น ฉันจะสร้างกล่องรหัสผ่าน เท่านี้ก็เรียบร้อย
‫เรามีกล่องรหัสผ่านเล็ก ๆ ของเราและให้ฉันเพิ่มปุ่มด้านล่างด้วยเช่นกัน
‫ฉันจะสร้างปุ่มใหม่ ซึ่งมีระยะขอบเท่ากับ สมมุติว่าห้าปุ่ม แล้วเราก็มีเนื้อหาในการเข้าสู่ระบบ
‫ดังนั้นข้อความควรเข้าสู่ระบบบนปุ่มนั้นและให้เพิ่มเหตุการณ์การคลิกเข้าไป
‫คลิก คลิก แล้วฉันจะสร้างตัวจัดการเหตุการณ์ใหม่
‫นั่นคือปุ่มของเรา
‫อย่างที่คุณเห็น เรามีปุ่มเล็กๆ นี้พร้อมระยะขอบนี้
‫ความกว้างไม่เท่ากันทุกประการกับฟิลด์ข้อความเหล่านั้น
‫และใช่ เราสามารถเปลี่ยนแปลงสิ่งนั้นได้ตามต้องการ แต่นั่นจะดีสำหรับตอนนี้
‫และตอนนี้กล่องรหัสผ่านเป็นสิ่งที่ฉันต้องการดำเนินการในภายหลังและเปลี่ยนแปลงเล็กน้อย
‫ก่อนอื่นฉันจะเพิ่มกล่องข้อความใหม่ที่นี่
‫ดังนั้นมันก็แค่พูดว่ายินดีต้อนรับ แล้วก็ชื่อผู้ใช้
‫ดังนั้นชื่อผู้ใช้ TB ข้อความจุด
‫ดังนั้นจึงควรต้อนรับผู้ที่พยายามเข้าสู่ระบบ
‫และนั่นคือทุกอย่างที่ปุ่มนี้จะทำในตัวอย่างนี้
‫ตอนนี้เราอยู่และฉันจะเพิ่มชื่อผู้ใช้ของฉันที่นี่หรือป้อน มันจะเป็นเดนนิสและรหัสผ่านจะเป็นรหัสผ่าน
‫และอย่างที่คุณเห็น รหัสผ่านถูกซ่อนไว้เนื่องจากเป็นกล่องรหัสผ่าน และไม่ต้องการแสดงข้อมูลใดๆ
‫แก่คุณ
‫นั่นคือสิ่งที่ฉันต้องการให้เกิดขึ้น
‫ดังนั้นฉันจะกดเข้าสู่ระบบและมันบอกว่า ยินดีต้อนรับ เดนนิส
‫ดังนั้น แทนที่จะเข้าสู่ระบบฉัน อาจส่งฉันไปยังหน้าต่างอื่นและหรือหน้าจออื่นที่ฉันเห็นข้อมูลที่เกี่ยวข้องทั้งหมดที่จำเป็น
‫แล้วถ้าฉันไม่อยากให้จุดเหล่านี้อยู่ที่นี่ล่ะ
‫ฉันต้องการสมมติว่าเข้าถึงแทน
‫จากนั้น ฉันสามารถเข้าไปในกล่องรหัสผ่านของฉัน และเปลี่ยนการตั้งค่าของมัน เพื่อที่ฉันจะได้เปลี่ยน
‫ตัวอย่างเช่น อักขระรหัสผ่าน ซึ่งจะเป็นอักขระของรหัสผ่าน
‫และฉันสามารถเปลี่ยนมันได้ ตัวอย่างเช่น ดาวดวงเล็กๆ นี้
‫ให้ฉันเรียกใช้อีกครั้ง
‫และคุณจะเห็นว่าถ้าใส่อะไรลงไปตอนนี้ก็เป็นดาวแทน
‫ดังนั้นคุณสามารถดำเนินการบางอย่างเช่น H.
‫ดังนั้นแทนที่จะมีวงกลมหรือดาว คุณจะมี H ซึ่งซ่อนรหัสผ่าน
‫ตอนนี้อาจมีคนคิดว่าฉันมี H เป็นรหัสผ่านมากมาย ที่รัก
‫เอาล่ะ นั่นคือสิ่งที่คุณสามารถเล่นด้วยได้
‫และยังมีคุณสมบัติอื่นๆ อีกมากมายที่คุณสามารถตรวจสอบกล่องรหัสผ่านได้
‫เอาล่ะ ฉันจะกลับไปหาดาวของฉัน
‫และสิ่งที่ฉันต้องการเพิ่มคือความยาวสูงสุด
‫คุณจะเห็นว่ามีสิ่งที่เรียกว่าความยาวสูงสุด ซึ่งเป็นคุณสมบัติ
‫และที่นี่ฉันสามารถระบุได้ว่ารหัสผ่านจะต้องสูงสุดนานแค่ไหน
‫ดังนั้นไม่ควรยาวเกิน สมมุติว่าแปดตัวอักษร เพราะฉันแค่อยากจะมีกล่องล็อกอินที่เรียบง่ายนี้
‫และบางคนก็ผิดหวังมากกับกล่องประเภทนั้นที่คุณมีได้เพียงแปดอักขระเท่านั้น เพราะรหัสผ่านบางอันก็ยาวกว่านั้น
‫แล้วผู้คนก็ต้องนึกถึงรหัสผ่านใหม่
‫ดังนั้นเมื่อใดก็ตามที่คุณใช้บางสิ่งบางอย่างที่ต้องระวังอย่างมากกับสิ่งนั้น
‫ดังนั้นในความยาวสูงสุด บางทีประมาณ 25 หรือ 20 ก็น่าจะดี
‫แต่แปด สมมติว่าฉันมีแปดแล้วฉันต้องการเพิ่มอักขระอีกตัวหนึ่งลงในรหัสผ่านของฉัน
‫มันเป็นไปไม่ได้.
‫ดังนั้นคุณจึงสามารถเห็นอักขระแปดตัว ไม่มีอะไรมากไปกว่านั้น
‫คุณจึงสามารถจำกัดการใช้งานได้ทันทีโดยไม่ต้องแจ้งให้ผู้ใช้ทราบในภายหลัง
‫เฮ้ รหัสผ่านนี้ยาวเกินไปเพราะคุณสามารถป้อนได้เฉพาะจำนวนอักขระเท่านั้น
‫ตกลง นั่นคือวิธีที่คุณสามารถใช้กล่องรหัสผ่านใน UI ของคุณ