Share via


ใช้ชุดผู้สร้าง

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

ชุดผู้สร้างประกอบด้วยเนื้อหาต่อไปนี้ ซึ่งแจกจ่ายในสามโซลูชัน:

โซลูชัน Items
CreatorKitCore
  • 24 Power Apps component framework และ ส่วนประกอบ พื้นที่ทำงาน
  • CreatorKitReference (MDA)
  • แอปอ้างอิง (แบบจำลองด้วยหน้าที่กำหนดเอง) เพื่อเรียนรู้แบบโต้ตอบด้วย
  • แม่แบบหน้าพื้นที่ทำงาน
  • CreatorKitReference (พื้นที่ทำงาน)
  • แอปอ้างอิง (พื้นที่ทำงาน) เพื่อเรียนรู้เชิงโต้ตอบ (ไม่จำเป็นต้องใช้สิทธิการใช้งาน Power Apps แบบสแตนด์อโลน)
  • แอปแม่แบบพื้นที่ทำงาน
  • ตัวแก้ไขธีมที่สร้าง Theme JSON ใช้เพื่อจัดรูปแบบส่วนประกอบที่สอดคล้องกันได้อย่างง่ายดาย
  • เรียนรู้เกี่ยวกับวิธีเพิ่มส่วนประกอบไปยังแอปด้วย

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

    สร้างบล็อคส่วนประกอบ

    ในส่วนนี้ คุณจะได้เรียนรู้รายละเอียดเกี่ยวกับแอป แม่แบบ และส่วนประกอบต่างๆ ที่สร้างชุดผู้สร้าง

    แอปอ้างอิง

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

    • สังเกตว่าส่วนประกอบทำงานและแสดงผลข้อมูลอย่างไร
    • เลือกแท็บ โค้ด เพื่อดูสูตร Power Fx พื้นฐาน
    • เรียนรู้แนวทางปฏิบัติที่ดีที่สุดจากคำแนะนำแบบอินไลน์ที่เกี่ยวข้องกับการควบคุม

    ภาพหน้าจอของหน้าในแอปอ้างอิงที่อธิบายตัวควบคุม

    แม่แบบ

    เทมเพลตถูกออกแบบมาเพื่อช่วยให้คุณเริ่มสร้างแอป Fluent UI–based ที่ตอบสนองอย่างรวดเร็ว โดยมาพร้อมกับส่วนประกอบแบบกำหนดเองที่โหลดไว้ล่วงหน้าและแนบไปกับตัวแปร Theme JSON ซึ่งช่วยลดเวลาในการเริ่มพัฒนา

    ภาพหน้าจอของแม่แบบแอปพื้นที่ทำงานและแม่แบบหน้าแบบกำหนดเอง

    แม่แบบแอปพื้นที่ทำงาน

    ทำสำเนาของแอปนี้เพื่อสร้าง แอปพื้นที่ทำงาน ใหม่ที่ต้องใช้ส่วนประกอบจากชุด

    วิธีสร้างสำเนาของแม่แบบพื้นที่ทำงาน:

    1. สร้างโซลูชันที่ไม่มีการจัดการใหม่
    2. ใน Ribbon เลือก เพิ่มที่มีอยู่>แอป>พื้นที่ทำงาน
    3. เลือกแอป แม่แบบพื้นที่ทำงาน แล้วเลือก เพิ่ม
    4. แก้ไข แม่แบบพื้นที่ทำงาน
    5. ใน Ribbon ของสตูดิโอ ให้เลือก ไฟล์>บันทึกเป็น และป้อนชื่อใหม่สำหรับสำเนา สำเนาจะปรากฏในโซลูชันเดียวกัน
    6. นำแม่แบบแอปพื้นที่ทำงานดั้งเดิมออกจากโซลูชัน

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

    แม่แบบหน้าแบบกำหนดเอง

    ทำสำเนาของหน้านี้เพื่อสร้างหน้าแบบกำหนดเองใหม่สำหรับ แอปที่บรรจบกัน

    แม่แบบหน้าแบบกำหนดเอง

    ทำตามขั้นตอนก่อนหน้าเพื่อ ทำสำเนาของแอปแม่แบบพื้นที่ทำงาน ยกเว้นครั้งนี้คุณจะเลือกตัวเลือก บันทึกเป็น ที่มุมบนขวา:

    1. ที่มุมบนขวา ให้ขยายเมนูข้างไอคอน บันทึก แล้วเลือก บันทึกเป็น

      เมนูบันทึกเป็นสตูดิโอหน้าแบบกำหนดเอง

    2. ป้อนชื่อใหม่ และจากนั้นเลือก บันทึก

      กล่องโต้ตอบเปลี่ยนชื่อสตูดิโอของหน้าแบบกำหนดเอง

    3. ปิดสตูดิโอโดยเลือกปุ่มย้อนกลับที่มุมบนซ้าย ขอให้สังเกตว่าสำเนาถูกสร้างขึ้นในโซลูชันเดียวกัน

      เพิ่มสำเนาหน้าแบบกำหนดเองในโซลูชัน

    4. นำแม่แบบหน้าแบบกำหนดเองดั้งเดิมออกจากโซลูชัน

    แอปตัวออกแบบธีม Fluent

    ใช้แอปนี้เพื่อสร้างออบเจ็กต์ Theme JSON สำหรับส่วนประกอบการกำหนดลักษณะอย่างสม่ำเสมอ

    แอปแก้ไขธีม

    ดู ชุดรูปแบบม สำหรับคำแนะนำเกี่ยวกับวิธีสร้างธีมและธีมอ้างอิงจากส่วนประกอบ

    ส่วนประกอบพื้นที่ทำงาน

    ส่วนประกอบพื้นที่ทำงานถูกกำหนดไว้ใน ไลบรารีส่วนประกอบของ Power CAT และดำเนินการโดยการใช้ ส่วนประกอบพื้นที่ทำงาน

    ส่วนประกอบพื้นที่ทำงาน

    ส่วนประกอบของโค้ด

    ส่วนประกอบของโค้ดดำเนินการด้วย Power Apps component framework ที่กำหนดเป็นตัวควบคุมแบบกำหนดเองแต่ละรายการในโซลูชัน

    คุณสามารุดูส่วนประกอบของโค้ดใน หน้าอ้างอิงส่วนประกอบ

    ภาพหน้าจออของเมนูการควบคุมแบบกำหนดเอง

    การปรับใช้แอปที่ใช้ส่วนประกอบชุดผู้สร้าง

    แอปที่ใช้ส่วนประกอบของชุดไม่สามารถสร้างขึ้นนอกโซลูชัน และต้องมีการนำเข้าและส่งออกเป็นส่วนหนึ่งของโซลูชัน

    • ในระหว่างการพัฒนา แอปการสร้างที่ใช้ส่วนประกอบชุดผู้สร้างในโซลูชันที่แยกจากกันและไม่มีการจัดการ
    • เมื่อปรับใช้แอปที่มีส่วนประกอบ CreatorKitCore (โซลูชันที่มีการจัดการ) ต้องติดตั้งในสภาพแวดล้อมเป้าหมายก่อนที่จะนำเข้าโซลูชันที่ขึ้นต่อกัน

    สำหรับข้อมูลเพิ่มเติมและคำแนะนำทั่วไป ไปที่ เคล็ดลับการแก้ปัญหาการนำเข้าโซลูชัน