UNIDSA adalah palet komponen inovatif yang dikembangkan secara khusus untuk meningkatkan dan memperluas kemampuan Unigui di Delphi . Terdiri dari alat yang sangat dapat disesuaikan, palet ini bertujuan untuk menawarkan solusi yang lebih elegan dan efektif untuk pembangunan antarmuka pengguna modern.
Komponen yang tersedia
Tunidsaqrcodereader tunidsaconfirm tunidsatoast tunidsamenlateral tunidsalogin
Ini adalah komponen canggih yang dikembangkan untuk memanfaatkan kekuatan HTML5 dalam membaca berbagai kode batang ** dan kode QR **. Dirancang untuk menjadi sangat fleksibel, TunidSAQRCodereader menawarkan pengembang kemampuan untuk menyesuaikan dengan tepat jenis kode mana yang ingin mereka baca, serta opsi untuk memilih perangkat bacaan tertentu.
| Jenis | Keterangan |
|---|---|
| Qr_code | Memungkinkan pembacaan kode QR default. |
| Aztec | Dukungan membaca kode aztec |
| Codabar | Mengidentifikasi dan membaca kode codabar |
| Code_39, code_93, code_128 | Pembacaan kode kode yang komprehensif, mencakup variasi 39, 93 dan 128. |
| Data_matrix | Memenuhi syarat untuk mengenali dan menafsirkan kode matriks data. |
| Maxicode | Dukungan untuk Kode Maxicode. |
| ITF | Kompatibel dengan 2 dari kode 5 (ITF) yang diselingi. |
| Ean_13, ean_8 | Membaca kode EAN, termasuk variasi 13 dan 8. |
| PDF_417 | Dukungan kode PDF417. |
| RSS_14, RSS_Expanded | Memenuhi syarat untuk kode RSS, baik dalam versi 14 dan dalam versi yang diperluas. |
| UPC_A, UPC_E, UPC_EAN_EXTENSION | Kompatibel dengan variasi UPC, termasuk ekstensi Ean. |
Pemilihan Jenis Kode: Pengembang memiliki kebebasan untuk menandai atau menghapus centang kode bacaan khusus sesuai dengan kebutuhan aplikasi mereka.
Pilihan Perangkat: Menyediakan opsi untuk memilih perangkat bacaan spesifik, memastikan fleksibilitas yang lebih besar dalam menangkap kode.
Gambar ilustratif, karena komponen dapat memiliki opsi kustomisasi ...
TunIDSAConfirm berfungsi untuk membuat dan mengelola jendela dialog modal untuk konfirmasi, peringatan dan petunjuk, berdasarkan plugin yang tersedia di jQuery-Confir. Komponen ini menyediakan berbagai properti dan metode yang memungkinkan kustomisasi terperinci dari jendela dialog, yang mencakup dari konten yang ditampilkan ke aspek estetika dan fungsional jendela.
Umum :
Title menentukan judul jendela dialog.Content menentukan konten utama jendela dialog.Icon memungkinkan Anda untuk menentukan ikon untuk jendela dialog.Theme mendefinisikan tema jendela, memungkinkan personalisasi estetika.Kontrol Jendela:
Draggable jika jendela dapat diseret.Isi:
ContentFile memungkinkan Anda memuat konten jendela dari file eksternal.SmoothContent memungkinkan transisi lembut ke konten.Tombol:
Buttons menentukan tombol yang tersedia di jendela dialog.OnButtonClick digerakkan dengan mengklik tombol.Animasi:
Animation mendefinisikan jenis animasi yang digunakan dengan membuka dan menutup jendela.TypeAnimated mendefinisikan jika jendela akan dianimasikan saat mengubah jenis.Tata letak dan gaya:
BoxWidth mendefinisikan lebar jendela.TitleClass ColumnClass memungkinkan Anda untuk mendefinisikan kelas khusus untuk berbagai elemen jendela.Acara:
OnOpen , OnClose , OnDestroy , OnAction , OnContentReady Berbagai peristiwa yang memungkinkan kontrol terperinci dari siklus hidup jendela dialog.Properti Lainnya:
Type menentukan jenis jendela dialog (konfirmasi, peringatan, dll.).UseBootstrap menentukan apakah bootstrap akan digunakan untuk stylization.RTL memungkinkan dukungan bahasa tertulis dari kanan ke kiri.Metode publik:
Show tampilan jendela dialog.Alert , Dialog , Prompt , Confirm jendela dialog tampilan dengan karakteristik yang telah ditentukan untuk tujuan yang berbeda.Clear ClearEvents untuk pembersihan properti dan peristiwa yang terkait dengan jendela. Gambar ilustratif, karena komponen dapat memiliki opsi kustomisasi ...
Tunidsatoast adalah kelas yang mewakili pemberitahuan sederhana dan singkat, sering digunakan untuk memberikan umpan balik kepada pengguna tentang suatu tindakan atau peristiwa dalam suatu aplikasi. Berdasarkan plugin jQuery-Toast-plugin, komponen ini memungkinkan Anda untuk membuat pemberitahuan roti bakar yang bergaya dan dipersonalisasi untuk aplikasi unigui yang dikembangkan di Delphi.
Properti dan Metode Utama:
Umum:
Text mendefinisikan teks utama pemberitahuan.Heading mendefinisikan header atau judul pemberitahuan.Icon mendefinisikan ikon untuk pemberitahuan. Ikon yang berbeda dapat digunakan untuk + menunjukkan jenis atau pentingnya pemberitahuan.Perilaku:
ShowHideTransition menentukan jenis transisi yang digunakan dengan menunjukkan atau menyembunyikan pemberitahuan.HideAfter mendefinisikan waktu (dalam milidetik) setelah itu pemberitahuan akan secara otomatis disembunyikan.AllowToastClose jika Anda bisa, izinkan pengguna untuk menutup pemberitahuan secara manual.Stack menentukan berapa banyak pemberitahuan yang dapat ditampilkan secara bersamaan.Gaya dan Penampilan:
BgColor mendefinisikan warna latar belakang pemberitahuan.TextColor mendefinisikan warna teks pemberitahuan.TextAlign mendefinisikan penyelarasan teks dalam pemberitahuan.Position mendefinisikan posisi di layar di mana pemberitahuan akan muncul.Loader menentukan jenis dan perilaku pengisi daya yang ditunjukkan dalam pemberitahuan.Acara:
OnBeforeShow dipicu sebelum pemberitahuan ditampilkan.OnAfterShown dipicu setelah pemberitahuan ditampilkan.OnBeforeHide dipicu sebelum pemberitahuan disembunyikan.OnAfterHidden setelah pemberitahuan disembunyikan.Metode publik:
Show menampilkan pemberitahuan dengan properti yang ditentukan.Clear membersihkan pemberitahuan saat ini.Reset pemberitahuan untuk nilai defaultnya.Komponen Tunidsatoast memberikan cara yang fleksibel dan elegan untuk memberikan umpan balik kepada pengguna tanpa mengganggu. Dengan menggunakan komponen ini dalam proyek -proyek Delphi dengan Unigui, pengembang dapat secara signifikan meningkatkan pengalaman pengguna, memberikan pemberitahuan kontekstual yang relevan dalam menanggapi berbagai tindakan dan peristiwa.
Gambar ilustratif, karena komponen dapat memiliki opsi kustomisasi ...
Ini adalah komponen yang mewakili menu samping, yang biasa digunakan dalam aplikasi web untuk menyediakan penjelajahan dan opsi tambahan, biasanya terletak di sisi kiri atau kanan halaman.
Properti dan Metode Utama:
Umum:
Logo : Mengontrol penampilan dan perilaku logo di bagian atas menu.UrlImage mendefinisikan citra logoCompanyName mendefinisikan nama pelanggan/perusahaanSearch : Memungkinkan penelitian di dalam menu.Icon mendefinisikan ikon area penelitian.TextPrompt mendefinisikan teks informatif yang akan ditampilkan di area penelitian, "pencarian" standar ..AutoComplete mengaktifkan atau menonaktifkan saran dengan basis dalam teks yang sudah digunakan.Visible mendefinisikan jika pencarian akan ditampilkan.SearchText dicari oleh pengguna.Theme mendefinisikan tema visual menu.TitleLeft .TitleRight tema tema di sebelah kanan.StyleLeft di sebelah kiriStyleRight tema yang tepatVisible menentukan jika Anda akan terlihat oleh pengguna opsi untuk mengubah topikMenu : Mengontrol masing -masing item dalam menu.Icon Menentukan Ikon Menu (Font Awesome 5.15.4)Caption Menu KeteranganNotificationCount ketika lebih dari 0 akan ditampilkan di sebelah menu jumlah pemberitahuan.Visible mendefinisikan jika menu akan terlihat.Enabled menentukan jika menu akan aktifHidden menentukan jika menu akan terlihat menjaga tempatnya.Separator mendefinisikan bahwa menu akan menjadi pemisah menuHint deskripsi menu saat melewati mouse.OnClick dipicu saat mengklik menuOnClickNotification digerakkan dengan mengklik pada pemberitahuan menu.OnClickRef dipicu saat mengklik menu (digunakan dalam runtime)OnClickNotificationRef dipicu saat mengklik pemberitahuan menu (digunakan dalam runtime)Profile memungkinkan Anda untuk menampilkan informasi profil, seperti nama pengguna atau gambar, di menu.Name Sistem Nama PenggunaEmail Sistem Pengguna EmailImageURL System Pengguna ImageVisible menunjukkan apakah profil pengguna akan terlihat.Style mengontrol gaya visual umum menu.PaddingTop mirip dengan CSS Padding-Top. Mendefinisikan ruang internal di bagian atas elemen.PaddingLeft mirip dengan CSS Padding-Left. Mendefinisikan ruang internal di sebelah kiri elemen.PaddingRight mirip dengan CSS Padding-Right. Mendefinisikan ruang internal di sebelah kanan elemen.PaddingBottom mirip dengan CSS Padding-Bottom. Mendefinisikan ruang internal di bagian bawah elemen.BorderRadiusTopLeft Mirip dengan CSS Border-Top-Left-Radius. Mendefinisikan tepi tepi di sudut kiri atas.BorderRadiusTopRight mirip dengan CSS Border-Top-Radius. Mendefinisikan jari -jari tepi di sudut kanan atas.BorderRadiusBottomLeft mirip dengan border-bottom-left-Radius dari CSS. Mendefinisikan tepi tepi di sudut kiri bawah.BorderRadiusBottomRight mirip dengan CSS perbatasan perbatasan-Radius. Mendefinisikan tepi tepi di sudut kanan bawah.BorderTop mirip dengan CSS Border-Top. Mendefinisikan ketebalan tepi atas elemen.BorderLeft mirip dengan CSS Border-left. Mendefinisikan ketebalan dari tepi ke kiri elemen.BorderRight mirip dengan CSS-Border-Right. Mendefinisikan ketebalan dari tepi ke kanan elemen.BorderBottom mirip dengan CSS Border-Bottom. Mendefinisikan ketebalan tepi bawah elemen.Perilaku:
MenuState mendefinisikan keadaan menu saat ini (misalnya, diminimalkan atau dimaksimalkan).SelectedDiretionTheme menentukan arah tema yang dipilih.SelectedTheme menentukan tema gaya yang dipilih.SelectedMenu menunjukkan item menu mana yang dipilih.AjaxSecurity Boolean yang menentukan apakah keamanan AJAX diaktifkan atau tidak.Metode publik:
MinimizeMaximize Alternatif antara status menu yang diminimalkan dan dimaksimalkan.HideMenu menyembunyikan menu.ShowMenu menampilkan menu.SetTheme mendefinisikan tema menu.Acara:
OnClickLogo dipicu saat logo diklik.OnClickMenu diaktifkan saat mengklik item menu.OnClickNotificationMenu -Driven dengan mengklik pemberitahuan menu.OnAfterSelectTheme diaktifkan setelah memilih tema.OnClickProfile dipicu saat mengklik profil.OnClickLogoff dipicu saat mengklik tombol Out/Logoff.OnSearchEnter dipicu ketika istilah penelitian dimasukkan.OnClickIconSearch dipicu dengan mengklik ikon penelitian. Gambar ilustratif, karena komponen dapat memiliki opsi kustomisasi ...
Komponen tunidsalogin adalah alat serba guna yang dirancang untuk menyajikan elemen penting pada layar login, menawarkan pengalaman pengguna yang cairan dan dapat disesuaikan dan mempercepat setiap proses membuat layar ini. Layar login responsif, sehingga akan beradaptasi dengan tangkapan layar yang berbeda.
Properti dan Metode Utama:
Umum:
Geral : Properti UmumTitle menentukan judul layar loginDescription Menentukan deskripsi layar login, teks tepat di bawah judulTrimSpacesOnRememberMeForgetPassword bagi mereka yang tidak menggunakan opsi untuk mengingat kata sandi atau memulihkan kata sandi, opsi yang dijadwalkan ini akan menghapus jarak antar input tombolLogo : Mengontrol penampilan dan perilaku logo di bagian atas menu.Image mendefinisikan gambar logo sesuai dengan URL yang diinformasikanMarginLeft mendefinisikan margin dari sisi kiriMarginTop mendefinisikan margin dari sisi kananSlide : Mengacu pada gambar slide awalImage mendefinisikan gambar logo sesuai dengan URL yang diinformasikanMarginLeft mendefinisikan margin dari sisi kiriMarginTop mendefinisikan margin dari sisi kananLogin : Pengaturan Input LoginCaption menentukan judul input, misalnya email, teleponEnabled menentukan apakah input akan aktif atau tidak aktifValue mendefinisikan atau mengambil nilai bidang loginPassword : Pengaturan Input Kata SandiCaption mendefinisikan judul inputEnabled menentukan apakah input akan aktif atau tidak aktifValue mendefinisikan atau mengambil nilai bidang loginRememberMe : Pengaturan Opsi Opsi Kata SandiCaption mendefinisikan judulChecked atau centang kotak centang ditandai apakah ditandai apakahVisible mendefinisikan visibilitas opsiForgetPassword : Pengaturan untuk Memulihkan Kata SandiCaption mendefinisikan judulVisible mendefinisikan visibilitas opsiLoginNow : Masukkan pengaturan tombolCaption mendefinisikan judulVisible mendefinisikan visibilitas opsiVisible mendefinisikan lebar tombolCreateAccount : Pengaturan untuk pembuatan akun baruCaption mendefinisikan judulVisible mendefinisikan visibilitas opsiVisible mendefinisikan lebar tombolAcara:
OnCreateAccount digerakkan dengan mengklik tombol pembuatan akun.OnForgetPassword dipicu saat mengklik opsi untuk memulihkan kata sandi.OnLoginEnter dipicu saat menekan ENTER di input login.OnLoginNow dipicu saat mengklik tombol Enter.OnPasswordEnter dipicu saat menekan enter dalam input kata sandi.OnRememberMe diaktifkan saat mengklik mengingat kata sandiMemerintah
Semua formulir Unigui memperbarui lebar formulir sesuai dengan redmension pengguna, kecuali dalam formulir login. Itulah mengapa perlu menggunakan skrip berikut pada properti " skrip " dari " formogin " Anda.
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);
}
}
Catatan: Ubah nama dengan nama formogin formulir Anda.
Ingatlah bahwa mode MFPAGE di uniservermodule disarankan sehingga aplikasi Anda lebih mirip dengan gaya web halaman standar.