How a Scroll Pane WorksHere is a sn

How a Scroll Pane Works

Here is a snapshot of an application that uses a customized scroll pane to view a photograph:



The scroll pane in this application looks very different from the one in the previous demo program. Rather than displaying text, this scroll pane contains a image. The scroll pane also has two scroll bars, a row header, a column header, and four corners, three of which have been customized.



Click the Launch button to run ScrollDemo using Java™ Web Start (download JDK 7 or later). Alternatively, to compile and run the example yourself, consult the example index.Launches the ScrollDemo example

Move the knobs on the scroll bars. Watch the image scroll and the horizontal and vertical rulers scroll along.

If you have a mouse with a wheel (which is generally between the mouse buttons) use the mouse wheel to scroll the image vertically.

Click the cm toggle in the upper left corner of the scroll pane. The units on the row and column headers change to inches (or back to centimeters).

Click the arrow buttons on the scroll bars. Also, try clicking on the track above or below the knob on the vertical scroll bar, or to the left or right of the horizontal one.

Move the cursor over the image and press the cursor. Continuing to press the cursor, drag to a point outside the image and pause. The visible area of the image moves toward the cursor. This scroll-by-dragging functionality is enabled by the scroll pane, and with the JComponent API, but it is implemented by the custom component that displays the image.

Resize the window. Notice that the scroll bars disappear when the scroll pane is large enough to display the entire image and reappear again when the scroll pane is too small to show the entire image

ผลลัพธ์ (ไทย) 1:

วิธีการทำงานของบานเลื่อนนี่คือภาพรวมของโปรแกรมประยุกต์ที่ใช้บานเลื่อนแบบกำหนดเองเมื่อต้องการดูรูปถ่าย:บานเลื่อนหน้าต่างในโปรแกรมประยุกต์นี้มีลักษณะแตกต่างจากในโปรแกรมสาธิตก่อนหน้านี้มาก แทนที่จะแสดงข้อความ เลื่อนบานนี้ประกอบด้วยรูป บานเลื่อนมีแถบเลื่อนสอง แถวส่วนหัว ส่วนหัวของคอลัมน์ และ 82 สามที่เองคลิกปุ่มเปิดเพื่อเรียกใช้ ScrollDemo ที่ใช้ Java ™เว็บเริ่มต้น (ดาวน์โหลด JDK 7 หรือรุ่นที่ใหม่กว่า) หรือ เพื่อคอมไพล์ และเรียกใช้ตัวอย่างเอง ดูตัวอย่างดัชนี เปิดตัวอย่าง ScrollDemoย้ายลูกบิดบนแถบเลื่อน ดูรูปภาพเลื่อนและแนว และไม้บรรทัดแนวตั้งเลื่อนไปตามถ้าคุณมี เมาส์แบบ มีล้อเลื่อน (ซึ่งโดยทั่วไประหว่างปุ่มเมาส์) ใช้ล้อเลื่อนของเมาส์เพื่อเลื่อนภาพตามแนวตั้งคลิกสลับซม.ในมุมซ้ายด้านบนของบานเลื่อน หน่วยบนส่วนหัวของแถวและคอลัมน์เปลี่ยนนิ้ว (หรือกลับเซนติเมตร)คลิกปุ่มลูกศรบนแถบเลื่อน ยัง ลองคลิกที่ติดตามเหนือ หรือ ใต้ปุ่ม บน แถบเลื่อนแนวตั้ง หรือ ไปทางซ้าย หรือขวาของแนวนอนย้ายเคอร์เซอร์รูป และกดเคอร์เซอร์ ต่อไปกดเคอร์เซอร์ ลากไปยังจุดภายนอกภาพ และหยุดชั่วคราว พื้นที่ที่มองเห็นของภาพย้ายไปเคอร์เซอร์ เปิดใช้งานฟังก์ชันนี้เลื่อนโดยลาก จากบานเลื่อน และ JComponent API แต่จะนำมาใช้ โดยคอมโพเนนต์แบบกำหนดเองที่แสดงภาพปรับขนาดหน้าต่าง สังเกตว่า แถบเลื่อนหายไปเมื่อบานเลื่อนมีขนาดใหญ่พอที่จะแสดงทั้งภาพ และปรากฏการขึ้นใหม่อีกครั้งเมื่อบานเลื่อนมีขนาดเล็กเกินไปที่จะแสดงทั้งภาพ

ผลลัพธ์ (ไทย) 2:

วิธีเลื่อนบานหน้าต่างการทำงานที่นี่เป็นภาพรวมของโปรแกรมประยุกต์ที่ใช้บานหน้าต่างเลื่อนกำหนดเองเพื่อดูภาพ: บานหน้าต่างเลื่อนในโปรแกรมนี้มีลักษณะที่แตกต่างกันมากจากที่หนึ่งในโปรแกรมการสาธิตก่อนหน้านี้ แทนที่จะแสดงข้อความบานหน้าต่างเลื่อนนี้มีภาพ บานหน้าต่างเลื่อนยังมีสองแถบเลื่อนหัวแถวส่วนหัวของคอลัมน์และมุมทั้งสี่สามซึ่งได้รับการปรับแต่ง. คลิกที่ปุ่มเปิดตัวในการทำงาน ScrollDemo ใช้ Java ™ Web Start (ดาวน์โหลด JDK 7 หรือสูงกว่า) อีกทางเลือกหนึ่งในการรวบรวมและเรียกตัวเองตัวอย่างปรึกษาตัวอย่าง index.Launches ตัวอย่าง ScrollDemo ย้ายปุ่มบนแถบเลื่อน ดูเลื่อนภาพและการปกครองในแนวนอนและแนวตั้งเลื่อนไป. ถ้าคุณมีเมาส์ที่มีล้อ (ซึ่งโดยทั่วไประหว่างปุ่มเมาส์) กใช้ล้อเมาส์เพื่อเลื่อนภาพในแนวตั้ง. คลิกซมสลับที่มุมบนซ้ายของ บานหน้าต่างเลื่อน หน่วยบนส่วนหัวของแถวและคอลัมน์เปลี่ยนนิ้ว (หรือกลับไปเซนติเมตร). คลิกที่ปุ่มลูกศรบนแถบเลื่อน นอกจากนี้ลองคลิกในการติดตามบนหรือด้านล่างปุ่มบนแถบเลื่อนแนวตั้งหรือไปทางซ้ายหรือขวาของหนึ่งในแนวนอน. เลื่อนเคอร์เซอร์ไปที่ภาพและกดเคอร์เซอร์ อย่างต่อเนื่องเพื่อกดเคอร์เซอร์ลากไปยังจุดที่อยู่นอกภาพและหยุดการทำงานชั่วคราว พื้นที่ที่มองเห็นของภาพที่จะย้ายไปยังเคอร์เซอร์ เลื่อนนี้โดยการลากฟังก์ชันการทำงานที่เปิดใช้งานโดยเลื่อนบานหน้าต่างและมี JComponent API แต่มันถูกนำมาใช้โดยองค์ประกอบที่กำหนดเองที่แสดงภาพ. ปรับขนาดหน้าต่าง ขอให้สังเกตว่าแถบเลื่อนหายไปเมื่อเลื่อนบานหน้าต่างที่มีขนาดใหญ่พอที่จะแสดงภาพทั้งหมดและเกิดขึ้นอีกครั้งอีกครั้งเมื่อเลื่อนบานหน้าต่างที่มีขนาดเล็กเกินไปที่จะแสดงให้เห็นภาพทั้งหมด

ผลลัพธ์ (ไทย) 3:

วิธีการเลื่อนบานหน้าต่างงาน

ที่นี่ภาพรวมของโปรแกรมที่ใช้ปรับแต่งเลื่อนบานหน้าต่างเพื่อดูภาพ :



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



คลิกปุ่มเปิดใช้ scrolldemo โดยใช้ Java Web Start ( ™ดาวน์โหลด JDK 7 หรือในภายหลัง ) อีกวิธีหนึ่งคือ การรวบรวมและเรียกใช้ตัวอย่างเอง ปรึกษาดัชนีตัวอย่างเช่น เปิดตัวอย่าง

scrolldemo ขยับลูกบิดบนแถบเลื่อน . ดูเลื่อนภาพและผู้ปกครองเลื่อนไปตามแนวนอนและแนวตั้ง .

หากคุณมีเมาส์ที่มีล้อ ( ซึ่งโดยทั่วไประหว่างปุ่มเมาส์ ) ใช้ล้อเมาส์เพื่อเลื่อนภาพแนวตั้ง

คลิกโฆษณาสลับในมุมบนด้านซ้ายของเลื่อนบานหน้าต่าง . หน่วยในแถว และส่วนหัวของคอลัมน์เปลี่ยนนิ้ว ( หรือกลับไปเซนติเมตร )

คลิกปุ่มลูกศรในแถบเลื่อน . นอกจากนี้ลองคลิกติดตามด้านบนหรือด้านล่างของปุ่มบนแถบเลื่อนแนวตั้งหรือซ้ายหรือขวาของเส้นแนวนอน .

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

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