เพิ่มเมนูที่กำหนดเอง
เมนูแบบกำหนดเอง คือเมนูบริบทที่มีคำสั่งหรือการดำเนินการที่คุณกำหนดเอง สามารถเพิ่มเมนูแบบกำหนดเองลงในรูปร่างได้
โหมดนักพัฒนา ใช้เพื่อแสดงหรือซ่อนเมนูแบบกำหนดเองในกล่องโต้ตอบ คุณสมบัติ
กำลังดูเมนูที่กำหนดเอง
ในการดูกล่องโต้ตอบ เมนูแบบกำหนดเอง:
ขั้นแรกคลิกที่เมนู View | แสดงคุณสมบัติ
ขั้นที่สองคลิกที่เมนู View | แสดงโหมดนักพัฒนา
ในการซ่อนกล่องโต้ตอบ เมนูแบบกำหนดเอง:
- คลิกที่เมนู View | ซ่อนโหมดนักพัฒนา
การเลือกรูปร่างจะแสดงเมนูแบบกำหนดเองที่กำหนดให้กับรูปร่างที่เลือก
ทำความเข้าใจกับเมนูที่กำหนดเอง
เพิ่มเมนูที่กำหนดเองและคุณจะพบ 4 อินพุต:
- Title - กำหนดชื่อของรายการเมนูที่ปรากฏในเมนูบริบท เพิ่มขีดล่างที่ด้านหน้าชื่อเพื่อให้มีตัวคั่นหลังเมนูของคุณ
- ปิดใช้งาน - ระบุว่ารายการเมนูถูกปิดใช้งานในเมนูบริบทหรือไม่
- Action - คำสั่งที่จะดำเนินการเมื่อคลิกที่เมนู
- เลือก - ระบุว่ารายการเมนูถูกเลือกในเมนูบริบทหรือไม่
คุณสามารถมีสตริงหรือสูตรในอินพุต
การเลือกเมนูที่กำหนดเอง
ในการเลือกเมนู:
- คลิกที่ไอคอนเมนูบน Custom Menu
จัดเรียงเมนูแบบกำหนดเองใหม่
สามารถจัดเรียงเมนูใหม่ตามลำดับใดก็ได้ หากต้องการจัดเรียงใหม่ให้ลากและวางตำแหน่งเมนูใดก็ได้ตามต้องการ
ตัวอย่างเมนูที่กำหนดเอง
สมมติว่าคุณต้องการให้เมนูที่กำหนดเองเปลี่ยนสีของรูปร่าง
- เลือกรูปร่างเพิ่มรายการเมนูในกล่องโต้ตอบเมนูแบบกำหนดเอง ตั้งชื่อเมนู ใส่ที่ อินพุต Title * ตัวอย่างเช่น Toggle Shape Color เพิ่มสูตรด้านล่างใน อินพุต Action *
this.fill() === '#f44336' ? this.fill('#8bc34a') : this.fill('#f44336')
ตอนนี้ลองคลิกขวาที่รูปร่างของคุณแล้วดูความมหัศจรรย์!
