หน้าแรกคู่มือHMIออกแบบหน้าจอการกำหนดช่วงเตือน Numeric Input บน HMI SKTool

บทที่ 11 จาก 18 ใน ออกแบบหน้าจอ

HMIเริ่มต้น · Beginner2 นาที

การกำหนดช่วงเตือน Numeric Input บน HMI SKTool

จำกัดช่วงค่าที่ป้อนได้ใน Numeric Input ด้วย Range Check และเปลี่ยนสีพื้นหลังแจ้งเตือนเมื่อค่าต่ำไปหรือสูงไปด้วย Display range ในแท็บ Advanced ของ SKTool

ใน Numeric Input ของ SKTool ไปที่แท็บ Advanced > Range settings ติ๊ก Range Check เพื่อจำกัดค่าที่ป้อนได้ (เช่น 50–100) และติ๊ก Display range พร้อมเลือกสีพื้นหลัง เพื่อแจ้งเตือนเมื่อค่าที่เข้ามาทางอื่นต่ำไปหรือสูงไป

อัพเดทล่าสุด: 26 ตุลาคม 2569

ชุดอุปกรณ์สำหรับบทความนี้

ราคาชุดอุปกรณ์

฿9,550

โจทย์

อยากกำหนดช่วงค่าต่ำสุด–สูงสุดที่ผู้ใช้ป้อนได้ และถ้าค่าต่ำไปหรือสูงไป ให้ช่องตัวเลขเปลี่ยนสีแจ้งเตือน ในคลิปใช้หน้าจอ GT-070-32MT-G

ขั้นตอนใน SKTool

1. สร้าง Numeric Input

สร้าง Numerical Input จาก Tool Box แล้วกำหนด Write Address ให้เรียบร้อย

2. เปิดแท็บ Advanced

ไปที่แท็บ Advanced ส่วน Range settings จะมี 2 ตัวเลือก

  • Range Check: จำกัดค่าต่ำสุด–สูงสุดตอนผู้ใช้ป้อนค่าผ่านช่องนี้
  • Display range: เปลี่ยนสีแสดงผลเมื่อค่าต่ำหรือสูงเกินช่วง

3. ตั้ง Range Check

สมมุติต้องการให้ผู้ใช้ป้อนค่าระหว่าง 50–100 ติ๊ก Range Check แล้วใส่

Lower Limit:  50
Higher Limit: 100

4. ตั้ง Display range

การจำกัดใน Range Check ยังมีโอกาสที่ค่าจะถูกป้อนเข้ามาทางช่องทางอื่นได้ จึงควรแจ้งเตือนผู้ใช้ด้วย Display range อีกชั้น

  1. ติ๊ก Display range แล้วใส่ Lower Limit = 50 และ Higher Limit = 100 เหมือนกัน
  2. เลือกสีพื้นหลัง (BG Color) ในคลิปตั้งไว้แบบนี้
    • Low bit color (ค่าต่ำไป): พื้นหลังสีส้ม
    • High bit color (ค่าสูงไป): พื้นหลังสีแดง

ผลลัพธ์

  • เมื่อป้อนค่าผ่าน Numeric Input ที่มี Range Check จะใส่ค่าเกิน 100 ไม่ได้ (ในคลิปพิมพ์ 110 แล้วช่องบนแป้นตัวเลขขึ้นสีแดง)
  • ถ้าผู้ใช้หาทางป้อนค่าเข้ามาทางอื่น เช่น ผ่าน Slider ช่องตัวเลขจะแสดงการแจ้งเตือนจาก Display range ในคลิปค่า 14 ขึ้นพื้นหลังสีส้ม และค่า 128 ขึ้นพื้นหลังสีแดง

บทถัดไป

วิธีทำปุ่มยืนยัน Confirm Button บน HMI ป้องกันการกดผิดพลาด

1 นาทีเริ่มต้น · Beginner