444

8) ทดลอง run Form จะได Form พรอมทั้งแสดง Horizontal toolbar ดังรูป

Horizontal toolbar

รูปที่ 25-8 Horizontal toolbar ใน Master form

จากรูป Horizontal toolbar แสดงในสวนของ Form โดยแสดงที่สวนบนของ Form ไมไดแสดงนอก Form ใหเขาใจงายๆวา toolbar
canvas วางอยูบน content canvas

9) save Form เก็บไวโดยใชคําสั่ง File->Save แลวตั้งชื่อไฟลเปน f_item_toolbars_test.fmb เพื่อนํากลับมาใชในภายหลัง

สําหรับ vertical toolbar มีหลักการสรางเชนเดียวกับ horizontal toolbar จึงไมขอกลาวถึง

ดูตัวอยาง Form ที่มี Horizontal toolbar ไดที่

File Name : F_ITEM_TOOLBARS.FMB
Location : C:\dev10g\form\chap_25

การแสดง Icons บนปุม (Buttons)

นอกจากแสดง text บนปุมบน toolbars ในรูปที่ 25-8 แลว เรายังแสดง icons บน toolbars ไดเชนกันดังรูป

Icons บน toolbars

รูปที่ 25-9 Icons แสดงบนปุมบน Toolbars

Oracle Forms เวอรชั่น 6i ใชไฟล .ico กับปุมเพื่อแสดง icon บนปุม แตสําหรับ Developer Suite 10g ไฟลนี้ไดถูกเปลี่ยนใหมาใช .gif
และ .jpg แทน ถึงแมในเวอรชั่น 10g ตอนออกแบบสราง Forms เราใช .ico และเห็น icon แสดงบนปุมทันทีก็ตาม แตเมื่อสั่ง run
Form รูป icon จะไมถูกแสดงออกมา ทั้งนี้เปนเพราะไฟล icon สําหรับ web application ตองมี format เปน .gif หรือ .jpg เทานั้น
ไฟล icon เมื่อเลือกใชตองเปน format เดียวกัน (gif หรือ jpg) เพราะเราตองระบุนามสกุลของไฟลที่ใชใน parameter ที่กําหนดใน
ไฟล registry.dat

บทที่ 25 การสราง Toolbars

 445

วิธีแสดง icons บน toolbars มี 4 ขั้นตอน

1) กําหนด property ของปุมที่ตองการใหแสดง icon

รูปที่ 25-10 Property ของปุม

จากรูป ใหกําหนด property

Iconic : Yes (กําหนดเพื่อใหปุมแสดง icon)
Icon Filename : ชื่อไฟล icon (gif หรือ jpg)

ชื่อไฟล icon ใหระบุแตชื่อไฟล ไมตองระบุนามสกุล และ path ชื่อไฟลเลือกใชได 2 ประเภทคือ gif และ jpg ใหเลือกใชอยางใดอยาง
หนึ่ง คือถาเลือกเปน gif ก็ใหใช gif กับปุมทั้งหมด

2) Copy ไฟล icons ที่ตองการใหแสดงบนปุมไปไวใน directory ที่ตองการ

ใหสราง folder เพื่อเก็บไฟล icons โดยใหอยูภายใต Oracle home (C:\DevSuiteHome_1) และ subfolder ชื่อ forms ใหสราง
folder ชื่อ image เพื่อใชเก็บไฟล icons ตัวอยางเชน C:\DevSuiteHome_1/forms/image แลวนําไฟล icons ที่ตองการใหแสดง
บนปุมไปไวใน folder นี้

ผูเขียนเตรียมไฟล icons ที่แสดงในรูปที่ 25-9 มาใหแลว เปน .gif โดยเก็บไวที่ C:\dev10g\image\chap_25 ผูอานนํามาทดลอง
ใชได ไฟลเหลาผูเขียนนํามาจาก subfolder ใน C:\DevSuiteHome_1 ให search หาไฟลที่เปน .gif จะมีไฟลเปนจํานวนมากให
เลือกใชตามความเหมาะสม

3) แกไขไฟล orion-web.xml
ไฟลนี้เก็บไวใน C:\DevSuiteHome_1/j2ee/devsuite/application_deployments/forms/formsweb ใหใช Notepad หรือ text
editor ตัวใดก็ไดแกไขขอความในไฟลโดยเพิ่มขอความใตบรรทัดที่เปน
<virtual-directory virtual-path="/jinitiator" real-path="C:\DevSuiteHome_1/jinit" />

ใหเพิ่มบรรทัดนี้ไวดานลางถัดลงมาเปน
<virtual-directory virtual-path="/image" real-path="C:\DevSuiteHome_1/forms/image" />

เมื่อเพิ่มแลวให save ไฟล ถาในระหวางที่แกไขมีการ start OC4J ให stop กอนแลวจึง start ใหมเพื่อใหมีการอานคาในไฟลนี้ใหม

(ดูตัวอยางไฟล orion-web.xml ไดที่ C:\dev10g\text\chap_25)

4) แกไขไฟล registry.dat
ไฟลนี้เก็บไวใน C:\DevSuiteHome_1/forms/java/oracle/forms/registry ใหใช Notepad หรือ text editor ตัวใดก็ไดแกไข
ขอความในไฟลโดยใหหาบรรทัดที่มีขอความเปน

default.icons.iconpath=
default.icons.iconextension=gif

ใหแกไขเปน

default.icons.iconpath=image/
default.icons.iconextension=gif

บทที่ 25 การสราง Toolbars

446

iconpath กําหนดเปน image/ ตรงกับที่เรากําหนดไวในขั้นตอนที่ 3 คือ C:\DevSuiteHome_1/forms/image เปนการกําหนด

iconpath ใหกับ virtual directory สวน iconextension กําหนดเปน gif เพราะไฟล icon ที่เก็บในขั้นตอนที่ 2 เปน gif ถากําหนดไม
ตรงกัน เชนกําหนดเปน jpg จะทําให icon ไมแสดงบนปุมเนื่องจากหาไฟลไมพบ

(ดูตัวอยางไฟล registry.dat ไดที่ C:\dev10g\text\chap_25)

เมื่อทําครบทั้ง 4 ขั้นตอนแลวใหทดลอง run Form จะปรากฏ icon บนปุมดังรูป

แกไขจาก text
เปน icon แลว

รูปที่ 25-11 Icon แสดงบนปุมใน Toolbars

จากรูป ขอความบนปุมแรกคือ First ถูกแทนที่ดวยสัญลักษณที่เปน icon แทน ใหแกไขปุมที่เหลือโดยใชหลักการเดียวกัน

นอกจากแสดง icon บนปุมบน toolbars แลวเรายังสามารถแสดง icon บนปุมที่อยูบน Form ไดเชนกันดังรูป

Icon แสดงบนปุม

รูปที่ 25-12 Icon แสดงบนปุมบน Form

จากรูป เรานํารูปภาพมาไวบนปุมบน Form ถารูปภาพมีขนาดใหญเราตองขยายปุมใหมีขนาดพอดีกัน มิฉะนั้นภาพจะแสดงไมเต็มภาพ

เรานําวิธีนี้ไปประยุกตใชกับการออกแบบหนาจอแบบ switchboard ใหผูใชคลิกเลือกระบบงานที่ตองการจากรูปที่แสดงบนปุมได

ดูตัวอยาง Form ที่แสดง icons บน toolbars ไดที่

File Name : F_ITEM_ICONS.FMB
Location : C:\dev10g\form\chap_25

บทที่ 25 การสราง Toolbars