แบบฟอร์ม Power Apps Pop Up สำหรับประสบการณ์ผู้ใช้แบบโต้ตอบ

ในบทช่วยสอนนี้ ฉันจะแสดงวิธีสร้างแบบฟอร์มป็อปอัพ Power Apps และวิธีที่พวกเขาสามารถนำเสนอประสบการณ์ผู้ใช้ที่กำหนดเองและโต้ตอบได้มากขึ้น คุณสามารถดูวิดีโอทั้งหมดของบทช่วยสอนนี้ได้ที่ด้านล่างของบล็อกนี้

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

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

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

สารบัญ

• วิธีสร้างป๊อปอัพ Power Apps ของฟอร์ม
• บทสรุป

วิธีสร้างป๊อปอัพ Power Apps ของฟอร์ม

ข้ามไปที่ Power Apps Editor ในตัวอย่างนี้ ฉันกำลังสร้างแอปพลิเคชันการรายงานค่าใช้จ่ายสำหรับธุรกิจของฉัน ที่ด้านซ้ายมือของหน้าจอ ฉันมีแกลเลอรีของค่าใช้จ่ายทั้งหมดของฉัน ฉันสามารถคลิกที่ค่าใช้จ่ายและรับข้อมูลเพิ่มเติมเกี่ยวกับค่าใช้จ่ายนั้นทางด้านขวามือ

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

นอกจากนี้ ฉันสามารถคลิกแก้ไขและที่ด้านล่าง มีไอคอนถังขยะที่ช่วยให้ฉันสามารถลบบันทึกนี้ได้เช่นกัน

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

สิ่งแรกที่ฉันจะทำคือเพิ่มสี่เหลี่ยมผืนผ้าที่จะครอบคลุมทั้งหน้าจอ จะดูเหมือนหน้าจอจางลงเล็กน้อยเพียงเพื่อสะท้อนลักษณะของหน้าจอที่ซ้อนทับกัน

ฉันจะไปที่แทรกจากนั้นฉันจะไปที่ไอคอน และไปที่ด้านล่างสุดเพื่อสี่เหลี่ยมผืนผ้า ฉันจะตรวจสอบให้แน่ใจว่าสี่เหลี่ยมผืนผ้าครอบคลุมทั้งหน้าจอ

สิ่งต่อไปที่ฉันจะทำคือเปลี่ยนสีของรูปร่างนี้เป็นสีเทาเข้ม จากนั้นฉันจะไปที่ คุณสมบัติ เติมของสี่เหลี่ยมนี้ เรามีสีแดง สีเขียว และสีน้ำเงิน แต่เราก็มีค่าอัลฟ่าเช่นกัน ซึ่งแสดงถึงความทึบหรือความโปร่งใส เราจะทำให้ความโปร่งใสเป็น 0.7 เพื่อให้ดูเหมือนว่าจางลง

ต่อไปเราจะเพิ่มสี่เหลี่ยมอีกอันซึ่งจะเป็นกล่องป๊อปอัปของเรา จากนั้นเราจะเพิ่มป้ายกำกับซึ่งเป็นคำเตือนสำหรับผู้ใช้ เราสามารถเปลี่ยนสีและปรับขนาดตัวอักษรได้

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

ในการทำเช่นนั้น ให้กลับไปที่ป้ายกำกับของเรา แล้วเราจะเพิ่มชื่อ จำนวน และหมวดหมู่ เรกคอร์ดที่เราต้องการแสดงขึ้นอยู่กับเรกคอร์ดที่ได้รับเลือกในแกลเลอรีต้นแบบ แกลเลอรีพื้นฐานที่นี่เรียกว่าแกลเลอรี 1 ดังนั้น ชื่อของรายการที่เลือกไว้ในแกลเลอรีคือGallery1.Selected.Title จำนวนจะเป็นGallery1.Selected.Amountและสำหรับหมวดหมู่ จะเป็นGallery1.Selected.Status.Value

จากนั้นเราจะเพิ่มเป็นสองปุ่ม ปุ่มหนึ่งจะเป็นปุ่มDelete และอีกปุ่มหนึ่งจะเป็นปุ่มGo Back เราจะปรับสีและขนาดด้วย

ตอนนี้ เราต้องแน่ใจว่าเมื่อมีคนคลิกที่ไอคอนขยะหรือถังขยะ มันจะไม่ได้ลบบันทึก แต่จะแสดงกล่องป๊อปอัปนี้แทน เพื่อให้บรรลุเป้าหมายนั้น เราจะไฮไลต์ทุกสิ่งในกล่องป๊อปอัป คลิกขวาแล้วเลือกGroup

นี่เป็นหนึ่งในสิ่งที่ยอดเยี่ยมเกี่ยวกับ Power Apps ช่วยให้เราสามารถจัดกลุ่มองค์ประกอบเข้าด้วยกัน ด้วยเหตุ นี้จึงสร้างกลุ่มชื่อGroup1

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

ตัวอย่างเช่น เราต้องการควบคุมการเปิดเผยคุณสมบัติเหล่านี้ทั้งหมดและกำหนดให้เป็น "เท็จ" ในตอนนี้ ซึ่งจะหายไป

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

และตอนนี้เราจะสร้างตัวแปรใหม่ที่จะควบคุมเมื่อฟอร์มปรากฏขึ้นจริง เรียกตัวแปรนี้ว่า set function ตั้งชื่อตัวแปรของเราว่าConfirmPopUpแล้วเราจะตั้งค่าให้เป็นจริง

จากนั้นเราจะเลือกกลุ่มและตั้งค่าคุณสมบัติการมองเห็นให้กับตัวแปรนั้น ซึ่งก็คือ ConfirmPopUp เนื่องจากตั้งค่าเป็นจริง เราจึงเห็นทุกอย่าง

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

ต่อไป เราต้องเปลี่ยนการดำเนินการ OnSelect ของปุ่ม Delete เพื่อเรียกใช้ฟังก์ชันที่เราบันทึกไว้ในแผ่นจดบันทึก

สิ่งสุดท้ายที่เราต้องทำคือหลังจากที่มีคนคลิกปุ่มลบ เราก็ต้องการกำจัดป๊อปอัปด้วย ดังนั้น เราจะเพิ่มการดำเนินการอื่น และเราจะตั้งค่าตัวแปร ConfirmPopUp เป็นเท็จ และนั่นคือวิธีที่คุณจะใช้ป๊อปอัปภายใน Power Apps

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

บทสรุป

เหตุผลหนึ่งในการใช้ป๊อปอัป Power Apps คือการสร้างประสบการณ์ที่กำหนดเองสำหรับผู้ใช้ของคุณ อีกประการหนึ่งคือการสร้างการตรวจสอบบางอย่างสำหรับผู้ใช้ของคุณด้วย เนื่องจากเป็นประโยชน์ต่อผู้ใช้ของคุณ

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

แจ้งให้เราทราบหากคุณมีคำถามใด ๆ และแสดงความคิดเห็นในส่วนความคิดเห็นด้านล่าง

ดีที่สุด!

เฮนรี่