UNIDSA เป็นจานสีที่เป็นนวัตกรรมที่พัฒนาขึ้นโดยเฉพาะเพื่อปรับปรุงและขยายขีด ความสามารถของ UNIGUI ใน Delphi ประกอบด้วยเครื่องมือที่ปรับแต่งได้สูงจานสีนี้มีจุดมุ่งหมายเพื่อนำเสนอโซลูชั่นที่สง่างามและมีประสิทธิภาพมากขึ้นสำหรับการสร้างส่วนต่อประสานผู้ใช้ที่ทันสมัย
ส่วนประกอบที่มีอยู่
tunidsaqrcodereader tunidsaconfirm tunidsatoast tunidsamenlateral tunidsalogin
นี่คือองค์ประกอบขั้นสูงที่พัฒนาขึ้นเพื่อใช้ประโยชน์จากพลังของ HTML5 ในการอ่านบาร์โค้ด ** และรหัส QR ที่หลากหลาย ** ออกแบบให้มีความยืดหยุ่นสูง Tunidsaqrcodereader ให้นักพัฒนาซอฟต์แวร์สามารถปรับแต่งรหัสประเภทที่พวกเขาต้องการอ่านรวมถึงตัวเลือกในการเลือกอุปกรณ์การอ่านที่เฉพาะเจาะจง
| พิมพ์ | คำอธิบาย |
|---|---|
| qr_code | อนุญาตให้อ่านรหัส QR เริ่มต้น |
| ชาวแอซเท็ก | การสนับสนุนการอ่านรหัส Aztec |
| คนโง่ | ระบุและอ่านรหัส CODABAR |
| code_39, code_93, code_128 | การอ่านรหัสรหัสที่ครอบคลุมครอบคลุมรูปแบบ 39, 93 และ 128 |
| data_matrix | มีคุณสมบัติในการรับรู้และตีความรหัสเมทริกซ์ข้อมูล |
| Maxicode | รองรับรหัส Maxicode |
| ITF | เข้ากันได้กับรหัส interleaved 2 จาก 5 (ITF) |
| EAN_13, EAN_8 | การอ่านรหัส EAN รวมถึงรูปแบบ 13 และ 8 |
| PDF_417 | สนับสนุนรหัส PDF417 |
| rss_14, rss_expanded | มีคุณสมบัติสำหรับรหัส RSS ทั้งในเวอร์ชัน 14 และในเวอร์ชันขยาย |
| UPC_A, UPC_E, UPC_EAN_EXTENSION | เข้ากันได้กับรูปแบบ UPC รวมถึงส่วนขยายของ EAN |
การเลือกประเภทรหัส: นักพัฒนามีอิสระในการทำเครื่องหมายหรือยกเลิกการเลือกรหัสการอ่านเฉพาะตามความต้องการของแอปพลิเคชัน
ตัวเลือกอุปกรณ์: จัดเตรียมตัวเลือกในการเลือกอุปกรณ์การอ่านเฉพาะเพื่อให้มั่นใจว่ามีความหลากหลายมากขึ้นในการจับรหัส
ภาพประกอบเพราะส่วนประกอบสามารถมีตัวเลือกการปรับแต่ง ...
Tunidsaconfirm ทำหน้าที่สร้างและจัดการหน้าต่างโต้ตอบโมดอลสำหรับการยืนยันการแจ้งเตือนและการแจ้งตามปลั๊กอินที่มีอยู่ใน jQuery-Confir ส่วนประกอบนี้มีคุณสมบัติและวิธีการที่หลากหลายที่อนุญาตให้ปรับแต่งอย่างละเอียดของหน้าต่างโต้ตอบซึ่งครอบคลุมจากเนื้อหาที่แสดงถึงด้านสุนทรียภาพและการทำงานของหน้าต่าง
ทั่วไป :
Title กำหนดชื่อของหน้าต่างโต้ตอบContent กำหนดเนื้อหาหลักของหน้าต่างโต้ตอบIcon ช่วยให้คุณสามารถกำหนดไอคอนสำหรับหน้าต่างโต้ตอบTheme กำหนดธีมของหน้าต่างช่วยให้การปรับแต่งความงามการควบคุมหน้าต่าง:
Draggable หากสามารถลากหน้าต่างได้เนื้อหา:
ContentFile ช่วยให้คุณสามารถโหลดเนื้อหาหน้าต่างจากไฟล์ภายนอกSmoothContent ช่วยให้สามารถเปลี่ยนเนื้อหาได้อย่างนุ่มนวลปุ่ม:
Buttons กำหนดปุ่มที่มีอยู่ในหน้าต่างโต้ตอบOnButtonClick ขับเคลื่อนด้วยการคลิกปุ่มภาพเคลื่อนไหว:
Animation กำหนดประเภทของภาพเคลื่อนไหวที่ใช้โดยการเปิดและปิดหน้าต่างTypeAnimated กำหนดว่าหน้าต่างจะเป็นภาพเคลื่อนไหวเมื่อเปลี่ยนประเภทเค้าโครงและสไตล์:
BoxWidth กำหนดความกว้างของหน้าต่างTitleClass ColumnClass ช่วยให้คุณสามารถกำหนดคลาสที่กำหนดเองสำหรับองค์ประกอบต่าง ๆ ของหน้าต่างกิจกรรม:
OnOpen , OnClose , OnDestroy , OnAction , OnContentReady เหตุการณ์ต่าง ๆ ที่อนุญาตให้มีการควบคุมรายละเอียดของวัฏจักรชีวิตหน้าต่างกล่องโต้ตอบคุณสมบัติอื่น ๆ :
Type กำหนดประเภทของหน้าต่างโต้ตอบ (ยืนยันการแจ้งเตือน ฯลฯ )UseBootstrap กำหนดว่าจะใช้ bootstrap สำหรับการจัดสไตล์หรือไม่RTL ช่วยให้การสนับสนุนภาษาที่เขียนจากขวาไปซ้ายวิธีการสาธารณะ:
Show แสดงหน้าต่างการสนทนาAlert , Dialog , Prompt , Confirm หน้าต่างการแสดงผลการแสดงผลที่มีคุณสมบัติที่กำหนดไว้ล่วงหน้าเพื่อวัตถุประสงค์ที่แตกต่างกันClear , ClearEvents สำหรับการทำความสะอาดคุณสมบัติและเหตุการณ์ที่เกี่ยวข้องกับหน้าต่าง ภาพประกอบเพราะส่วนประกอบสามารถมีตัวเลือกการปรับแต่ง ...
Tunidsatoast เป็นคลาสที่แสดงถึงการแจ้งเตือนที่เรียบง่ายและสั้น ๆ มักจะใช้เพื่อให้ข้อเสนอแนะแก่ผู้ใช้เกี่ยวกับการกระทำหรือเหตุการณ์ในแอปพลิเคชัน ขึ้นอยู่กับปลั๊กอิน jQuery-toast-plugin ส่วนประกอบนี้ช่วยให้คุณสร้างการแจ้งเตือนขนมปังปิ้งที่มีสไตล์และเป็นส่วนตัวสำหรับแอปพลิเคชัน UNIGUI ที่พัฒนาขึ้นใน Delphi
คุณสมบัติและวิธีการหลัก:
ทั่วไป:
Text กำหนดข้อความหลักของการแจ้งเตือนHeading กำหนดส่วนหัวหรือชื่อของการแจ้งเตือนIcon กำหนดไอคอนสำหรับการแจ้งเตือน ไอคอนที่แตกต่างกันสามารถใช้เพื่อ + ระบุประเภทหรือความสำคัญของการแจ้งเตือนพฤติกรรม:
ShowHideTransition กำหนดประเภทของการเปลี่ยนแปลงที่ใช้โดยการแสดงหรือซ่อนการแจ้งเตือนHideAfter กำหนดเวลา (เป็นมิลลิวินาที) หลังจากนั้นการแจ้งเตือนจะถูกซ่อนไว้โดยอัตโนมัติAllowToastClose หากคุณทำได้อนุญาตให้ผู้ใช้ปิดการแจ้งเตือนด้วยตนเองStack กำหนดจำนวนการแจ้งเตือนที่สามารถแสดงพร้อมกันได้สไตล์และรูปลักษณ์:
BgColor กำหนดสีพื้นหลังของการแจ้งเตือนTextColor กำหนดสีของข้อความของการแจ้งเตือนTextAlign กำหนดการจัดตำแหน่งของข้อความในการแจ้งเตือนPosition กำหนดตำแหน่งบนหน้าจอที่การแจ้งเตือนจะปรากฏขึ้นLoader ระบุประเภทและพฤติกรรมของเครื่องชาร์จที่แสดงในการแจ้งเตือนกิจกรรม:
OnBeforeShow เรียกใช้ก่อนที่จะมีการแจ้งเตือนOnAfterShown ถูกกระตุ้นหลังจากการแจ้งเตือนจะปรากฏขึ้นOnBeforeHide ถูกเรียกใช้ก่อนที่จะถูกซ่อนไว้OnAfterHidden ถูกกระตุ้นหลังจากการแจ้งเตือนถูกซ่อนไว้วิธีการสาธารณะ:
Show แสดงการแจ้งเตือนด้วยคุณสมบัติที่กำหนดClear ทำความสะอาดการแจ้งเตือนปัจจุบันReset รีเซ็ตการแจ้งเตือนสำหรับค่าเริ่มต้นส่วนประกอบ Tunidsatoast ให้วิธีที่ยืดหยุ่นและสง่างามในการให้ข้อเสนอแนะแก่ผู้ใช้โดยไม่ต้องล่วงล้ำ ด้วยการใช้องค์ประกอบนี้ในโครงการ Delphi กับ UNIGUI นักพัฒนาสามารถปรับปรุงประสบการณ์ผู้ใช้อย่างมีนัยสำคัญโดยให้การแจ้งเตือนตามบริบทที่เกี่ยวข้องเพื่อตอบสนองต่อการกระทำและเหตุการณ์ต่าง ๆ
ภาพประกอบเพราะส่วนประกอบสามารถมีตัวเลือกการปรับแต่ง ...
นี่คือส่วนประกอบที่แสดงถึงเมนูด้านข้างที่ใช้กันทั่วไปในเว็บแอปพลิเคชันเพื่อให้การเรียกดูและตัวเลือกเพิ่มเติมโดยปกติจะอยู่ทางด้านซ้ายหรือด้านขวาของหน้า
คุณสมบัติและวิธีการหลัก:
ทั่วไป:
Logo : ควบคุมลักษณะและพฤติกรรมของโลโก้ที่ด้านบนของเมนูUrlImage กำหนดภาพของโลโก้CompanyName กำหนดชื่อลูกค้า/บริษัทSearch : อนุญาตให้ทำการวิจัยภายในเมนูIcon กำหนดไอคอนพื้นที่การวิจัยTextPrompt กำหนดข้อความที่ให้ข้อมูลที่จะแสดงในพื้นที่วิจัยมาตรฐาน "ค้นหา .. "AutoComplete หรือปิดใช้งานข้อเสนอแนะด้วยฐานในข้อความที่ใช้ไปแล้วVisible กำหนดว่าการค้นหาจะปรากฏขึ้นหรือไม่SearchText ข้อความค้นหาโดยผู้ใช้Theme กำหนดธีมภาพของเมนูTitleLeft ชื่อธีมซ้ายTitleRight ของธีมทางด้านขวาStyleLeft ของธีมทางด้านซ้ายStyleRight ของธีมที่ถูกต้องVisible จะมองเห็นได้ว่าคุณจะมองเห็นตัวเลือกในการเปลี่ยนหัวข้อMenu : ควบคุมแต่ละรายการภายในเมนูIcon กำหนดไอคอนเมนู (Font Awesome 5.15.4)Caption เมนูคำอธิบายNotificationCount เมื่อมากกว่า 0 จะปรากฏขึ้นถัดจากเมนูจำนวนการแจ้งเตือนVisible กำหนดว่าเมนูจะมองเห็นได้หรือไม่Enabled กำหนดว่าเมนูจะใช้งานอยู่Hidden กำหนดว่าเมนูจะมองเห็นได้เพื่อรักษาสถานที่ของมันSeparator กำหนดว่าเมนูจะเป็นตัวคั่นเมนูHint อธิบายคำแนะนำของเมนูเมื่อผ่านเมาส์ไปOnClick ทริกเกอร์เมื่อคลิกที่เมนูOnClickNotification ขับเคลื่อนโดยคลิกที่การแจ้งเตือนเมนูOnClickRef ทริกเกอร์เมื่อคลิกที่เมนู (ใช้ในรันไทม์)OnClickNotificationRef ทริกเกอร์เมื่อคลิกที่การแจ้งเตือนเมนู (ใช้ในรันไทม์)Profile ช่วยให้คุณแสดงข้อมูลโปรไฟล์เช่นชื่อผู้ใช้หรือรูปภาพในเมนูName ระบบชื่อผู้ใช้Email ผู้ใช้ระบบอีเมลImageURLVisible ระบุว่าโปรไฟล์ผู้ใช้จะมองเห็นได้หรือไม่Style ควบคุมสไตล์ภาพทั่วไปของเมนูPaddingTop คล้ายกับ CSS padding-top กำหนดพื้นที่ภายในที่ด้านบนขององค์ประกอบPaddingLeft คล้ายกับ CSS Padding-Left กำหนดพื้นที่ภายในทางด้านซ้ายขององค์ประกอบPaddingRight คล้ายกับ CSS Padding-Right กำหนดพื้นที่ภายในทางด้านขวาขององค์ประกอบPaddingBottom คล้ายกับ CSS padding-bottom กำหนดพื้นที่ภายในที่ด้านล่างขององค์ประกอบBorderRadiusTopLeft คล้ายกับ CSS ชายแดนด้านซ้าย-ซ้าย-Radius กำหนดขอบของขอบที่มุมบนซ้ายBorderRadiusTopRight คล้ายกับ CSS Border-Top-Radius กำหนดรัศมีของขอบที่มุมขวาบนBorderRadiusBottomLeft คล้ายกับชายแดนด้านล่างซ้าย-ราดอุดิเรียสของ CSS กำหนดขอบของขอบที่มุมล่างซ้ายBorderRadiusBottomRight คล้ายกับ CSS Border-Radius Border-Radius กำหนดขอบของขอบที่มุมล่างขวาBorderTop คล้ายกับ CSS Border-Top กำหนดความหนาของขอบบนขององค์ประกอบBorderLeft คล้ายกับ CSS ชายแดนซ้าย กำหนดความหนาจากขอบไปทางซ้ายขององค์ประกอบBorderRight คล้ายกับ CSS ชายแดนขวา กำหนดความหนาจากขอบไปทางขวาขององค์ประกอบBorderBottom คล้ายกับ CSS Border-Bottom กำหนดความหนาของขอบล่างขององค์ประกอบพฤติกรรม:
MenuState กำหนดสถานะปัจจุบันของเมนู (ตัวอย่างเช่นย่อเล็กสุดหรือขยายสูงสุด)SelectedDiretionTheme กำหนดทิศทางของชุดรูปแบบที่เลือกSelectedTheme ระบุธีมสไตล์ที่เลือกSelectedMenu ระบุว่ารายการเมนูใดถูกเลือกAjaxSecurity บูลีนที่กำหนดว่าการรักษาความปลอดภัย AJAX นั้นเปิดใช้งานหรือไม่วิธีการสาธารณะ:
MinimizeMaximize ทางเลือกระหว่างสถานะที่ย่อเล็กสุดและเพิ่มประสิทธิภาพสูงสุดของเมนูHideMenu ซ่อนเมนูShowMenu แสดงเมนูSetTheme กำหนดธีมของเมนูกิจกรรม:
OnClickLogo ทริกเกอร์เมื่อคลิกโลโก้OnClickMenu เปิดใช้งานเมื่อคลิกที่รายการเมนูOnClickNotificationMenu -ขับเคลื่อนโดยคลิกที่การแจ้งเตือนเมนูOnAfterSelectTheme เปิดใช้งานหลังจากเลือกธีมOnClickProfile เรียกใช้เมื่อคลิกที่โปรไฟล์OnClickLogoff ทริกเกอร์เมื่อคลิกปุ่ม out/logoffOnSearchEnter ถูกกระตุ้นเมื่อมีการแทรกคำวิจัยOnClickIconSearch เรียกโดยคลิกที่ไอคอนการวิจัย ภาพประกอบเพราะส่วนประกอบสามารถมีตัวเลือกการปรับแต่ง ...
ส่วนประกอบ tunidsalogin เป็นเครื่องมืออเนกประสงค์ที่ออกแบบมาเพื่อนำเสนอองค์ประกอบที่สำคัญบนหน้าจอเข้าสู่ระบบนำเสนอประสบการณ์การใช้งานของเหลวและปรับแต่งได้และเร่งกระบวนการทุกขั้นตอนในการสร้างหน้าจอนี้ หน้าจอเข้าสู่ระบบตอบสนองดังนั้นมันจะปรับให้เข้ากับภาพหน้าจอที่แตกต่างกัน
คุณสมบัติและวิธีการหลัก:
ทั่วไป:
Geral : คุณสมบัติทั่วไปTitle กำหนดชื่อของหน้าจอเข้าสู่ระบบDescription กำหนดหน้าจอเข้าสู่ระบบคำอธิบายข้อความอยู่ด้านล่างชื่อเรื่องTrimSpacesOnRememberMeForgetPassword สำหรับผู้ที่ไม่ได้ใช้ตัวเลือกเพื่อจดจำรหัสผ่านหรือกู้คืนรหัสผ่านตัวเลือกที่กำหนดเวลานี้จะลบระยะห่างระหว่างปุ่มอินพุตLogo : ควบคุมลักษณะและพฤติกรรมของโลโก้ที่ด้านบนของเมนูImage กำหนดภาพของโลโก้ตาม URL ที่ได้รับการบอกกล่าวMarginLeft กำหนดระยะขอบจากด้านซ้ายMarginTop กำหนดระยะขอบจากด้านขวาSlide : อ้างถึงภาพสไลด์เริ่มต้นImage กำหนดภาพของโลโก้ตาม URL ที่ได้รับการบอกกล่าวMarginLeft กำหนดระยะขอบจากด้านซ้ายMarginTop กำหนดระยะขอบจากด้านขวาLogin : การตั้งค่าอินพุตเข้าสู่ระบบCaption กำหนดชื่ออินพุตเช่นอีเมลโทรศัพท์Enabled กำหนดว่าอินพุตจะทำงานหรือไม่ทำงานValue กำหนดหรือใช้ค่าของฟิลด์เข้าสู่ระบบPassword : การตั้งค่าอินพุตรหัสผ่านCaption กำหนดชื่ออินพุตEnabled กำหนดว่าอินพุตจะทำงานหรือไม่ทำงานValue กำหนดหรือใช้ค่าของฟิลด์เข้าสู่ระบบRememberMe : การตั้งค่าตัวเลือกรหัสผ่านCaption กำหนดชื่อChecked กำหนดหรือตรวจสอบว่ามีการทำเครื่องหมายช่องทำเครื่องหมายหรือไม่Visible กำหนดการมองเห็นของตัวเลือกForgetPassword : การตั้งค่าเพื่อกู้คืนรหัสผ่านCaption กำหนดชื่อVisible กำหนดการมองเห็นของตัวเลือกLoginNow : ป้อนการตั้งค่าปุ่มCaption กำหนดชื่อVisible กำหนดการมองเห็นของตัวเลือกVisible กำหนดความกว้างของปุ่มCreateAccount : การตั้งค่าสำหรับการสร้างบัญชีใหม่Caption กำหนดชื่อVisible กำหนดการมองเห็นของตัวเลือกVisible กำหนดความกว้างของปุ่มกิจกรรม:
OnCreateAccount ขับเคลื่อนโดยคลิกปุ่มสร้างบัญชีOnForgetPassword ทริกเกอร์เมื่อคลิกที่ตัวเลือกเพื่อกู้คืนรหัสผ่านOnLoginEnter ทริกเกอร์เมื่อกด Enter ในอินพุตเข้าสู่ระบบOnLoginNow ทริกเกอร์เมื่อคลิกปุ่ม ENTEROnPasswordEnter ทริกเกอร์เมื่อกด Enter ในอินพุตรหัสผ่านOnRememberMe เปิดใช้งานเมื่อคลิกที่การจดจำรหัสผ่านสั่งการ
แบบฟอร์ม UNIGUI ทั้งหมดจะอัปเดตความกว้างของแบบฟอร์มตามสีแดงของผู้ใช้ยกเว้นในแบบฟอร์มการเข้าสู่ระบบ นั่นคือเหตุผลที่จำเป็นต้องใช้สคริปต์ต่อไปนี้ในคุณสมบัติ " สคริปต์ " ของ " Formogin " ของคุณ
window.onresize = function(){
if (typeof FormLogin !== 'undefined') {
var getSize = Ext.getBody().getViewSize(),
winWidth = getSize.width,
winHeight = getSize.height,
left = (winWidth - FormLogin.window.width) / 2,
top = (winHeight - FormLogin.window.height) / 2;
FormLogin.window.setPosition(left, top);
}
}
หมายเหตุ: เปลี่ยนชื่อตามชื่อของ ฟอร์มฟอร์มฟอร์ม ของคุณ
โปรดจำไว้ว่าแนะนำให้ใช้โหมด MFPAGE ใน UniserverModule เพื่อให้แอปพลิเคชันของคุณดูเหมือนรูปแบบมาตรฐานหน้าเว็บมากขึ้น