แท็บ

การตั้งค่ารูปลักษณ์และความรู้สึก:

Name (จำเป็น) - ชื่อของแท็บ

Size (บังคับ) - ขนาดแท็บ

Style type (บังคับ) - สไตล์แท็บ

T ab position (บังคับ) - เค้าโครงแท็บ

Animation (บังคับ) - แอนิเมชันการสลับแท็บ

Visible ได้ (จำเป็น) - ทำให้ส่วนประกอบมองเห็นได้หากเปิดใช้งาน เปิดใช้งานโดยค่าเริ่มต้น

แท็บ

ในส่วนนี้ คุณสามารถเพิ่ม ลบ และแก้ไขแท็บได้

ทริกเกอร์เวิร์กโฟลว์:

• onCreate – เริ่มทำงานเมื่อส่วนประกอบถูกสร้างขึ้นบนเพจ
• onShow – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นมองเห็นได้ (แสดงบนหน้า);
• onHide – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นซ่อน (หยุดแสดง);
• onDestroy – เริ่มทำงานเมื่อส่วนประกอบถูกทำลาย
• onTabsSelect - เริ่มทำงานเมื่อเลือกแท็บ

การกระทำของคอมโพเนนต์:

Tabs Get Properties

รับคุณสมบัติของแท็บ

พารามิเตอร์ อินพุต :

• Component Id [string] - ตัวระบุส่วนประกอบของแท็บ

พารามิเตอร์ ขา ออก:

• Style [enum] - ขนาดแท็บ;
• Style type [enum] - สไตล์แท็บ;
• Tabs position [enum] - เค้าโครงแท็บ;
• Animation [boolean] - สถานะภาพเคลื่อนไหว
• Default Tab Key [integer] - หมายเลขแท็บเริ่มต้น
• Active Tab Key [integer] - หมายเลขแท็บที่ใช้งานอยู่
• Visible [boolean] - สถานะการมองเห็น

Tabs Set Properties

ตั้งค่าคุณสมบัติของแท็บทั้งหมด

พารามิเตอร์ อินพุต :

• Component Id [string] - ตัวระบุส่วนประกอบของแท็บ
• Style [enum] - ขนาดแท็บ;
• Style type [enum] - สไตล์แท็บ;
• Tabs position [enum] - เค้าโครงแท็บ;
• Animation [boolean] - สถานะภาพเคลื่อนไหว
• Default Tab Key [integer] - หมายเลขแท็บเริ่มต้น
• Active Tab Key [integer] - หมายเลขแท็บที่ใช้งานอยู่
• Visible [boolean] - สถานะการมองเห็น

Tabs Update Properties

ปรับปรุงคุณสมบัติของแท็บ

พารามิเตอร์ อินพุต :

• Component Id [string] - ตัวระบุส่วนประกอบของแท็บ
• Style [enum] - ขนาดแท็บ;
• Style type [enum] - สไตล์แท็บ;
• Tabs position [enum] - เค้าโครงแท็บ;
• Animation [boolean] - สถานะภาพเคลื่อนไหว
• Default Tab Key [integer] - หมายเลขแท็บเริ่มต้น
• Active Tab Key [integer] - หมายเลขแท็บที่ใช้งานอยู่
• Visible [boolean] - สถานะการมองเห็น

ตัวอย่างการใช้งาน: