แสดงรายการที่มีความสูงแตกต่างกันในแกลเลอรีแอปพื้นที่ทำงาน

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

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

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

เอกสารแนะนำ

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

เพิ่มข้อมูลไปยังแอปเปล่า

1. ดาวน์โหลด ไฟล์ Excel นี้ ซึ่งประกอบด้วยชื่อ ภาพรวม และลิงก์ไปยังรูปภาพของผลิตภัณฑ์วัสดุปูพื้น

   

2. อัปโหลดไฟล์ Excel ไปยังบัญชีที่เก็บข้อมูลระบบคลาวด์เช่น OneDrive, Dropbox หรือ Google Drive

3. สร้าง แอปเปล่า ด้วยเค้าโครง โทรศัพท์

4. เพิ่มการเชื่อมต่อไปยังตาราง FlooringEstimates ในไฟล์ Excel

   สำหรับข้อมูลเพิ่มเติม ดูที่ เพิ่มการเชื่อมต่อ

เพิ่มข้อมูลลงในแกลเลอรี

1. บนแท็บ แทรก คลิกหรือแตะ แกลเลอรี จากนั้นคลิกหรือแตะ ความสูงแบบยืดหยุ่น

   

2. ปรับขนาดแกลเลอรีให้ใช้พื้นที่เต็มหน้าจอ

3. ตั้งค่าคุณสมบัติ รายการ ของแกลเลอรีเป็น FlooringEstimates

แสดงชื่อของผลิตภัณฑ์

1. ในมุมบนซ้ายของแกลเลอรี คลิกหรือแตะไอคอนดินสอ เพื่อเลือกเทมเพลตแกลเลอรี

   

2. เมื่อเลือกเทมเพลตแกลเลอรีแล้ว เพิ่มตัวควบคุม ป้ายชื่อ ลงไป

3. ตั้งค่าคุณสมบัติ ข้อความ ของตัวควบคุม ป้ายชื่อ เป็นนิพจน์นี้:
   ThisItem.Name

   

แสดงภาพรวมของผลิตภัณฑ์

1. เมื่อเลือกเทมเพลตแกลเลอรีแล้ว เพิ่มตัวควบคุม ป้ายชื่อ อีกตัว และย้ายไปใต้ตัวควบคุม ป้ายชื่อ ตัวแรก

2. ตั้งค่าคุณสมบัติ ข้อความ ของตัวควบคุม ป้ายชื่อ ที่สองให้นิพจน์นี้:
   ThisItem.Overview

3. เลือกตัวควบคุม ป้ายชื่อ ที่สอง คลิกหรือแตะไอคอนแท็กชื่อบนแท็บ เนื้อหา และเปลี่ยนชื่อตัวควบคุมเป็น OverviewText

   

4. ตั้งค่าคุณสมบัติ AutoHeight ของกล่อง OverviewText เป็น จริง

   ขั้นตอนนี้ทำให้แน่ใจว่ากล่องจะขยายหรือหดขนาดให้พอดีกับเนื้อหา

   

แสดงรูปภาพของผลิตภัณฑ์

1. ปรับขนาดเทมเพลตเพื่อให้สูงเป็นสองเท่าเทียบกับของเดิม

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

2. เมื่อเลือกเทมเพลตแกลเลอรีแล้ว เพิ่มตัวควบคุม รูปภาพ และย้ายไปด้านล่างของกล่อง OverviewText

3. ตรวจสอบให้แน่ใจว่าคุณสมบัติ รูปภาพ ของตัวควบคุม รูปภาพ ถูกตั้งค่าเป็นนิพจน์นี้:
   ThisItem.Image

4. ตั้งค่าคุณสมบัติ Y ของตัวควบคุม รูปภาพ ตามตำแหน่งและขนาดของกล่อง OverviewText ตามนิพจน์นี้:
   OverviewText.Y + OverviewText.Height + 5

   

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

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

เรียนรู้เพิ่มเติมเกี่ยวกับวิธีการทำงานกับตัวควบคุม แกลเลอรี และ สูตร