วิธีสร้าง Animation ข้อความบน HMI - Marquee Flicker Color

การสร้าง Animation สำหรับข้อความบน HMI

การออกแบบหน้าจอ HMI ที่มี Animation ช่วยให้ผู้ใช้งานสังเกตเห็นสถานะต่างๆ ได้ง่ายขึ้น บทความนี้จะแนะนำวิธีการสร้าง Text Animation แบบต่างๆ บน HMI

การเตรียมข้อความพื้นฐาน

ก่อนเริ่มสร้าง Animation ให้สร้างข้อความจาก Tab-Base-Element เป็นพื้นฐานก่อน จากนั้นจึงปรับแต่งคุณสมบัติต่างๆ ตามต้องการ

การสร้าง Marquee Animation (ข้อความเลื่อน)

การทำให้ข้อความเลื่อนไปทางซ้าย

1. Double-Click ที่ตัวข้อความที่ต้องการ
2. ไปที่หัวข้อ Marquee
3. เปลี่ยนค่าจาก Does Not Move เป็น Left

การทำให้ข้อความเลื่อนไปทางขวา

1. Double-Click ที่ตัวข้อความ
2. ในหัวข้อ Marquee
3. เปลี่ยนค่าจาก Left เป็น Right

การสร้าง Flicker Animation (ข้อความกระพิบ)

การตั้งค่า Text Flicker พื้นฐาน

1. Double-Click ที่ตัวข้อความ
2. ไปที่หัวข้อ Flicker
3. เปลี่ยนค่าจาก No เป็น Yes แบบ Text Display
4. กด New เพื่อสร้าง Logic ใหม่

การกำหนด Condition สำหรับการกระพิบ

Logic Type: Bit Condition
- Address ON = ข้อความกระพิบ
- Address OFF = ข้อความไม่กระพิบ

การสร้าง Color Replacement Animation (สลับสี)

การสลับสีระหว่างข้อความและ Background จะช่วยให้เห็นสถานะได้ชัดเจนยิ่งขึ้น

ขั้นตอนการตั้งค่า

1. Double-Click ที่ตัวข้อความ
2. ในหัวข้อ Pattern
   • เปลี่ยน Fill จาก Transparent เป็น Solid
   • ขั้นตอนนี้จำเป็นเพื่อให้แสดง Background Color
3. ในหัวข้อ Flicker
   • เปลี่ยนจาก No เป็น Yes แบบ Color Replacement
4. ตั้งค่า Condition สำหรับการสลับสี

การทำงานของ Color Replacement

เมื่อ Address = ON
- Font Color และ Background Color จะสลับกัน

เมื่อ Address = OFF  
- แสดงสีตามค่าปกติ

เคล็ดลับในการใช้งาน

• Marquee Animation เหมาะสำหรับการแสดงข้อความที่ยาว หรือต้องการดึงดูดความสนใจ
• Flicker Animation ใช้เพื่อเตือนสถานะที่สำคัญ เช่น Alarm หรือ Warning
• Color Replacement เหมาะสำหรับการแสดงสถานะ ON/OFF อย่างชัดเจน

การแก้ปัญหาที่พบบ่อย

ปัญหา: Background Color ไม่แสดงใน Color Replacement วิธีแก้: ตรวจสอบให้แน่ใจว่าได้เปลี่ยน Fill Pattern จาก Transparent เป็น Solid แล้ว

ปัญหา: Animation ไม่ทำงานตาม Condition วิธีแก้: ตรวจสอบ Address ที่ใช้ในการควบคุมว่าถูกต้องและมีการอัปเดตค่าจริง

สรุป

การสร้าง Text Animation บน HMI มี 3 รูปแบบหลัก ได้แก่ Marquee สำหรับข้อความเลื่อน, Flicker สำหรับข้อความกระพิบ, และ Color Replacement สำหรับการสลับสี การใช้ Animation อย่างเหมาะสมจะช่วยเพิ่มประสิทธิภาพในการสื่อสารสถานะต่างๆ ให้ผู้ใช้งานเข้าใจได้ง่ายและรวดเร็วยิ่งขึ้น