ภาพรวมบริบทการนำทาง PowerApps

ในบทช่วยสอนนี้ เราจะหารือเกี่ยวกับบริบทของการนำทาง PowerApps เราจะใช้ ฟังก์ชัน ย้อนกลับและนำทางเพื่อเปลี่ยนหน้าจอที่จะแสดงในแอปพลิเคชันของเรา

แอพส่วนใหญ่มีหลายหน้าจอ การจัดเตรียมการนำทาง PowerApps ที่เป็นมิตรกับผู้ใช้ช่วยให้ผู้ใช้สามารถนำทางผ่านหน้าจอแอปพลิเคชันเหล่านั้นได้อย่างมีประสิทธิภาพ

ในหน้าอ้างอิง ให้คลิกนำทางและดูว่ามันทำอะไร

ฟังก์ชันนำทางจะเปลี่ยนหน้าจอที่แสดงขึ้น เราจะมีตัวอย่างเพื่อทำความเข้าใจเพิ่มเติมว่าฟังก์ชันนี้ทำงานอย่างไร

สารบัญ

• การนำทาง PowerApps โดยใช้ฟังก์ชันการนำทาง
• การเพิ่มฟังก์ชันการแก้ไขสำหรับการนำทาง PowerApps
• ทำความเข้าใจเกี่ยวกับฟังก์ชันย้อนกลับในการนำทาง PowerApps
• บทสรุป

การนำทาง PowerApps โดยใช้ฟังก์ชันการนำทาง

ขั้นแรก ให้คลิกที่การ์ดข้อมูลใบแรก ( Beau Spratling )

ไปที่ ทริกเกอร์ OnSelectแล้วเราจะเห็นว่า มีการใช้ฟังก์ชัน นำทางเพื่อนำผู้ใช้ไปยังหน้าจอที่ระบุ ( DetailScreen1 ) ซึ่งหมายความว่าเมื่อคลิกที่การ์ดใบ นี้มันจะนำทางเราไปยังDetailScreen1

ในทางกลับกัน อาร์กิวเมนต์ที่สองมีไว้สำหรับประเภทการเปลี่ยนแปลงที่เราต้องการตั้งค่า ขณะนี้ตั้งค่าเป็นไม่มี

ในหน้าอ้างอิง เราจะเห็นการเปลี่ยนผ่านต่างๆ ที่เราสามารถเลือกได้และการสาธิตสำหรับแต่ละการเปลี่ยน

เราสามารถเปลี่ยนNavigate Transition ได้ง่ายๆ โดยคลิกที่การ์ดข้อมูลอีกครั้ง จากนั้นคลิกที่อาร์กิวเมนต์ที่สอง

หลังจากนั้นScreenTransition.Noneจะปรากฏขึ้น

ลบคำว่าไม่มีในตอนท้ายและตัวเลือกการเปลี่ยนต่างๆ จะปรากฏขึ้นด้านล่าง สำหรับตัวอย่างนี้ ลองใช้การเปลี่ยนแบบจาง ลองเล่นแอปพลิเคชันของคุณ แล้วคุณจะเห็นว่า การเปลี่ยน Fadeทำงาน อย่างไร

ตอนนี้ให้คลิกที่ลูกศรภายในการ์ดข้อมูลของเรา

เราจะเห็นว่าทริกเกอร์ยังเป็นOnSelectและกำลังเลือกองค์ประกอบหลัก

องค์ประกอบหลักของลูกศรนั้นหมายถึงการ์ดข้อมูลเอง กำลังใช้ ฟังก์ชัน นำทางที่เปลี่ยนเส้นทางผู้ใช้ไปยังDetailScreen1 เมื่���คลิกแล้วก็จะทำหน้าที่เหมือนกับเมื่อเราคลิกที่การ์ดข้อมูล

การเพิ่มฟังก์ชันการแก้ไขสำหรับการนำทาง PowerApps

ตอนนี้ มาลองเพิ่มสัญลักษณ์แก้ไขซึ่งจะนำเราไปยังหน้าแก้ไขโดยตรงจากการ์ดข้อมูลของเรา คลิกที่องค์ประกอบSeparator5ภายใต้BrowseGallery1

จากนั้นคลิกไอคอนและเลือกไอคอนแก้ไข

เนื่องจากเราได้เพิ่มไว้ในBrowseGallery1จึงจำลองตัวเองสำหรับการ์ดข้อมูลแต่ละใบภายในแกลเลอรี

จากนั้นให้ย้ายไอคอนข้างไอคอนลูกศรและปรับขนาดจนกว่าจะเล็กลงเล็กน้อย

ตามค่าเริ่มต้น ไอคอนแก้ไขนี้ยังใช้ ทริกเกอร์ OnSelectและ ฟังก์ชัน Selectจากองค์ประกอบหลัก ดังนั้น เมื่อคลิกที่นี่ มันจะนำเราไปยังหน้าจอรายละเอียดด้วย

มาเปลี่ยนกันโดยเปลี่ยนฟังก์ชั่นเป็นNavigate เปลี่ยนSelect(Parent)เป็นNavigate(EditScreen1)แทน

เราจะตั้งค่าอาร์กิวเมนต์ที่สองเป็นScreenTransition.UnCover อย่าลืมคั่นอาร์กิวเมนต์ทั้งสองด้วยเครื่องหมายจุลภาค ( , )

มาเล่นแอปพลิเคชันของเรากันเถอะ

หลังจากนั้นให้คลิกปุ่มแก้ไข

จากนั้น เราจะถูกนำไปยังหน้าจอแก้ไข

ทำความเข้าใจเกี่ยวกับฟังก์ชันย้อนกลับในการนำทาง PowerApps

บนEditScreen1 ของเรา ให้คลิก ปุ่ม Xข้างชื่อเรื่อง

ในตัวอย่างนี้ เราใช้ ฟังก์ชัน ResetForm () ร่วมกับ ฟังก์ชัน Back ()

เมื่อเรานำทางไปที่ใดที่หนึ่งMicrosoft PowerAppsจะจดจำหน้าจอล่าสุดที่เราเปิด เราสามารถนำทางไปยังหน้าจอสุดท้ายได้โดยใช้ฟังก์ชันBack()

ตัวอย่างเช่น เมื่อใช้ฟังก์ชันนี้บน ปุ่ม Xเราสามารถกลับไปที่หน้าจอหลักได้อย่างง่ายดาย หากเราเข้าถึงหน้าจอแก้ไขจากหน้าจอหลัก หากเราเข้าถึงหน้าจอแก้ไขจากหน้าจอรายละเอียด ปุ่ม Xจะนำเรากลับไปที่หน้าจอรายละเอียด

เรายังสามารถอ่านคำอธิบายโดยละเอียดเพิ่มเติมของ ฟังก์ชัน Back()ได้ในหน้าอ้างอิงสูตร

พื้นฐาน Power Apps: สภาพแวดล้อมการพัฒนาและการเรียกใช้แอปของคุณ
Power Apps: เริ่มต้นใช้งานด้วยเครื่องมือปฏิวัตินี้

บทสรุป

โดยสรุป เราสามารถเรียนรู้ความสำคัญและบริบทของการนำทาง PowerApps เรายังสามารถเข้าใจวิธี การทำงานของฟังก์ชัน BackและNavigateในแอปพลิเคชันของเรา เราสามารถระบุการเปลี่ยนภาพในสูตรเพื่อควบคุมการเปลี่ยนแปลงของหน้าจอหนึ่งไปยังอีกหน้าจอหนึ่ง

เพียงจำไว้ว่า สิ่งสำคัญเสมอคือการจัดเตรียมวิธีนำทางหน้าจอแอปพลิเคชันของคุณอย่างมีประสิทธิภาพให้กับผู้ใช้

สิ่งที่ดีที่สุด

เฮนรี่