Screens and non-navigational transi

Screens and non-navigational transitions

For transient UI, such as the login screen, you can use the Popup control to display content that partially covers the screen without implementing separate screens that would require full navigation. You can add the BackKeyPress event to your code and set e.Cancel to true while the pop-up window is visible to enable users to use the Back button to close the dialog box.

Multiple content views
For pages that display multiple sections of content, you can transition between different pieces of content without using navigation by simply rebinding the controls on your page to a new DataContext. Also, you can rebind by loading multiple instances of a UserControl inside the page, or using any other mechanism to display new content. You can choose how the user transitions forward and backward through the items. For instance, you can consider using the Previous and Next App bar buttons. However, we recommend that you avoid overusing the Back button for local transitions.

Saving state and tombstoning
You can save a local history of transitions that occur in a given page, so if an app is tombstoned, users can retrace their steps. For simple scenarios like previous or next browsing, all you need to do is save the page state in the current index. Doing this along with the use of the NavigationContext API should provide all the info you need to traverse the dataset when returning from a tombstoned state. For apps that have a more complex local transition history, such as free-form browsing of linked items, you may choose to store some of that history in page state, but you should put a reasonable limit on the items that you store. A key point is for the user to use the hardware Back button and return to the previous page instead of the previously viewed item.

The following table provides info about the common parts of an app that are considered to be pages.

ผลลัพธ์ (ไทย) 1:

หน้าจอและเปลี่ยนภาพไม่ใช่เพื่อนำทางสำหรับ UI ชั่วคราว เช่นหน้าจอเข้าสู่ระบบ คุณสามารถใช้ตัวควบคุมผุดขึ้นเพื่อแสดงเนื้อหาที่ครอบคลุมหน้าจอบางส่วนไม่ มีการใช้หน้าจอแยกต่างหากที่จะต้องนำทางเต็มรูปแบบ คุณสามารถเพิ่มเหตุการณ์ BackKeyPress รหัสของคุณ และตั้งค่า e.Cancel เป็น true ในขณะที่หน้าต่างแบบผุดขึ้นจะปรากฏให้ผู้ใช้สามารถใช้ปุ่มย้อนกลับเพื่อปิดกล่องโต้ตอบหลายมุมมองเนื้อหาสำหรับหน้าเว็บที่แสดงเนื้อหาหลายส่วน คุณสามารถถ่ายโอนระหว่างส่วนต่าง ๆ ของเนื้อหาโดยไม่ต้องใช้นำทางโดยเพียง rebinding ตัวควบคุมบนเพจของคุณเพื่อนี้ DataContext ใหม่ นอกจากนี้ คุณสามารถ rebind โหลดอินสแตนซ์จำนวนมากของ UserControl ในหน้า หรือใช้กลไกอื่น ๆ ในการแสดงเนื้อหาใหม่ คุณสามารถเลือกวิธีผู้ใช้เปลี่ยนแปลงไปข้างหน้า และย้อนกลับผ่านรายการต่าง ๆ ตัวอย่างเช่น คุณสามารถลองใช้ปุ่มบาร์ก่อนหน้าและถัดไปป อย่างไรก็ตาม เราแนะนำให้ คุณหลีกเลี่ยง overusing ปุ่มย้อนกลับสำหรับการเปลี่ยนเครื่องบันทึกสถานะและ tombstoningคุณสามารถบันทึกประวัติศาสตร์ท้องถิ่นของการเปลี่ยนที่เกิดขึ้นในหน้ากำหนด ดังนั้นถ้า app จะ tombstoned ผู้ใช้สามารถย้อนกลับขั้นตอนของพวกเขา สำหรับสถานการณ์อย่างง่ายเช่นการเรียกดูก่อนหน้า หรือถัดไป คุณต้องทำคือบันทึกสถานะหน้าในดัชนีปัจจุบัน ทำเช่นนี้พร้อมกับการใช้งาน API อะไรควรให้ข้อมูลทั้งหมดที่คุณต้องการดำเนินการชุดข้อมูลเมื่อกลับจากสถานะ tombstoned สำหรับแอปที่มีประวัติท้องถิ่นเปลี่ยนซับซ้อน เช่นการเรียกดูแบบฟรีฟอร์มของรายการเชื่อมโยง คุณอาจเลือกที่จะเก็บบางอย่างของประวัติศาสตร์นั้นในสถานะหน้า แต่คุณควรกำหนดขีดจำกัดสมเหตุสมผลของรายการที่คุณจัดเก็บ มีจุดสำคัญสำหรับผู้ใช้สามารถใช้ปุ่มฮาร์ดแวร์ และกลับไปยังหน้าก่อนหน้านี้แทนสินค้าที่แสดงก่อนหน้านี้ตารางต่อไปนี้แสดงข้อมูลเกี่ยวกับส่วนประกอบทั่วไปของโปรแกรมประยุกต์ที่ถือว่าเป็น หน้าที่

ผลลัพธ์ (ไทย) 2:

หน้าจอและการเปลี่ยนที่ไม่ใช่การเดินเรือสำหรับ UI ชั่วคราวเช่นหน้าจอเข้าสู่ระบบที่คุณสามารถใช้การควบคุมป๊อปอัพที่จะแสดงเนื้อหาที่ครอบคลุมบางส่วนหน้าจอโดยไม่ดำเนินการหน้าจอที่แยกต่างหากที่จะต้องมีระบบนำทางแบบเต็มรูปแบบ คุณสามารถเพิ่มเหตุการณ์ BackKeyPress รหัสของคุณและตั้ง e.Cancel ให้เป็นจริงในขณะที่หน้าต่างป๊อปอัพจะมองเห็นได้เพื่อให้ผู้ใช้สามารถใช้ปุ่มย้อนกลับเพื่อปิดกล่องโต้ตอบ. มุมมองเนื้อหาหลายสำหรับหน้าเว็บที่แสดงหลายส่วนของเนื้อหา คุณสามารถเปลี่ยนระหว่างชิ้นส่วนต่างๆของเนื้อหาโดยไม่ต้องใช้นำทางโดยเพียงแค่ rebinding ควบคุมในหน้าของคุณไปยัง DataContext ใหม่ นอกจากนี้คุณสามารถ rebind โดยการโหลดหลายกรณีของ UserControl ภายในหน้าเว็บหรือใช้กลไกอื่น ๆ ในการแสดงเนื้อหาใหม่ คุณสามารถเลือกวิธีการใช้การเปลี่ยนไปข้างหน้าและย้อนกลับผ่านรายการ ตัวอย่างเช่นคุณสามารถพิจารณาใช้ก่อนหน้านี้และต่อไป App แถบปุ่ม อย่างไรก็ตามเราขอแนะนำให้คุณหลีกเลี่ยงมากเกินไปปุ่มย้อนกลับไปสำหรับการเปลี่ยนท้องถิ่น. รัฐประหยัดและ tombstoning คุณสามารถบันทึกประวัติศาสตร์ท้องถิ่นของการเปลี่ยนที่เกิดขึ้นในหน้าเว็บที่ระบุดังนั้นหากแอป tombstoned ผู้ใช้สามารถหวนกลับขั้นตอนของพวกเขา สำหรับสถานการณ์ง่ายๆเช่นการท่องก่อนหน้าหรือถัดทั้งหมดที่คุณต้องทำคือการบันทึกสถานะหน้าในดัชนีปัจจุบัน การทำเช่นนี้มาพร้อมกับการใช้งานของ NavigationContext API ควรให้ข้อมูลทั้งหมดที่คุณต้องการในการสำรวจชุดเมื่อกลับมาจากรัฐ tombstoned ปพลิเคชันที่มีความซับซ้อนมากขึ้นการเปลี่ยนแปลงประวัติศาสตร์ท้องถิ่นเช่นการเรียกดูแบบฟรีฟอร์มของรายการที่เชื่อมโยงคุณอาจเลือกที่จะเก็บบางส่วนของประวัติศาสตร์ที่อยู่ในสภาพหน้า แต่คุณควรใส่วงเงินที่เหมาะสมเกี่ยวกับรายการที่คุณเก็บ จุดสำคัญคือผู้ใช้สามารถใช้ฮาร์ดแวร์ปุ่มย้อนกลับและกลับไปที่หน้าก่อนหน้านี้แทนที่จะเป็นรายการที่ดูได้ก่อนหน้านี้. ตารางต่อไปนี้ให้ข้อมูลที่เกี่ยวกับชิ้นส่วนที่พบบ่อยของ app ที่จะถือว่าเป็นหน้า

ผลลัพธ์ (ไทย) 3:

หน้าจอและที่ไม่ใช่การเปลี่ยนการเดินเรือสำหรับชั่วคราว UI เช่นหน้าจอการเข้าสู่ระบบ คุณสามารถใช้ควบคุมป๊อปอัพเพื่อแสดงเนื้อหาที่บางส่วนครอบคลุมหน้าจอโดยไม่ต้องใช้หน้าจอแยกต้องเต็มทาง คุณสามารถเพิ่มเหตุการณ์ backkeypress รหัสของคุณและการตั้งค่า เช่น ยกเลิกจริงในขณะที่หน้าต่างป๊อปอัพจะปรากฏเพื่อให้ผู้ใช้สามารถใช้ปุ่ม ย้อนกลับ เพื่อปิดกล่องโต้ตอบมุมมองที่เนื้อหาหลาย ๆสำหรับหน้าเว็บที่แสดง หลาย ส่วน ของ เนื้อหา คุณสามารถเปลี่ยนระหว่างชิ้นส่วนที่แตกต่างกันของเนื้อหาโดยไม่ต้องใช้นำทางโดยเพียงแค่ rebinding การควบคุมบนหน้าเว็บของคุณไปยัง DataContext ใหม่ นอกจากนี้คุณยังสามารถ rebind โดยโหลดหลายอินสแตนซ์ของ usercontrol ภายในหน้าหรือการใช้กลไกอื่น ๆเพื่อแสดงเนื้อหาใหม่ คุณสามารถเลือกวิธีการที่ผู้ใช้เปลี่ยนไปข้างหน้าและย้อนกลับผ่านทางรายการ ตัวอย่างเช่น คุณสามารถพิจารณาการใช้ก่อนหน้านี้และปุ่ม App แถบถัดไป แต่เราขอแนะนำให้คุณหลีกเลี่ยง overusing ปุ่มย้อนกลับเพื่อเปลี่ยนประเทศรัฐและ tombstoning ประหยัดคุณสามารถบันทึกประวัติศาสตร์ท้องถิ่นของการเปลี่ยนแปลงที่เกิดขึ้นในหน้าเว็บที่ระบุ ดังนั้นถ้า app จะ tombstoned ผู้ใช้สามารถย้อนขั้นตอนของพวกเขา สำหรับสถานการณ์ที่เรียบง่ายเหมือนก่อนหน้าหรือถัดไปเรียกดู , ทั้งหมดที่คุณต้องทำคือการบันทึกหน้ารัฐในดัชนีปัจจุบัน ทำนี้พร้อมใช้ของ navigationcontext API ควรให้ทุกข้อมูลที่คุณต้องท่องข้อมูลเมื่อกลับมาจากรัฐ tombstoned . สำหรับปพลิเคชันที่มีประวัติศาสตร์การเปลี่ยนแปลงภายในที่ซับซ้อนมากขึ้น เช่น การเรียกดูฟรีรายการเชื่อมโยง คุณอาจเลือกที่จะเก็บบางส่วนของประวัติศาสตร์ในรัฐหน้า แต่คุณควรกำหนดขอบเขตที่เหมาะสมในรายการที่คุณเก็บ จุดที่สำคัญคือ ผู้ใช้สามารถใช้ปุ่มฮาร์ดแวร์กลับมาและกลับไปที่หน้าก่อนหน้านี้แทนที่จะเคยดูรายการตารางต่อไปนี้แสดงข้อมูลเกี่ยวกับชิ้นส่วนที่พบโดยทั่วไปของ app ที่ถือว่าเป็นหน้า