แชร์ผ่าน


บทช่วยสอน: การกําหนดแกลเลอรีใน Power Apps

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

ตัวอย่างเช่น แกลเลอรีสําหรับบทช่วยสอนนี้ตรงกับกราฟิกนี้ตามค่าเริ่มต้น อีเมลจะแสดงอย่างโดดเด่นกว่าข้อมูลประเภทอื่น ๆ และผู้ใช้สามารถจัดเรียงและกรองแกลเลอรีโดยอิงจากข้อความในอีเมลนั้น

แกลเลอรีเริ่มต้น

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

แกลเลอรีหลังจากการเปลี่ยนแปลง

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

  • เปลี่ยนเค้าโครงของแกลเลอรี
  • เปลี่ยนชนิดของข้อมูลที่ปรากฏในแกลเลอรี
  • เปลี่ยนคอลัมน์ที่ผู้ใช้สามารถเรียงลําดับและค้นหาข้อมูลได้
  • เปลี่ยนชื่อเรื่องของหน้าจอ
  • แสดงแถบเลื่อน

บทช่วยสอนนี้เริ่มต้นด้วยแอปที่สร้างขึ้นจากแหล่งข้อมูลที่ระบุ อย่างไรก็ตาม แนวคิดเดียวกันนี้จะนําไปใช้กับทุกแอปที่คุณสร้างขึ้นใน Power Apps ไม่ว่าจะเป็นรายการที่สร้างขึ้นโดยใช้รายการ Microsoft ไลบรารี SharePoint ตาราง Excel หรือแหล่งข้อมูลอื่น ๆ

หากคุณยังไม่ได้ลงทะเบียน Power Apps ให้ ลงทะเบียนฟรี ก่อนที่จะเริ่มต้นใช้งาน

ข้อกําหนดเบื้องต้น

สร้างแอป จากตาราง บัญชี ของ Microsoft Dataverse

เปิดแอปที่สร้างขึ้น

  1. ลงชื่อเข้าใช้ Power Apps จากนั้นเลือก แอป ใกล้ขอบด้านซ้าย

  2. ค้นหาแอปที่คุณสร้าง เลือกไอคอนจุดไข่ปลา (...) สําหรับแอปนั้น จากนั้นเลือก แก้ไข

    เปิดแอปเพื่อแก้ไข

  3. ถ้ากล่องโต้ตอบ ยินดีต้อนรับสู่ Power Apps Studio ปรากฏขึ้น ให้เลือก ข้าม

เปลี่ยนเค้าโครง

  1. ในบานหน้าต่างนําทางด้านซ้าย ให้เลือก BrowseGallery1

    เมื่อเลือกแกลเลอรี กล่องการเลือกที่มีจุดจับล้อมรอบ

    เลือกแกลเลอรี

  2. บนแท็บ คุณสมบัติของ บานหน้าต่างด้านขวา ให้เปิดรายการตัวเลือกภายใต้ เค้าโครง จากนั้นเลือกตัวเลือกที่แสดงเฉพาะชื่อเรื่อง

    เลือกเค้าโครงชื่อเรื่องเท่านั้น

  3. ถัดจาก เขตข้อมูล เลือก แก้ไข แล้ว เลือกลูกศรลงสําหรับกล่องชื่อเรื่อง

    ชื่อของตัวควบคุมนี้จะสิ้นสุดในตัวเลข เช่น Title1 แต่ตัวเลขอาจแตกต่างกันโดยขึ้นอยู่กับการกระทําอื่น ๆ ที่คุณทํา

  4. ในรายการตัวเลือก ให้เลือก ชื่อบัญชี จากนั้นปิดบานหน้าต่าง ข้อมูล

    แกลเลอรีแสดงชื่อของแต่ละบัญชี

    แกลเลอรีสุดท้าย

เปลี่ยนคอลัมน์เรียงลําดับและค้นหา

  1. เลือกแกลเลอรีตามที่ส่วนก่อนหน้านี้อธิบายไว้

    แกลเลอรีที่ถูกเน้น

  2. ใกล้มุมบนซ้าย ให้ยืนยันว่ารายการคุณสมบัติแสดง รายการ

    คุณสมบัติ Items

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

  3. คัดลอกสูตรนี้ แล้ววางลงในแถบสูตร

    SortByColumns(Search(Accounts, TextSearchBox1.Text, "name"), "name", If(SortDescending1, Descending, Ascending))

    เมื่อใช้สูตรนี้ แสดงว่าคุณมั่นใจว่า:

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

    สำหรับข้อมูลเพิ่มเติมเกี่ยวกับฟังก์ชันเหล่านี้และอื่นๆ ดูที่ การอ้างอิงสูตร

ทดสอบการเรียงลําดับและการค้นหา

  1. เปิดโหมดแสดงตัวอย่างโดยการกด F5 (หรือโดยการเลือกปุ่มเล่นใกล้กับมุมขวาบน)

    เปิดโหมดแสดงตัวอย่าง

  2. ใกล้กับมุมขวาบนของหน้าจอเรียกดู ให้เลือกไอคอนเรียงลําดับอย่างน้อยหนึ่งครั้งเพื่อเปลี่ยนลําดับการจัดเรียงตามตัวอักษรระหว่างจากน้อยไปหามากและจากมากไปหาน้อย

    ทดสอบไอคอนจัดเรียง

  3. ในกล่องค้นหา พิมพ์ k เพื่อแสดงเฉพาะชื่อบัญชีเหล่านั้นที่มีตัวอักษรที่คุณพิมพ์

    ทดสอบแถบค้นหา

  4. ลบข้อความทั้งหมดออกจากแถบค้นหา แล้วปิดโหมดแสดงตัวอย่างโดยการกด Esc (หรือโดยเลือกไอคอนปิดที่อยู่ใกล้มุมบนขวา)

เปลี่ยนชื่อเรื่องของหน้าจอ

  1. เลือกชื่อเรื่องของหน้าจอโดยคลิกหรือแตะ

    เลือกชื่อเรื่องของหน้าจอ

  2. ตรวจสอบให้แน่ใจว่ารายการคุณสมบัติแสดง Text จากนั้นในแถบสูตร ให้แทนที่ บัญชี ด้วย เรียกดู (คงเครื่องหมายอัญประกาศคู่เอาไว้)

    อัปเดตชื่อหน้าจอ

    หน้าจอแสดงการเปลี่ยนแปลงของคุณ

    ชื่อเรื่องของหน้าจอใหม่

แสดงแถบเลื่อน

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

  1. เลือกแกลเลอรีตามที่กระบวนการแรกอธิบายไว้

    แกลเลอรีที่เน้นสําหรับแถบเลื่อน

  2. ตั้งค่าคุณสมบัติแสดงแถบเลื่อนของแกลเลอรีให้เป็นtrue

ขั้นตอนถัดไป

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