การนำทางระหว่างหน้าจอ

Power Apps เบื้องต้น

Luise Freese

Azure & Power Platform Architect

จากหน้าจอเดียวสู่หลายหน้าจอ

 

• แอปจริงมีหลายหน้าจอ
• แต่ละหน้าจอมีคอนโทรลและเลย์เอาต์เป็นของตัวเอง
• Power Fx ย้ายผู้ใช้ไปมาระหว่างหน้าจอ

Navigate()

 

• Navigate(ScreenName) พาผู้ใช้ไปยังหน้าจอนั้น
• ใส่ไว้ใน OnSelect ของ Button หรือ Gallery
• ผู้ใช้จะไปถึงหน้าจอใหม่ทันที

Set() กับการส่งข้อมูลข้ามหน้าจอ

• Set(name, value) สร้างตัวแปรระดับแอป
• เชื่อม Set() กับ Navigate() ด้วยเซมิโคลอน
• หน้าจอรายละเอียดอ่าน selectedTicket.Title, .Priority หรือค่าใดก็ได้

Back()

 

• Back() พาผู้ใช้กลับไปยังหน้าจอก่อนหน้า
• ไม่ต้องมีอาร์กิวเมนต์ Power Apps จดจำได้เองว่ามาจากไหน
• เชื่อมกับไอคอนลูกศรย้อนกลับหรือปุ่มใดก็ได้

ขอบเขตของตัวแปร อยู่ตรงไหนดี?

 

• App.Formulas: ค่าคงที่ระดับแอป ใช้งานได้ตลอดเวลา
• App.OnStart: รันครั้งเดียวตอนเปิดแอป เป็นที่อยู่ของ ClearCollect
• Screen.OnVisible: รันทุกครั้งที่เปิดหน้าจอ
• Button OnSelect: รันเมื่อผู้ใช้ทำการกระทำ

 

ตั้งชื่อคอนโทรลแบบมืออาชีพ

$$

 

• ชื่อเริ่มต้น: Label1, Button2, Gallery1 อ่านไม่รู้เรื่อง
• ตั้งคำนำหน้าตามประเภท: lblTitle, btnSubmit, galTickets
• ช่วยได้มากเมื่อหน้าจอมีคอนโทรลมากกว่า 15 ชิ้น

สิ่งที่จะสร้าง

 

• เชื่อมโฟลว์ browse → detail
• แตะแถวเพื่อดูรายละเอียด
• ลูกศรย้อนกลับพากลับไปยัง gallery

มาฝึกกันเถอะ!

Power Apps เบื้องต้น