blockly > แถบเลื่อน

คลาสแถบเลื่อน

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

ลายเซ็น:

export declare class Scrollbar 

ผู้ผลิต

ผู้ผลิต คีย์ตัวปรับแต่ง คำอธิบาย
(เครื่องมือสร้าง)(พื้นที่ทำงาน, แนวนอน, opt_pair, opt_class, opt_อัตรากำไร) สร้างอินสแตนซ์ใหม่ของคลาส Scrollbar

พร็อพเพอร์ตี้

พร็อพเพอร์ตี้ คีย์ตัวปรับแต่ง ประเภท คำอธิบาย
lengthAttribute_ สตริง แอตทริบิวต์ DOM ที่ควบคุมความยาวของแถบเลื่อน แถบเลื่อนแนวนอนและแนวตั้งจะแตกต่างออกไป
onMouseDownBarWrapper_ browserEvents.Data แฮนเดิลสำหรับเหตุการณ์ที่ใช้เมาส์ดาวน์บนพื้นหลังของแถบเลื่อน
onMouseDownHandleWrapper_ browserEvents.Data ตัวแฮนเดิลสำหรับเหตุการณ์การเลื่อนเมาส์ลงบนแฮนเดิลของแถบเลื่อน
onMouseMoveWrapper_ browserEvents.Data | ค่าว่าง เครื่องจัดการเหตุการณ์การเลื่อนเมาส์ขึ้นเพื่อหยุดการลากแถบเลื่อน
onMouseUpWrapper_ browserEvents.Data | ค่าว่าง ตัวแฮนเดิลสำหรับเหตุการณ์การเลื่อนเมาส์ระหว่างการลากแถบเลื่อน
positionAttribute_ สตริง แอตทริบิวต์ DOM ที่ควบคุมตำแหน่งของแถบเลื่อน แถบเลื่อนแนวนอนและแนวตั้งจะแตกต่างออกไป
scrollbarThickness static ตัวเลข ความกว้างของแถบเลื่อนแนวตั้งหรือความสูงของแถบเลื่อนแนวนอนในหน่วยพิกเซล CSS แถบเลื่อนควรมีขนาดใหญ่ขึ้นในอุปกรณ์ระบบสัมผัส

เมธอด

วิธีการ คีย์ตัวปรับแต่ง คำอธิบาย
dispose() กำจัดแถบเลื่อนนี้ นำองค์ประกอบ DOM, Listener เหตุการณ์ และการสมัครรับข้อมูลธีมออก
isVisible() แถบเลื่อนปรากฏให้เห็นหรือไม่ แถบเลื่อนที่ไม่ได้จับคู่จะหายไปเมื่อไม่จำเป็น
resize(opt_metrics) คำนวณตำแหน่งและความยาวของแถบเลื่อนอีกครั้ง
resizeContentHorizontal(hostMetrics) คำนวณตำแหน่งของแถบเลื่อนแนวนอนใหม่ภายในเส้นทางและความยาว โดยควรเรียกใช้เมื่อมีการเปลี่ยนแปลงเนื้อหาของพื้นที่ทำงาน
resizeContentVertical(hostMetrics) คำนวณตำแหน่งของแถบเลื่อนแนวตั้งอีกครั้งภายในเส้นทางและความยาว โดยควรเรียกใช้เมื่อมีการเปลี่ยนแปลงเนื้อหาของพื้นที่ทำงาน
resizeViewHorizontal(hostMetrics) คำนวณตำแหน่งของแถบเลื่อนแนวนอนบนหน้าจอและความยาวเส้นทางอีกครั้ง ซึ่งควรเรียกข้อมูลนี้เมื่อเลย์เอาต์หรือขนาดของหน้าต่างมีการเปลี่ยนแปลง
resizeViewVertical(hostMetrics) คำนวณตำแหน่งของแถบเลื่อนแนวตั้งบนหน้าจอและความยาวเส้นทางอีกครั้ง ซึ่งควรเรียกข้อมูลนี้เมื่อเลย์เอาต์หรือขนาดของหน้าต่างมีการเปลี่ยนแปลง
set(value, updateMetrics) กำหนดตำแหน่งของแฮนเดิลแถบเลื่อน
setContainerVisible(visible) กำหนดว่าจะแสดงคอนเทนเนอร์ของแถบเลื่อนได้หรือไม่ แล้วอัปเดตการแสดงผลให้สอดคล้องกันหากการแสดงผลมีการเปลี่ยนแปลง
setHandlePosition(newPosition) ตั้งค่าออฟเซ็ตของแฮนเดิลของแถบเลื่อนจากตำแหน่งของแถบเลื่อน และเปลี่ยนแอตทริบิวต์ SVG ให้สอดคล้องกัน
setOrigin(x, y) บันทึกต้นทางของพื้นที่ทำงานที่มีแถบเลื่อนอยู่ ในหน่วยพิกเซลที่สัมพันธ์กับต้นทาง div การแทรก ซึ่งจะเป็นกรณีที่มีการใช้แถบเลื่อนในออบเจ็กต์ที่มีต้นทางไม่ตรงกับพื้นที่ทำงานหลัก (เช่น ในการเลื่อนออก)
setVisible(visible) ตั้งค่าว่าจะให้แถบเลื่อนปรากฏหรือไม่ มีผลกับแถบเลื่อนที่ไม่ได้จับคู่เท่านั้น
updateDisplay_() อัปเดตการแสดงแถบเลื่อนโดยขึ้นอยู่กับว่าระบบควรมองเห็นแถบเลื่อนหรือไม่และพื้นที่ทำงานที่มีแสดงหรือไม่ เราไม่สามารถใช้พื้นที่ทำงานที่มีอยู่ซึ่งซ่อนอยู่เพื่อซ่อนเรา เนื่องจากไม่จำเป็นต้องเป็นพื้นที่ทำงานระดับบนใน DOM