UNIDSA ist eine innovative Komponentenpalette, die speziell zur Verbesserung und Erweiterung der UNIGUI -Fähigkeiten in Delphi entwickelt wurde. Diese Palette besteht aus hoch anpassbaren Tools und zielt darauf ab, elegantere und effektivere Lösungen für die Konstruktion moderner Benutzeroberflächen anzubieten.
Verfügbare Komponenten
TunidsaqrCodereader Tunidsaconfirm Tunidsatoast Tunidsamenlateral Tunidsalogin
Dies ist eine fortschrittliche Komponente, die entwickelt wurde, um die Leistung von HTML5 zu nutzen, um eine breite Palette von ** Balkencodes und QR -Codes ** zu lesen. TunidsaqrCodereader wurde als hochflexibler, und bietet Entwicklern die Möglichkeit, genau anzupassen, welche Arten von Codes sie lesen möchten, sowie die Option, das spezifische Lesegerät auszuwählen.
| Typ | Beschreibung |
|---|---|
| QR_CODE | Ermöglicht das Lesen von Standard -QR -Codes. |
| aztekisch | Aztec Codes Reading Support |
| Codabar | Identifiziert und liest Codabar -Codes |
| Code_39, code_93, code_128 | Umfassende Lektüre von Codescodes, die Variationen 39, 93 und 128 abdecken. |
| Data_Matrix | Qualifiziert, Datenmatrixcodes zu erkennen und zu interpretieren. |
| Maxikode | Unterstützung für Maxicode -Codes. |
| Itf | Kompatibel mit verschachtelten 2 von 5 (ITF) -Codes. |
| EAN_13, EAN_8 | Lesen von EAN -Codes, einschließlich Variationen 13 und 8. |
| PDF_417 | PDF417 -Codes Support. |
| RSS_14, RSS_Expanded | Qualifiziert für RSS -Codes, sowohl in Version 14 als auch in der erweiterten Version. |
| UPC_A, UPC_E, UPC_EEAN_EXTERESSION | Kompatibel mit UPC -Variationen, einschließlich EAN -Erweiterungen. |
Auswahl des Codetyps: Entwickler haben die Freiheit, bestimmte Lesecodes gemäß den Anforderungen ihrer Anwendung zu markieren oder zu deaktivieren.
Geräteauswahl: Bietet die Möglichkeit, das spezifische Lesegerät auszuwählen, um eine größere Vielseitigkeit bei der Erfassung der Codes zu gewährleisten.
Illustratives Bild, da die Komponente Anpassungsoptionen haben kann ...
TunidsaconFirm dient dazu, Modal-Dialogfenster für Bestätigungen, Warnungen und Eingabeaufforderungen zu erstellen und zu verwalten, basierend auf dem auf JQuery-Confir verfügbaren Plugin. Diese Komponente bietet eine breite Palette von Eigenschaften und Methoden, die eine detaillierte Anpassung der Dialogfenster ermöglichen, die aus den in den ästhetischen und funktionalen Aspekten des Fensters angezeigten Inhalten umfasst.
Allgemein :
Title definiert den Titel des Dialogfensters.Content definiert den Hauptinhalt des Dialogfensters.Icon können Sie ein Symbol für das Dialogfenster definieren.Theme definiert das Thema des Fensters und ermöglicht eine ästhetische Personalisierung.Fenstersteuerung:
Draggable Steuerelemente, wenn das Fenster gezogen werden kann.Inhalt:
ContentFile können Sie den Fensterinhalt aus einer externen Datei laden.SmoothContent ermöglicht einen weichen Übergang zum Inhalt.Knöpfe:
Buttons definieren die im Dialogfenster verfügbaren Tasten.OnButtonClick -Ereignis angetrieben durch Klicken auf eine Schaltfläche.Animationen:
Animation definiert die Art der Animation, die durch Öffnen und Schließen des Fensters verwendet wird.TypeAnimated definiert, ob das Fenster beim Ändern des Typs animiert wird.Layout und Stil:
BoxWidth definiert die Breite des Fensters.ColumnClass TitleClass können Sie benutzerdefinierte Klassen für verschiedene Elemente des Fensters definieren.Ereignisse:
OnOpen , OnClose , OnDestroy , OnAction , OnContentReady verschiedene Ereignisse, die eine detaillierte Kontrolle des Dialogfensterlebenszyklus ermöglichen.Andere Eigenschaften:
Type Definiert den Typ des Dialogfensters (bestätigen, aufmerksam usw.).UseBootstrap definiert, ob Bootstrap für die Stylisierung verwendet wird.RTL ermöglicht die Unterstützung schriftlicher Sprachen von rechts nach links.Öffentliche Methoden:
Show Zeigt das Dialogfenster an.Alert , Dialog , Prompt , Confirm den Dialogstellenfenster mit vordefinierten Eigenschaften für verschiedene Zwecke.Clear , ClearEvents -Methoden zum Reinigen von Eigenschaften und Ereignissen, die mit dem Fenster verbunden sind. Illustratives Bild, da die Komponente Anpassungsoptionen haben kann ...
Tunidsatoast ist eine Klasse, die eine einfache und kurze Benachrichtigung darstellt, die häufig verwendet wird, um Benutzern ein Feedback zu einer Aktion oder einem Ereignis in einer Anwendung zu geben. Basierend auf dem Jquery-Toast-Plugin-Plugin können Sie mit dieser Komponente stilisierte und personalisierte Toastbenachrichtigungen für in Delphi entwickelte Unigui-Anwendungen erstellen.
Haupteigenschaften und Methoden:
Allgemein:
Text definiert den Haupttext der Benachrichtigung.Heading definiert den Header oder den Titel der Benachrichtigung.Icon definiert ein Symbol zur Benachrichtigung. Verschiedene Symbole können verwendet werden, um den Typ oder die Bedeutung der Benachrichtigung anzugeben.Verhalten:
ShowHideTransition bestimmt die Art des Übergangs, der durch Anzeigen oder Verstecken der Benachrichtigung verwendet wird.HideAfter definiert die Zeit (in Millisekunden), wonach die Benachrichtigung automatisch versteckt wird.AllowToastClose Wenn Sie können, können Benutzer die Benachrichtigung manuell schließen.Stack definiert, wie viele Benachrichtigungen gleichzeitig angezeigt werden können.Stil und Aussehen:
BgColor definiert die Hintergrundfarbe der Benachrichtigung.TextColor definiert die Farbe des Textes der Benachrichtigung.TextAlign definiert die Ausrichtung des Textes in der Benachrichtigung.Position definiert die Position auf dem Bildschirm, in dem die Benachrichtigung angezeigt wird.Loader gibt den Typ und das Verhalten des in den Benachrichtigungen gezeigten Ladegeräts an.Ereignisse:
OnBeforeShow ausgelöst vor der Benachrichtigung.OnAfterShown .OnBeforeHide vor der Benachrichtigung ausgelösten.OnAfterHidden nach der Benachrichtigung ausgelöst ist versteckt.Öffentliche Methoden:
Show zeigt die Benachrichtigung mit den definierten Eigenschaften an.Clear die aktuelle Benachrichtigung.Reset die Benachrichtigung für ihre Standardwerte zurück.Die Tunidsatoast -Komponente bietet eine flexible und elegante Möglichkeit, Benutzern Feedback zu geben, ohne aufdringlich zu sein. Durch die Verwendung dieser Komponente in Delphi -Projekten mit Unigui können Entwickler die Benutzererfahrung erheblich verbessern und relevante kontextbezogene Benachrichtigungen als Reaktion auf verschiedene Aktionen und Ereignisse bereitstellen.
Illustratives Bild, da die Komponente Anpassungsoptionen haben kann ...
Dies ist eine Komponente, die ein Seitenmenü darstellt, das in Webanwendungen üblicherweise verwendet wird, um Browser und zusätzliche Optionen bereitzustellen, die sich normalerweise links oder rechts auf der Seite befinden.
Haupteigenschaften und Methoden:
Allgemein:
Logo : Steuert das Aussehen und das Verhalten des Logos oben im Menü.UrlImage definiert das Bild des LogosCompanyName definiert den Kunden-/FirmennamenSearch : Ermöglicht die Recherche im Menü.Icon definiert das Forschungsbereichsymbol.TextPrompt definiert den informativen Text, der im Forschungsbereich angezeigt wird, Standard "Suche ..".AutoComplete aktivieren oder deaktivieren Sie den Vorschlag mit Basen in den bereits verwendeten Texten.Visible ist definiert, ob die Suche angezeigt wird.SearchText -Text vom Benutzer durchsucht.Theme definiert das visuelle Thema des Menüs.TitleLeft Links -Thementitel.TitleRight -Titel des Themas rechts.StyleLeft -Stil des Themas auf der linken SeiteStyleRight -Stil des richtigen ThemasVisible definiert, ob Sie für den Benutzer die Option zum Ändern von Themen sichtbar sindMenu : Steuert einzelne Elemente im Menü.Icon definiert das Menüsymbol (Schriftart Awesome 5.15.4)Caption Menü BeschreibungNotificationCount Wenn größer als 0 neben dem Menü angezeigt wird, wird die Anzahl der Benachrichtigungen angezeigt.Visible ist definiert, ob das Menü sichtbar ist.Enabled definiert, ob das Menü aktiv istHidden definiert, ob das Menü sichtbar ist.Separator definiert, dass das Menü ein Menüabschied istHint Beschreibung des Menüs, wenn die Maus übergeht.OnClick wird beim Klicken auf das Menü ausgelöstOnClickNotification gesteuert durch Klicken auf die Menübenachrichtigung.OnClickRef wird beim Klicken auf das Menü ausgelöst (verwendet in der Laufzeit)OnClickNotificationRef ausgelöst beim Klicken auf die Menübenachrichtigung (verwendet in der Laufzeit)Profile können Sie im Menü Profilinformationen wie Benutzername oder Bild anzeigen.Name BenutzernameEmail -System -Benutzer -E -MailImageURL -System -BenutzerbildVisible gibt an, ob das Benutzerprofil sichtbar ist.Style steuert den allgemeinen visuellen Stil des Menüs.PaddingTop ähnlich wie CSS Padding-Top. Definiert den inneren Raum oben im Element.PaddingLeft ähnlich wie CSS Padding-Links. Definiert den inneren Raum links vom Element.PaddingRight ähnlich wie CSS Polster-Recht. Definiert den inneren Raum rechts vom Element.PaddingBottom Ähnlich wie CSS Padding-Bottom. Definiert den inneren Raum am unteren Rand des Elements.BorderRadiusTopLeft ähnlich wie CSS Border-Top-Links-Radius. Definiert die Kante der Kante in der oberen linken Ecke.BorderRadiusTopRight ähnlich wie CSS Border-Top-Radius. Definiert den Radius der Kante in der oberen rechten Ecke.BorderRadiusBottomLeft ähnlich wie Border-Bottom-Left-Radius des CSS. Definiert die Kante der Kante in der unteren linken Ecke.BorderRadiusBottomRight ähnelt dem Grenzradius von CSS-Grenze. Definiert die Kante der Kante in der unteren rechten Ecke.BorderTop ähnlich wie CSS Border-Top. Definiert die Dicke der Oberkante des Elements.BorderLeft ähnlich wie CSS Border-Links. Definiert die Dicke von der Kante nach links vom Element.BorderRight ähnlich wie CSS Grenzrechte. Definiert die Dicke von der Kante nach rechts vom Element.BorderBottom ähnlich dem CSS-Grenzboden. Definiert die Dicke der unteren Kante des Elements.Verhalten:
MenuState definiert den aktuellen Status des Menüs (z. B. minimiert oder maximiert).SelectedDiretionTheme bestimmt die Richtung des ausgewählten Themas.SelectedTheme gibt das ausgewählte Stilthema an.SelectedMenu gibt an, welcher Menüelement ausgewählt wurde.AjaxSecurity Ein Boolescher, der feststellt, ob die Ajax -Sicherheit aktiviert ist oder nicht.Öffentliche Methoden:
MinimizeMaximize Alternativen zwischen den minimierten und maximierten Zuständen des Menüs.HideMenu verbirgt das Menü.ShowMenu zeigt das Menü an.SetTheme definiert das Thema des Menüs.Ereignisse:
OnClickLogo ausgelöst, wenn das Logo klickt.OnClickMenu aktiviert beim Klicken auf einen Menüelement.OnClickNotificationMenu -Driven durch Klicken auf eine Menübenachrichtigung.OnAfterSelectTheme der Auswahl eines Themas aktiviert.OnClickProfile wird beim Klicken auf das Profil ausgelöst.OnClickLogoff wird beim Klicken auf die Schaltfläche OUT/Logoff ausgelöst.OnSearchEnter wird ausgelöst, wenn ein Forschungsbegriff eingefügt wird.OnClickIconSearch ausgelöst durch Klicken auf das Forschungssymbol. Illustratives Bild, da die Komponente Anpassungsoptionen haben kann ...
Die Tunidsalogin -Komponente ist ein vielseitiges Tool, das entscheidende Elemente auf einem Anmeldebildschirm präsentiert und ein flüssiges und anpassbares Benutzererlebnis bietet und jeden Prozess des Erstellens dieses Bildschirms beschleunigt. Der Anmeldebildschirm reagiert an und passt sich also an verschiedene Screenshots an.
Haupteigenschaften und Methoden:
Allgemein:
Geral : Allgemeine EigenschaftenTitle definiert den Titel des AnmeldebildschirmsDescription definiert die Beschreibung des Anmeldebildschirms, der Text liegt direkt unter dem TitelTrimSpacesOnRememberMeForgetPassword für diejenigen, die nicht die Option verwenden, um sich das Passwort zu merken oder das Passwort wiederherzustellen. Diese geplante Option entfernt den Abstand zwischen den SchaltflächeneingängenLogo : Steuert das Aussehen und das Verhalten des Logos oben im Menü.Image definiert das Bild des Logos gemäß der informierten URLMarginLeft definiert den Rand von der linken SeiteMarginTop definiert den Rand von der rechten SeiteSlide : Bezieht sich auf das anfängliche FolienbildImage definiert das Bild des Logos gemäß der informierten URLMarginLeft definiert den Rand von der linken SeiteMarginTop definiert den Rand von der rechten SeiteLogin : AnmeldeingangseinstellungenCaption definiert den Eingabetitel, z. B. E -Mail, TelefonEnabled definiert, ob die Eingabe aktiv oder inaktiv istValue definiert oder nimmt den Wert des Anmeldefelds ab oder nimmtPassword : KennworteingabeeinstellungenCaption definiert den EingangstitelEnabled definiert, ob die Eingabe aktiv oder inaktiv istValue definiert oder nimmt den Wert des Anmeldefelds ab oder nimmtRememberMe : Einstellungen der Option Passwort OptionCaption definiert den TitelChecked Definieren oder Überprüfungen, wenn das Kontrollkästchen markiert istVisible definiert die Sichtbarkeit der OptionForgetPassword : Einstellungen zum Wiederherstellen des PasswortsCaption definiert den TitelVisible definiert die Sichtbarkeit der OptionLoginNow : Geben Sie die Schaltflächeneinstellungen einCaption definiert den TitelVisible definiert die Sichtbarkeit der OptionVisible definiert die Breite der TasteCreateAccount : Einstellungen zur Erstellung neuer KontenCaption definiert den TitelVisible definiert die Sichtbarkeit der OptionVisible definiert die Breite der TasteEreignisse:
OnCreateAccount angesteuert durch Klicken auf die Schaltfläche "Kontoerstellung".OnForgetPassword wird beim Klicken auf die Option zum Wiederherstellen des Kennworts ausgelöst.OnLoginEnter ist beim Drücken der Eingabetaste in die Anmeldeingabe ausgelöst.OnLoginNow wird beim Klicken auf die Schaltfläche Eingabetaste ausgelöst.OnPasswordEnter ausgelöst beim Drücken der Eingabetaste in die Kennworteingabe.OnRememberMe aktiviert beim Klicken auf das KennwortBefehl
Alle Unigui -Formulare aktualisieren die Breite des Formulars entsprechend der RedMension des Benutzers, außer im Anmeldeformular. Aus diesem Grund ist es notwendig, das folgende Skript in der Eigenschaft " Skript " Ihres " Formogins " zu verwenden.
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);
}
}
Hinweis: Ändern Sie den Namen mit dem Namen Ihres Formularformogs .
Denken Sie daran, dass der MFPAGE -Modus in Uniservermodule empfohlen wird, damit Ihre Anwendung eher wie Webseiten -Standardstile aussieht.