การแก้ไของค์ประกอบหน้าจอ

หลังจากที่คุณบันทึกภาพหน้าจอโฮสต์และนำเข้าแล้ว ให้แก้ไของค์ประกอบหน้าจอเพื่อให้มีลักษณะตรงตามความต้องการของคุณ หากคุณยังไม่ได้จับภาพและนำเข้าภาพหน้าจอ โปรดดูที่ การจับภาพหน้าจอ

ตามค่าเริ่มต้น Velocity จะใช้งานการจัดรูปแบบเชิงคาดการณ์ คุณสามารถแก้ไขการจัดรูปแบบเชิงคาดการณ์ หรือเขียนทับด้วยการทำให้หน้าจอทันสมัยอย่างรวดเร็ว และ CSS ที่กำหนดเองได้ หัวข้อนี้จะอธิบายถึงองค์ประกอบหน้าจอ และอธิบายวิธีการแก้ไขการจัดรูปแบบเชิงคาดการณ์ สำหรับข้อมูลเกี่ยวกับการปรับแต่งหน้าจอด้วยการทำให้ทันสมัยอย่างรวดเร็ว โปรดดูที่ การใช้การทำให้หน้าจอทันสมัยอย่างรวดเร็ว

ดูวิดีโอที่เกี่ยวข้อง (3:16)

คุณจะต้องทำความเข้าใจแนวคิดสองถึงสามประการ ก่อนที่จะเริ่มต้นแก้ไขหน้าจอ:

หน้าจอที่มีการคาดเดาและหน้าจอแม่แบบ หลังจากที่นำเข้าหน้าจอไปที่ Velocity Console หน้าจอสีดำและสีเขียวจะแปลข้อมูลเป็นลักษณะที่ใช้งานได้กับอุปกรณ์เคลื่อนที่โดยอัตโนมัติ ภาพหน้าจอเหล่านี้จะถูกติดป้ายกำกับไว้เป็นรูปแบบเชิงคาดเดา เนื่องจากการจัดรูปแบบทั้งหมดจะดำเนินการโดยเอนจิ้นสำหรับการเรนเดอร์ของ Velocity และยูนิเวอร์ซัลสไตล์

เมื่อมีการเปลี่ยนแปลงแบบแมนนวลเกิดขึ้นกับหน้าจอ การเปลี่ยนแปลงเหล่านี้จะกลายเป็นเทมเพลตที่มีชื่อ เทมเพลตจะถูกนำไปใช้กับหน้าจอที่มีข้อความคีย์และโซนเคอร์เซอร์เดียวกัน หากมีหน้าจอสองจอที่ใช้เทมเพลตเหมือนกัน แต่คุณต้องการให้ใช้เทมเพลตที่แตกต่างกัน ให้สร้างพื้นที่ข้อความคีย์เพียงหน้าจอเดียวโดยไม่สร้างบนอีกหน้าจอหนึ่ง

ธีม ตามค่าเริ่มต้น หน้าจอรูปแบบเชิงคาดเดาจะใช้ส่วนหัวสีน้ำเงิน พื้นหลังสีเทาเข้ม และข้อความสีขาวหรือสีเทา หากต้องการเปลี่ยนสีหรือสไตล์ข้อความสำหรับหน้าจอทั้งหมดพร้อมๆ กัน ให้ทำการเปลี่ยนแปลงธีม เช่น เมื่อคุณเปลี่ยนสีของส่วนหัวในธีม จะเป็นการเปลี่ยนสีขององค์ประกอบส่วนหัวทั้งหมดบนหน้า หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับธีม โปรดดูที่ การกำหนดค่าการตั้งค่าสำหรับโปรไฟล์โฮสต์

หากคุณต้องการเปลี่ยนแปลงส่วนหัวเพียงส่วนเดียวโดยไม่ได้ต้องการเปลี่ยนทั้งหมด ให้แก้ไของค์ประกอบแต่ละรายการแทน

ข้อความคีย์และโซนเคอร์เซอร์ ข้อความคีย์และโซนเคอร์เซอร์ คือวิธีการที่ Velocity ใช้ในการกำหนดเทมเพลตที่จะใช้ หากข้อความคีย์ตรงกันและเคอร์เซอร์อยู่ในโซนเคอร์เซอร์ ระบบก็จะใช้เทมเพลต ข้อความคีย์คือข้อความที่ต้องปรากฏบนหน้าจอที่นำเข้า เพื่อให้สามารถใช้งานเทมเพลตได้ หน้าจอที่มีข้อความคีย์ที่เลือกในลำดับเดียวกันนั้นจะใช้เทมเพลตเดียวกัน หากคุณต้องการจำแนกข้อความคีย์ให้ได้เฉพาะเมื่ออยู่ในตำแหน่งที่กำหนดบนหน้าจอเท่านั้น ให้เปิดใช้งานตัวเลือก ข้อความคีย์จุดยึด ในขณะที่เปิดใช้งานตัวเลือก ข้อความคีย์ ทั้งหมด บนหน้าจอต้องอยู่ในตำแหน่งนั้น ๆ ของหน้าจอเท่านั้นจึงจะถือว่าตรงกัน การเปิดใช้งานตัวเลือกนี้จะเป็นแบบแยกแต่ละเทมเพลต และไม่ได้ถูกนำไปใช้กับทั้งโปรเจกต์

ตัวเลือกข้อความคีย์จุดยึดอยู่ในส่วนคุณสมบัติหน้าจอ ของหน้าเพจหน้าจอ

โซนเคอร์เซอร์จะกำหนดพื้นที่ที่เคอร์เซอร์จะต้องอยู่ จึงจะมีการใช้เทมเพลต คุณยังสามารถสร้างโซนเคอร์เซอร์เพื่อสร้างกฎแม่แบบที่หลากหลายบนหน้าจอเดี่ยวซึ่งเปลี่ยนแปลงแม่แบบเมื่อผู้ใช้ย้ายจากฟิลด์หนึ่งไปยังอีกฟิลด์หนึ่ง

ขณะทำการแก้ไขหน้าจอ คุณสามารถคลิกปุ่ม แสดงตัวอย่าง ที่ด้านล่างของ UI เพื่อเปิดกล่องโต้ตอบที่จะแสดงลักษณะโดยทั่วไปของหน้าจอที่ผู้ใช้ไคลเอ็นต์จะมองเห็นได้

ระหว่างที่อยู่ในโหมดแสดงตัวอย่าง คุณสามารถป้อนบริเวณที่ดูได้ (อัตราส่วนกว้างยาวหน้าจอที่ไม่รวมแป้นพิมพ์) ซูมเข้าหรือออก (สำหรับใช้ในการปรับใช้หน้าจอเท่านั้น) และป้อนความหนาแน่นของความละเอียดหน้าจอ (โดยทั่วไปได้แก่ 1, 1.5, 2, 3 หรือ 4) ตามประเภทอุปกรณ์ที่ใช้งาน การตั้งค่าขนาดและความหนาแน่นของมุมมอง จะถูกบันทึกไว้ในโปรเจค และสามารถดูได้จาก รายละเอียดเซสชั่น บนอุปกรณ์ไคลเอ็นต์ คุณสามารถคลิกขวาบนหน้าจอ แล้วเลือก แสดงแป้นพิมพ์ เพื่อแสดงพื้นที่ซึ่งใช้ในการแสดงแป้นพิมพ์

หากต้องการดูตัวอย่างหลายๆ หน้าจอในโหมดแสดงตัวอย่าง คุณสามารถไปยังหน้าจอถัดไปหรือหน้าจอก่อนหน้าได้โดยทำการคลิกที่ลูกศรขึ้นหรือลงบนแป้นพิมพ์ของคุณ

การแก้ไของค์ประกอบ

องค์ประกอบแต่ละหน้าจอจะเป็นรูปแบบเชิงโต้ตอบ โดยช่วยให้คุณสามารถจัดการองค์ประกอบการกำหนดสไตล์ หรือแม้กระทั่งสร้างองค์ประกอบใหม่ที่ยังไม่มีบนหน้าจอที่คุณนำเข้าได้

ปิดในการเพิ่มองค์ประกอบหน้าจอ

1.คลิกปุ่ม เพิ่งองค์ประกอบ ด้านล่างหน้าต่างของหน้าจอที่จัดรูปแบบใหม่ องค์ประกอบใหม่จะปรากฏขึ้นที่ด้านล่างของหน้า

-หรือ-

คลิกแล้วลากเพื่อเน้นตำแหน่งที่คุณต้องการเพิ่มองค์ประกอบหน้าจอใหม่บนแผงหน้าจอที่นำเข้า คุณสามารถเลือกได้ครั้งละหนึ่งบรรทัดเท่านั้น

2.คลิกปุ่มองค์ประกอบใหม่

3.ตั้งค่าองค์ประกอบหน้าจอตามที่จำเป็น

4.คลิก บันทึก เพื่อเก็บรายการเปลี่ยนแปลง

องค์ประกอบใหม่จะไม่แสดงขึ้นบนหน้าจอที่นำเข้า แต่จะแสดงบนหน้าจอที่จัดรูปแบบใหม่เท่านั้น

ปิดในการแก้ไของค์ประกอบหน้าจอ

1.คลิกองค์ประกอบหน้าจอที่ต้องการจากแผงหน้าจอที่จัดรูปแบบใหม่

2.แก้ไขคุณสมบัติองค์ประกอบหน้าจอ

3.คลิก บันทึก เพื่อเก็บรายการเปลี่ยนแปลง

ปิดในการสร้างการสแปนองค์ประกอบ

1.เลือกองค์ประกอบที่มีอยู่แล้วลากไปบนองค์ประกอบอื่น

2.เมื่อ > สีแดงปรากฏขึ้นเพื่อระบุการวางที่อยู่ถัดไปจากองค์ประกอบแบบคงที่ จากนั้นจึงปล่อยองค์ประกอบ

องค์ประกอบที่คุณลากจะปรากฏข้างๆ องค์ประกอบที่มีอยู่แล้ว คุณสามารถสแปนองค์ประกอบเพิ่มเติมได้ จากนั้นองค์ประกอบจะผูกรวมเข้ากับบรรทัดต่อไปโดยอัตโนมัติเมื่อมีองค์ประกอบที่วางข้างๆ กันเพียงพอแล้ว

คุณไม่สามารถเพิ่มส่วนหัวหรือรายการเมนูสำหรับการสแปนองค์ประกอบได้

ปิดในการเปลี่ยนลำดับองค์ประกอบหน้าจอ

1.ในแผงหน้าจอที่จัดรูปแบบใหม่ ให้ลากองค์ประกอบหน้าจอไปยังตำแหน่งใหม่ในหน้านี้

ลูกศรสีแดงจะปรากฏขึ้นทางด้านซ้ายมือของแผงเพื่อระบุตำแหน่งที่องค์ประกอบจะถูกวางเมื่อคุณปล่อย ป้ายข้อมูล ค่าข้อมูล และฟิลด์สามารถวางได้ภายในกันและกันสำหรับการสแปนในแนวนอน ซึ่งจะแสดงองค์ประกอบข้างๆ กันบนอุปกรณ์

2.คลิก บันทึก เพื่อเก็บรายการเปลี่ยนแปลง

ปิดในการเพิ่มตาราง

1.คลิกปุ่ม เพิ่มตาราง ด้านล่างหน้าต่างของหน้าจอที่จัดรูปแบบใหม่ ตารางแบบสองแถวและสองคอลัมน์ปรากฏที่ด้านบนสุดของหน้าจอ

2.ย้ายตารางไปยังตำแหน่งที่ต้องการบนหน้าจอที่จัดรูปแบบใหม่

3.คลิกแล้วลากองค์ประกอบไปที่เซลล์ใดเซลล์หนึ่งเพื่อเพิ่มไปยังตาราง คุณไม่สามารถเพิ่มองค์ประกอบมากกว่าหนึ่งองค์ประกอบลงในเซลล์ได้

หน้าจอที่นำเข้า

หน้าจอดั้งเดิมสีดำและสีเขียวที่บันทึกภาพจากไคลเอ็นต์จะแสดงอยู่ในคอลัมน์นี้ ตามค่าเริ่มต้น ฟิลด์ข้อความจะถูกระบุและทำการเรนเดอร์โดยใช้ HTML ที่ติดตั้งไว้ใน Velocity และเอนจิ้น CSS

แม้ว่าการดำเนินการส่วนใหญ่ใน Velocity จะดำเนินการจากหน้าจอที่จัดรูปแบบใหม่และคอลัมน์องค์ประกอบหน้าจอ แต่คุณจะยังคงสามารถใช้ฟังก์ชันจากที่นี่ได้ด้วย เช่น การจับคู่เทมเพลต การเพิ่มโซนเคอร์เซอร์ และการสร้างองค์ประกอบใหม่ และคุณยังสามารถชี้เมาส์ไปที่หน้าจอเพื่อแสดงตำแหน่งปัจจุบันของเมาส์ หรือเลือกส่วนหนึ่งของหน้าจอเพื่อคัดลอกข้อมูลการวางตำแหน่งแถว คอลัมน์ และความยาวได้ด้วยเช่นกัน

ปิดในการเพิ่มข้อความคีย์สำหรับจับคู่กับแม่แบบ

คุณสามารถเพิ่มฟิลด์ข้อความคีย์ได้หลายฟิลด์สำหรับการจับคู่แม่แบบที่ตรงกัน หน้าจออื่น ๆ จะถูกเปรียบเทียบกับหน้าจอนี้ และหากมีการพบข้อความคีย์ที่ระบุ หน้าจอเหล่านั้นจะถูกแนบไปที่แม่แบบเดียวกัน

หากคุณสร้างฟิลด์ข้อความสองฟิลด์ให้อยู่ข้างๆ กัน ฟิลด์ทั้งสองจะรวมเข้าด้วยกันเป็นฟิลด์ข้อความคีย์โดยอัตโนมัติ

1.คลิกและลากเพื่อเน้นข้อความบนหน้าจอที่นำเข้าบนแผงหน้าจอที่นำเข้าที่จะต้องตรงกัน

2.คลิกปุ่มเพิ่มข้อความคีย์

3.คลิก บันทึก เพื่อเก็บรายการเปลี่ยนแปลง

ปิดในการเพิ่มโซนเคอร์เซอร์

1.คลิกและลากเพื่อเน้นโซนเคอร์เซอร์บนแผงหน้าจอที่นำเข้าที่จะต้องตรงกัน

2.คลิกปุ่มเพิ่มโซนเคอร์เซอร์

3.คลิก บันทึก เพื่อเก็บรายการเปลี่ยนแปลง

โซนเคอร์เซอร์แรกที่คุณเพิ่มไปที่หน้าจอจะต้องเป็นตำแหน่งบนหน้าจอที่นำเข้าซึ่งมีเคอร์เซอร์อยู่ในปัจจุบัน เช่นเดียวกัน คุณจะไม่สามารถลบโซนเคอร์เซอร์ที่มีเคอร์เซอร์อยู่ได้จนกว่าโซนเคอร์เซอร์ทั้งหมดจะถูกลบ

ปิดในการเพิ่มองค์ประกอบ

1.คลิกและลากเพื่อเน้นส่วนของหน้าจอสีเขียวที่คุณต้องการให้สอดคล้องกับองค์ประกอบใหม่ พยายามเลือกพื้นที่ของหน้าจอที่สัมพันธ์กับบริเวณที่ที่องค์ประกอบจะอยู่บนหน้าจอใหม่

2.คลิกปุ่มองค์ประกอบใหม่

3.เลือกประเภทขององค์ประกอบที่คุณต้องการสร้างในรายการเลื่อนลงของ ประเภท แล้วกำหนดค่าตัวเลือกสำหรับองค์ประกอบ

หน้าจอที่จัดรูปแบบใหม่

คอลัมน์นี้จะแสดงหน้าจอที่นำเข้าพร้อมกับการปรับใช้ด้วยเอ็นจินการแสดง HTML และ CSS ที่มีในตัว หน้าจอสีดำและสีเขียวบนคอลัมน์หน้าจอที่นำเข้านั้นจะปรากฏฟิลด์ ป้าย และปุ่มซึ่งใช้งานได้กับอุปกรณ์เคลื่อนที่แล้วในขณะนี้ คุณสามารถเลือกองค์ประกอบแต่ละองค์ประกอบแล้วแก้ไขคุณสมบัติต่างๆ ได้จากคอลัมน์องค์ประกอบหน้าจอ

แม่แบบ

กำหนดชื่อสำหรับแม่แบบเมื่อมีการเปลี่ยนแปลงในหน้าจอ หน้าจอทั้งหมดที่มีแม่แบบเดียวกันจะแสดงชื่อแม่แบบที่เหมือนกัน หากมีการเปลี่ยนแปลงหน้าจออื่นที่มีแม่แบบเดียวกัน แม่แบบใหม่จะถูกสร้างขึ้นเพื่อไม่ให้มีการเปลี่ยนแปลงเกิดขึ้นกับหน้าจออื่นๆ

หากมีการเพิ่มข้อความคีย์หรือการลบโซนเคอร์เซอร์ออกซึ่งส่งผลให้แม่แบบที่จับคู่กันก่อนหน้านี้ไม่จับคู่กันอีกต่อไป แม่แบบใหม่จะถูกสร้างขึ้น เช่นเดียวกัน หากคุณดำเนินการเปลี่ยนแปลงใดๆ กับฟิลด์แต่ละฟิลด์ แม่แบบใหม่ก็จะถูกสร้างขึ้นด้วยเช่นกัน ในการจับคู่แม่แบบก่อนหน้านี้ ให้ลบการเปลี่ยนแปลงที่ถูกเพิ่มก่อนหน้านี้หรือเพิ่มโซนเคอร์เซอร์อีกครั้ง ในระหว่างที่ดำเนินการ ผู้ใช้จะได้รับการเตือนเกี่ยวกับการเปลี่ยนแปลงและจะถูกร้องขอให้ยืนยัน หากยืนยัน แม่แบบดั้งเดิมจะถูกเขียนทับด้วยแม่แบบปัจจุบัน เมื่อคุณสร้างแม่แบบใหม่จากการเปลี่ยนแปลงที่ถูกดำเนินการ แม่แบบดังกล่าวจะมีความสำคัญมากกว่าแม่แบบอื่นๆ ซึ่งหมายความว่า แม่แบบที่แก้ไขแล้วจะยกเลิกแม่แบบก่อนหน้านี้อยู่เสมอ

หากคุณต้องการกลับไปที่แม่แบบก่อนหน้านี้ ให้คลิกปุ่มลบแม่แบบบนแท็บหน้าจอ

ชื่อแม่แบบจะถูกใช้เมื่อสร้างขอบเขตเฉพาะหน้าจอ คุณสามารถเชื่อมโยงสคริปต์ที่ดำเนินการเฉพาะเมื่อเข้าถึงหน้าจอนี้ (และหน้าจออื่นๆ ที่ใช้ชื่อแม่แบบเดียวกัน)

คุณสามารถเปลี่ยนแปลงชื่อแม่แบบได้ด้วยตัวเองตามความต้องการ

ในขณะที่คุณจัดการสคริปต์ ให้ใช้ชื่อเทมเพลตที่ปรากฏที่นี่เพื่อกำหนดขอบเขตของสคริปต์

เพิ่มตาราง

เพิ่มองค์ประกอบที่จัดเก็บตารางที่ทำให้คุณสามารถลากองค์ประกอบที่มีแล้ววางไว้ข้างๆ กันภายในที่จัดเก็บโดยมีแถวและคอลัมน์ ตารางสามารถรวมองค์ประกอบได้ทุกประเภท วิธีนี้จะเป็นประโยชน์มากสำหรับการนำเสนอองค์ประกอบหลายๆ รายการ เช่น ป้ายข้อมูลและฟิลด์ หรือแม้แต่รายการเมนูหลายๆ รายการ

แสดงตัวอย่าง

ดูลักษณะคร่าว ๆ ที่หน้าจอจะแสดงผลบนอุปกรณ์ เช่น เปลี่ยนแปลงขนาดของหน้าต่างแสดงตัวอย่าง เพื่อดูว่าหน้าจออาจแสดงผลบนอุปกรณ์แนวนอนในลักษณะใด

องค์ประกอบหน้าจอ

คอลัมน์นี้จะมีการตั้งค่าและตัวเลือกทั้งหมดในการจัดการองค์ประกอบที่จัดรูปแบบใหม่ จากที่นี่ คุณสามารถเปลี่ยนการจัดรูปแบบองค์ประกอบ เพิ่มรายการเมนูบริบท แล้วสร้างแบนเนอร์หน้าจอ เพียงเลือกองค์ประกอบจากคอลัมน์หน้าจอที่จัดรูปแบบใหม่ แล้วเริ่มต้นการแก้ไขคุณสมบัติที่นี่

ปิดหน้าจอ

พื้นหลังของหน้าจอ

ตั้งค่าสีพื้นหลังของหน้าจอทั้งหน้าจอ การดำเนินการนี้สามารถตั้งค่าแบบทีละหน้าจอหรือโดยใช้ธีมได้

ไม่แสดงแบนเนอร์

ซ่อนแบนเนอร์ส่วนกลางจากหน้าจอใดแต่ละหน้าจอ หากสร้างแบนเนอร์ขึ้นที่ระดับธีม ตัวเลือกนี้จะช่วยให้คุณซ่อนแบนเนอร์จากหน้าจอเลือก ตัวเลือกนี้จะไม่สามารถเปลี่ยนแปลงได้จนกว่าแบนเนอร์ส่วนกลางจะถูกตั้งค่า

องค์ประกอบแบนเนอร์

เปิดใช้งานองค์ประกอบแบนเนอร์ที่ปรากฏที่ด้านบนสุดของหน้าจอ เมื่อตั้งค่าเป็นเปิด แอพพลิเคชั่นจะนำทางคุณไปที่แท็บองค์ประกอบเพื่อปรับใช้การจัดสไตล์ ตั้งชื่อแบนเนอร์ หรืออัพโหลดภาพโลโก้ การดำเนินการนี้สามารถตั้งค่าแบบทีละหน้าจอหรือโดยใช้ธีมได้

องค์ประกอบส่วนท้าย

เพิ่มส่วนท้ายที่ด้านล่างสุดของหน้าจอ คุณสามารถลากแล้ววางองค์ประกอบใหม่หรือองค์ประกอบที่มีอยู่แล้วลงในองค์ประกอบนี้ได้ ส่วนท้ายและองค์ประกอบใดๆ ก็ตามที่มีอยู่ในภายในจะถูกกำหนดให้อยู่ที่ด้านล่างสุดของหน้าจอ แม้ว่าจะอยู่ในระหว่างการเลื่อนก็ตาม

พื้นหลังส่วนท้าย

ตั้งค่าสีพื้นหลังขององค์ประกอบส่วนท้าย วิธีนี้สามารถดำเนินการได้หากเปิดใช้งานองค์ประกอบส่วนท้าย

ลบแม่แบบ

ลบแม่แบบของหน้าจอที่เลือกแล้วรีเซ็ตการจัดรูปแบบของหน้าจอ

ลบหน้าจอ

ลบหน้าจอที่เลือกออกจากโปรเจคของคุณ

ปิดองค์ประกอบ

คุณสมบัติตาราง

 

หากต้องการสร้างตารางในหน้าจอที่จัดรูปแบบใหม่ ให้คลิกบนหน้าจอที่คุณต้องการเพิ่มตาราง จากนั้นคลิกปุ่ม เพิ่มตาราง ที่ด้านล่างของหน้าจอที่จัดรูปแบบใหม่

แถว

ตั้งค่าจำนวนรวมของแถวที่มีในตาราง ตามค่าเริ่มต้นแล้ว สิ่งนี้จะถูกตั้งค่าเป็น 2

การลดจำนวนแถวในตารางจะไม่ลบองค์ประกอบใดๆ ที่มีอยู่ในเซลล์ที่ถูกลบ องค์ประกอบเหล่านี้จะถูกลบออกจากตารางและวางไว้ด้านล่าง

คอลัมน์

ตั้งค่าจำนวนรวมของคอลัมน์ที่มีในตาราง ตามค่าเริ่มต้นแล้ว สิ่งนี้จะถูกตั้งค่าเป็น 2

การลดจำนวนคอลัมน์ในตารางจะไม่ลบองค์ประกอบใดๆ ที่มีอยู่ในเซลล์ที่ถูกลบ องค์ประกอบเหล่านี้จะถูกลบออกจากตารางและวางไว้ด้านล่าง

ความกว้าง

กำหนดขนาดพื้นที่เมื่อตารางปรากฏขึ้นในแนวนอนบนหน้าจอ ตามค่าเริ่มต้นแล้ว สิ่งนี้จะถูกตั้งค่าเป็น 100

ตารางจะจัดแนวให้อยู่ทางด้านซ้ายอยู่เสมอ

สีพื้นหลัง

ตั้งค่าสีพื้นหลังขององค์ประกอบนี้ การดำเนินการนี้สามารถตั้งค่าได้ที่ระดับตารางหรือธีม

การเปลี่ยนสีแถว

ตั้งค่าสีพื้นหลังของแถวโดยเว้นแบบแถวเว้นแถวในตาราง โดยเริ่มต้นจากแถวที่สอง การดำเนินการนี้สามารถตั้งค่าได้ที่ระดับตารางหรือธีม

เปลี่ยนแปลง

วิธีนี้จะช่วยให้คุณทำให้ตารางเป็นตารางแบบไดนามิกพร้อมกับฟิลด์ที่สามารถเลือกได้ การเปิดใช้งานตัวเลือกนี้จะมอบการเข้าถึงไปยังตัวเลือกไปที่คำสั่งขึ้น ไปที่คำสั่งขึ้นลง และเลือกคำสั่ง แถวที่เลือกจะแยกออกจากแถวอื่นๆ เพื่อเตือนเตือนผู้ใช้ว่าแถวใดถูกใช้อยู่

ไปที่คำสั่งขึ้น

ส่งค่าการกดเพื่อนำทางขึ้นหนึ่งแถวภายในตารางไดนามิก

ไปที่คำสั่งลง

ส่งค่าการกดเพื่อนำทางลงหนึ่งแถวภายในตารางไดนามิก

เลือกคำสั่ง

ส่งค่าการกดเพื่อเลือกฟิลด์ปัจจุบันสำหรับป้อนข้อมูลในตารางไดนามิก

คุณสมบัติองค์ประกอบ

ประเภทองค์ประกอบ

ระบุประเภทหรือหมวดหมู่ขององค์ประกอบ เมื่อตั้งค่าธีมแล้ว องค์ประกอบที่เป็นประเภทเดียวกันจะอยู่ภายใต้สไตล์ที่เหมือนกัน คุณสามารถแก้ไขประเภทองค์ประกอบแบบครั้งละหน้าจอ

ประเภทขององค์ประกอบที่ใช้ได้จะรวมถึง:

ส่วนหัว ข้อความส่วนหัวที่ระบุหน้าจอที่ใช้งานอยู่ในปัจจุบัน ไม่สามารถเพิ่มส่วนหัวไปยังองค์ประกอบที่สแปนแล้วได้

ป้ายข้อมูล ข้อความส่วนหัวย่อยแบบคงที่ที่ถูกใช้ทำเป็นป้ายฟิลด์ องค์ประกอบนี้จะช่วยให้คุณเปลี่ยนป้ายสำหรับหน้าจอที่จัดรูปแบบใหม่ แต่จะไม่เปลี่ยนเวอร์ชั่นสีดำและสีเขียวของป้ายนี้

ค่าข้อมูล ข้อความส่วนหัวย่อยแบบคงที่ที่ถูกใช้ทำเป็นป้ายฟิลด์ ไม่สามารถเปลี่ยนแปลงข้อความสำหรับค่านี้ได้

ฟิลด์ ฟิลด์ข้อความที่ว่างเปล่าซึ่งผู้ใช้ปลายทางสามารถป้อนข้อความได้ด้วยตัวเอง

รายการเมนู ปุ่มที่นำทางผู้ใช้ปลายทางไปยังหน้าจอต่างๆ ไม่สามารถรายการเมนูไปยังองค์ประกอบที่สแปนแล้วได้

ปุ่ม ปุ่มที่นำทางผู้ใช้ปลายทางไปยังหน้าจอต่างๆ ค่าข้อมูลเหล่านี้คล้ายกันกับรายการเมนู แต่ค่าเหล่าจะได้รับการจัดรูปแบบสำหรับการแสดงบนหน้าจอหน้าจอ ซึ่งสามารถเพิ่มไปที่องค์ประกอบและส่วนท้ายที่สแปนแล้วได้

องค์ประกอบแต่ละองค์ประกอบจะมีสไตล์ค่าเริ่มต้นที่เชื่อมโยงแล้วของตัวเอง ตามที่ถูกตั้งค่าโดยการจัดรูปแบบที่มีการคาดเดาของ Velocity สำหรับข้อมูลเพิ่มเติม โปรดดูที่ การจัดรูปแบบที่มีการคาดเดา

ลบ\ลบทั้งหมด

หากเลือกลบ คุณจะลบองค์ประกอบหน้าจอที่เลือกจากหน้าจอที่จัดรูปแบบใหม่แล้ว หากเลือกลบทั้งหมด คุณจะลบองค์ประกอบทั้งหมดจากหน้าจอที่จัดรูปแบบใหม่แล้ว ในการเพิ่มองค์ประกอบหน้าจอ โปรดดูที่ขั้นตอนที่อยู่ด้านล่าง การดำเนินการนี้ไม่สามารถตั้งค่าที่ระดับธีมได้

คุณสมบัติแบนเนอร์

ชื่อ

สร้างองค์ประกอบส่วนหัวที่ปรากฏที่ด้านบนสุดของหน้าจอ ข้อความที่ป้อนที่นี่จะปรากฏภายในองค์ประกอบดังกล่าว เมื่ออัพโหลดภาพแล้ว ข้อความในฟิลด์นี้จะปรากฏทางด้านขวาของภาพโลโก้ ตัวเลือกนี้จะปรากฏเมื่อเปิดใช้งาน องค์ประกอบแบนเนอร์ แล้วเท่านั้น

รูปภาพ

อัพโหลดภาพโลโก้แล้ววางภาพที่ด้านบนสุดของทุกๆ จอภาพ ภาพจะต้องมีความกว้างไม่เกิน 100 พิกเซลหรือไม่สูงเกิน 60 พิกเซล ตัวเลือกนี้จะปรากฏเมื่อเปิดใช้งาน องค์ประกอบแบนเนอร์ แล้วเท่านั้น หากคุณต้องการแทรกภาพที่อื่นที่ไม่ใช่แบนเนอร์ ให้สร้างองค์ประกอบรูปภาพแล้วจัดรูปแบบภาพจากคุณสมบัติองค์ประกอบ

คุณสมบัติฟอนต์

ตัวหนา

ปรับข้อความองค์ประกอบเป็นตัวหนา ตามค่าเริ่มต้น ระบบจะไม่ได้เลือกตัวเลือกนี้

ตัวเอียง

ปรับข้อความองค์ประกอบเป็นตัวเอียง ตามค่าเริ่มต้น ระบบจะไม่ได้เลือกตัวเลือกนี้

ขีดเส้นใต้

ขีดเส้นใต้ข้อความองค์ประกอบ ตามค่าเริ่มต้น ระบบจะไม่ได้เลือกตัวเลือกนี้

การปรับแนว

กำหนดว่าข้อความอยู่ทางซ้าย ขวา หรือตรงกลาง

ขนาด

ตั้งค่าขนาดของฟอนต์ข้อความขององค์ประกอบ ซึ่งสามารถปรับได้ตั้งแต่ 10 ไปจนถึง 20 จุด ค่าตั้งต้นนี้จะขึ้นอยู่กับประเภทองค์ประกอบที่เลือก

ตระกูล

ระบุตระกูลฟอนต์เพื่อใช้สำหรับองค์ประกอบ เมื่อตั้งค่าธีมแล้ว องค์ประกอบที่เป็นประเภทเดียวกันใช้สไตล์ตระกูลฟอนต์ที่เหมือนกัน

Serif

Sans-serif

ช่องว่างเดี่ยว

สีพื้นหลัง

ตั้งค่าสีพื้นหลังขององค์ประกอบนี้

สีฟอนต์

ตั้งค่าสีของข้อความที่มองเห็นได้สำหรับองค์ประกอบนี้

ข้อความ

ข้อความที่ปรากฏสำหรับองค์ประกอบนี้บนหน้าจอที่จัดรูปแบบใหม่แล้ว การตั้งค่านี้จะไม่เขียนทับข้อความใดๆ สำหรับหน้าจอดั้งเดิมสีดำและสีเขียว การดำเนินการนี้ไม่สามารถตั้งค่าที่ระดับธีมได้

คำสั่ง

เชื่อมโยงการกดปุ่มเฉพาะกับรายการเมนู เมื่อเลือกแล้ว พฤติกรรมที่เชื่อมโยงกับการกดคีย์นั้นจะถูกส่งไปที่โปรไฟล์โฮสต์ ตัวอย่างเช่น ในเซิร์ฟเวอร์สาธิต คำสั่งสำหรับรายการเมนูอาจเป็นหมายเลข 3 เมื่อส่งแล้ว ผู้ใช้จะนำทางไปที่หน้าจอต่อไป การดำเนินการนี้ไม่สามารถตั้งค่าที่ระดับธีมได้

คำสั่งที่ยอมรับจะมีอยู่ในการกดคีย์ต่อไปนี้:

ข้อความ เช่น ABC

คีย์ที่กำหนดชื่อใด ๆ เช่น {F1} ถึง {F24}

ค่าคีย์โค้ดฐานสิบหก เช่น {hex:E03B} สำหรับ F1)

มาโคร (ตัวอย่างเช่น: {hex:E050}{hex:E04D}{pause}{Enter} สำหรับ "ล่าง" "ขวา" หยุดพัก 250 มิลลิวินาที จากนั้นกดคีย์ "Enter")

สำหรับรายการค่าที่รองรับ โปรดดู รหัสแป้นพิมพ์และคำสั่ง

คุณสมบัติภาพ

การปรับแนว

ปรับแนวภาพภายในองค์ประกอบหลัก

สีพื้นหลัง

สีพื้นหลังที่แสดงขึ้นหากภาพมีความโปร่งใส

ภาพ URL

URL ของภาพ รวมถึงชื่อและนามสกุลไฟล์ พาธที่ไปยัง URL สามารถใช้ได้ 3 รูปแบบดังต่อไปนี้:

velocity://resources/ พาธไปยังทรัพยากรที่เชื่อมโยงกับโปรเจค

file:/// พาธที่ไปยังไฟล์ที่เก็บไว้ที่ใดที่หนึ่งบนอุปกรณ์ โปรดทราบว่าต้องเพิ่มเครื่องหมายทับ (/) อีกหนึ่งตัว ส่วนนี้จะไม่ได้รับการรองรับใน iOS หรือ Android 10 หรือใหม่กว่า

http:// หรือ https:// พาธไปยังไฟล์ที่จัดเก็บไว้บนเซิร์ฟเวอร์ระยะไกลที่สามารถเข้าใช้งานได้ด้วย http หรือ https

มีตัวแปร 3 ประเภทที่คุณสามารถใช้ใน URL ของภาพได้ ดังต่อไปนี้: 

ตัวแปรองค์ประกอบจะใช้ข้อความเดียวกันจากหน้าจอดั้งเดิมในรูปแบบ {component:the Component ID} ตัวอย่างเช่น:

velocity://resources/{component:added_636511066245633526}.jpg

ใช้ข้อความที่พบในองค์ประกอบข้อความเป็นชื่อภาพ ไม่ว่าจะเป็นข้อความสำหรับสิ่งใดแต่ละหน้า

ตัวแปรสคริปต์ที่คืนสตริงข้อความในรูปแบบ {script:function()} ตัวอย่างเช่น:

file:///{script:FindImage()}

ใช้พาธและชื่อไฟล์ที่คืนโดยสคริปต์ FindImage

ตัวแปรหน้าจอจะระบุแถว คอลัมน์ และความยาวของข้อความในรูปแบบ {screen:row,column:length} ตัวอย่างเช่น:

http://172.27.0.21/warehouse/images/{screen:4,1:12}.png

จะใช้อักขระ 12 ตัว เริ่มจากแถวที่ 4 คอลัมน์ที่ 1 ในหน้าจอปัจจุบันเป็นชื่อไฟล์

สามารถใช้ตัวแปรสำหรับชื่อไฟล์หรือส่วนอื่นของ URL ได้ และคุณสามารถใช้ตัวแปรได้หลายตัวใน URL หากจำเป็น

ID ส่วนประกอบ

องค์ประกอบ ID ที่เชื่อมโยงกับองค์ประกอบภาพ

คุณสมบัติแป้นพิมพ์

แสดงแป้นพิมพ์

ตั้งค่าพฤติกรรมสำหรับป็อปอัพแป้นพิมพ์เมื่อองค์ประกอบฟิลด์ถูกเลือก การดำเนินการนี้ไม่สามารถตั้งค่าที่ระดับธีมได้

แสดง แป้นพิมพ์จะปรากฏโดยอัตโนมัติเมื่อกดแท็บไปที่ฟิลด์

ซ่อน หากแป้นพิมพ์เปิดใช้งานอยู่ แป้นพิมพ์จะซ่อนโดยอัตโนมัติเมื่อกดแท็บไปที่ฟิลด์

ปิดใช้งาน ทั้งแป้นพิมพ์แบบกำหนดเองและแป้นพิมพ์แบบค่าเริ่มต้นจะไม่สามารถใช้ได้เมื่อกดแท็บไปที่ฟิลด์

แป้นพิมพ์แนวตั้ง

ตั้งค่าแป้นพิมพ์ตั้งต้นแบบกำหนดเองเพื่อใช้งานเมื่อหน้าจอแสดงในแนวตั้ง การดำเนินการนี้ไม่สามารถตั้งค่าที่ระดับธีมได้

หากเว้นว่างไว้ ระบบจะใช้แป้นพิมพ์ตั้งต้นแบบกำหนดเอง โดยเป็นแป้นพิมพ์ที่อยู่ด้านบนสุดในรายการบนแผงแป้นพิมพ์ของหน้าจอแป้นพิมพ์

แป้นพิมพ์แนวนอน

ตั้งค่าแป้นพิมพ์ตั้งต้นแบบกำหนดเองเพื่อใช้งานเมื่อหน้าจอแสดงในแนวนอน การดำเนินการนี้ไม่สามารถตั้งค่าที่ระดับธีมได้

หากเว้นว่างไว้ ระบบจะใช้แป้นพิมพ์ตั้งต้นแบบกำหนดเอง โดยเป็นแป้นพิมพ์ที่อยู่ด้านบนสุดในรายการบนแผงแป้นพิมพ์ของหน้าจอแป้นพิมพ์

ID ส่วนประกอบ

ระบุฟิลด์ในตัวระบุ ฟิลด์นี้ไม่สามารถเปลี่ยนแปลงได้และจะถูกกำหนดโดยอัตโนมัติในระหว่างการสร้างองค์ประกอบ จุดประสงค์ของค่านี้คือเพื่ออ้างอิงในสคริปต์ที่ส่งผลต่อฟิลด์เฉพาะ

ID ขอบเขต

ระบุขอบเขตของหน้าจอและฟิลด์ ซึ่งไม่สามารถเปลี่ยนแปลงได้และจะถูกกำหนดโดยทันทีในระหว่างการสร้างองค์ประกอบ

ค่าในส่วนนี้จะมีชื่อแม่แบบและ ID ส่วนประกอบ ซึ่งคั่นด้วยเครื่องหมายจุลภาพและอยู่ด้ายหลังเครื่องหมาย @ คุณควรคัดลอกแล้ววางค่าในช่องนี้เมื่อคุณตั้งค่าขอบเขตเฉพาะฟิลด์จากแท็บสคริปต์

ปิดเมนูบริบท

เพิ่มใหม่

เพิ่มรายการเมนูบริบทใหม่ ช่วยให้คุณระบุชื่อเรื่องรายการเมนูและคำสั่งทางลัด รายการเมนูไม่สามารถเพิ่มที่ระดับธีมได้

เพิ่มเสียง

เปิดใช้งานความสามารถแปลงข้อความเป็นคำพูดและแปลงคำพูดเป็นข้อความสำหรับเมนูรายการดังกล่าว นอกจากนี้ การทำเช่นนี้ยังเป็นการเพิ่มฟิลด์ วลีที่ตรงกัน ซึ่งต้องการมาโครเสียงใน คำสั่งทางลัด เพื่อให้การดำเนินการเกี่ยวกับเสียงที่กำหนดไว้เฉพาะเสร็จสิ้น ฟังก์ชันควบคุมด้วยเสียงนั้นจะต้องใช้เครื่องมือ Speakeasy สำหรับข้อมูลเพิ่มเติม โปรดดูที่ การใช้ Speakeasy

รายการเมนูส่วนกลาง

ระบุรายการเมนูเป็นรายการเฉพาะหน้าจอหรือรายการส่วนกลาง หากตั้งค่าเป็นเปิด รายการเมนูจะปรากฏบนเมนูบริบทสำหรับทุกหน้าจอ หากตั้งค่าเป็นปิด รายการเมนูจะปรากฏเฉพาะบนเมนูบริบทสำหรับหน้าจอปัจจุบันเท่านั้น

รายการเมนู

สร้างและแก้ไขรายการเมนูสำหรับเมนูบริบท

จากหัวข้อนี้ คุณสามารถกำหนดค่าการตั้งค่าได้ ดังต่อไปนี้:

ชื่อเรื่องรายการเมนู ข้อความที่ปรากฏเป็นป้ายสำหรับรายการเมนูบริบท

คำสั่งทางลัด เชื่อมโยงการกดปุ่มเฉพาะกับรายการเมนู สำหรับตัวอย่างคำสั่งที่ยอมรับ โปรดดูที่ รหัสแป้นพิมพ์และคำสั่ง

ลบ ลบรายการเมนูที่เลือก

เสร็จ ปรับใช้การเปลี่ยนแปลงไปที่เมนูบริบทซึ่งสามารถมองเห็นได้บนแผงหน้าจอที่จัดรูปแบบใหม่แล้ว

เปิดใช้งานเสียง

เปิดใช้งานการใช้งานวลีการใช้งานด้วยเสียงเพื่อเข้าถึงฟังก์ชั่นเมนูบริบท วิธีนี้จะทำให้ฟิลด์วลีที่ตรงกันปรากฏขึ้น

การจับคู่วลี

ตังค่าคำสั่งเสียงเพื่อเปิดใช้งานรายการเมนู สามารถป้อนวลีใดก็ได้ที่นี่ ซึ่งเป็นวลีที่ Client สามารถออกเสียงได้ สามารถสร้างวลีที่ตรงกันได้สำหรับรายการเมนูเท่านั้น

เมื่อมีการตรวจพบวลีที่ตรงกัน ระบบจะทำการเรียกใช้มาโคร ข้อความ หรือสคริปต์ใดๆ ก็ตามที่กำหนดไปที่ฟิลด์ คำสั่งทางลัด โดยอัตโนมัติ หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับคำสั่งทางลัด โปรดดูที่ คำสั่งทางลัดเสียงพูด