คัดลอก โค้ดด้านล่าง ไปวาง ในแอพ Scriptable V
-------------------------------------------------------------------------------------------------------------------------
// สร้างอ็อบเจกต์ Widget ขนาดใหญ่
let widget = new ListWidget()
widget.useNoNewPageOnTap = true
// ปรับแต่งสีพื้นหลังแบบโปร่งแสงเบื้องต้น
widget.backgroundColor = new Color("#ffffff", 0.1)
widget.setPadding(20, 20, 20, 20)
// ใช้ สแต็กหลัก (Main Stack) แนวนอน เพื่อแบ่งเป็นฝั่งซ้ายและฝั่งขวา
let mainStack = widget.addStack()
mainStack.layoutHorizontally() // แก้ไขคำสั่งตรงนี้ให้ถูกต้องแล้วครับ
// ==================== ฝั่งซ้าย (สภาพอากาศ & ปฏิทิน) ====================
let leftStack = mainStack.addStack()
leftStack.layoutVertically() // แก้ไขคำสั่งจัดแนวตั้งให้ถูกต้องด้วยครับ
leftStack.size = new Size(160, 0) // จำกัดความกว้างฝั่งซ้าย
// 1. สภาพอากาศ (จำลองข้อความ)
let tempText = leftStack.addText("26°C")
tempText.font = Font.boldSystemFont(22)
tempText.textColor = Color.black()
let statusText = leftStack.addText("Light Rain")
statusText.font = Font.systemFont(14)
statusText.textColor = Color.darkGray()
let locationText = leftStack.addText("X. Hàm Thuận Nam")
locationText.font = Font.mediumSystemFont(12)
locationText.textColor = Color.black()
leftStack.addSpacer(15)
// 2. ปฏิทิน / งานที่จะเกิดขึ้น (Upcoming)
let calBadge = leftStack.addText("📅 Upcoming")
calBadge.font = Font.boldSystemFont(14)
calBadge.textColor = Color.red()
leftStack.addSpacer(8)
// รายการตารางงาน (วนลูปดึงข้อมูลจริงจาก Calendar ของ iOS ได้)
let event1 = leftStack.addText("• LỊCH CÔNG TÁC\n วันนี้, 10:00-11:00")
event1.font = Font.systemFont(11)
event1.textColor = Color.black()
leftStack.addSpacer(30) // ดันให้สแต็กกระจายตัวพอดี
// ==================== ฝั่งขวา (คำทักทาย & วันที่ขนาดใหญ่) ====================
mainStack.addSpacer() // เว้นวรรคตรงกลางระหว่างสองฝั่ง
let rightStack = mainStack.addStack()
rightStack.layoutVertically() // แก้ไขคำสั่งจัดแนวตั้งให้ถูกต้องครับ
rightStack.textOpacity = 1
let greetText = rightStack.addText("Good Morning")
greetText.font = Font.systemFont(18)
greetText.textColor = Color.darkGray()
// ตัวเลขอักษรวันที่ขนาดใหญ่มาก (เลข 30)
let dateNumber = rightStack.addText("30")
dateNumber.font = Font.boldSystemFont(85)
dateNumber.textColor = Color.black()
// วันและเดือนภาษาไทย
let dayText = rightStack.addText("วันพฤหัสบดี")
dayText.font = Font.boldSystemFont(16)
dayText.textColor = Color.black()
let monthText = rightStack.addText("กรกฎาคม 2026")
monthText.font = Font.systemFont(16)
monthText.textColor = Color.black()
// ส่งออก Widget ไปยังระบบ iOS
Script.setWidget(widget)
Script.complete()
widget.presentLarge()
ไม่มีความคิดเห็น:
แสดงความคิดเห็น