DMA

Dynamic Layout

Dynamic Layout

iphone_PNG5743

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

การทำงาน Dynamic Layout และ Cards

  1. เลือก Template ที่ชื่อว่า Dynamic_Layout
  2. สร้างเค้าโครง (Layout) ที่ต้องการ สามารถสร้างได้มากกว่า 1 ชิ้น
  3. สร้างคุณสมบัติเบื้องต้นของเค้าโครง (Layout)
  4. กำหนดการ์ดลงในเค้าโครง (Layout) ที่ต้องการ สามารถใส่การ์ดได้มากกว่า 1 ชิ้น

การสร้าง (Layout)

  • เลือก Template (Dynamic_Layout_001)
  • สร้าง (Layout) เพื่อใช้งาน
  • กำหนดชื่อ (Layout)
  • กำหนดคุณสมบัติของ Layout : แนวตั้ง (Vertical), แนวนอน (Horizontal)
แนวตั้ง (Vertical)
แนวนอน (Horizontal)
  • กำหนดคุณสมบัติเพิ่มเติม สำหรับโหมดแนวนอน ให้สามารถ Scroll ได้ (True) หรือไม่ได้ (False)
แนวนอน (Horizontal) Enable Scroll : False ไม่สามารถเลื่อนได้
  • กำหนดคุณสมบัติเพิ่มเติม สำหรับความสูง (Resize Height) ความกว้าง (Layout) โดยค่าตั้งต้นคือ Auto
แนวตั้ง (Vertical) Resize Hight : Auto ความสูงตามขนาดของข้อมูล
แนวนอน (Horizontal) Resize Hight : Auto ความกว้างตามขนาดของข้อมูล

การสร้างการ์ดใน Dynamic Layout แบบ Manual

เลือกประเภทของการ์ดที่ต้องการนำมาใช้กับ Dynamic Layout

card Manual

เลือกการ์ดที่ต้องการ

Card_007

ตั้งชื่อการ์ด

Card_007

ใส่ข้อมูลลงไปยังการ์ด

ปรับแก้ไขคุณลักษณะของการ์ด ในส่วนของความกว้าง และระยะห่าง

ยืนยันการสร้างการ์ด

ผลลัพธ์


การสร้างการ์ดใน Dynamic Layout แบบ List

เลือกคุณสมบัติของการ์ด List

เลือกชื่อ API ที่ต้องการ

เลือกการ์ดที่ต้องการ

ตั้งชื่อการ์ด

ใส่ข้อมูลลงไปยังการ์ด

ปรับแก้ไขคุณลักษณะของการ์ด ในส่วนของความกว้าง และระยะห่าง

ยืนยันการสร้างการ์ด

ผลลัพธ์


การใช้งาน Switch Card

กดปรับแก้ไขการ์ด

เลือกเมนู Switch Card

เลือกการ์ดที่ต้องการ

เลือกข้อมูลที่ต้องการแสดง

ผลลัพธ์


ยกเลิกการ Switch Card

กดปรับแก้ไขการ์ด

เลือกเมนู Edit

กดปุ่ม Remove Switch Card

ยืนยันการลบ (OK)

กดปุ่ม Save Switch Card

ผลลัพธ์