unidsa unigui delphi

لوحة مكونات UNIDSA إلى Unigui في Delphi

UNIDSA هي لوحة مكونة مبتكرة تم تطويرها خصيصًا لتحسين وتوسيع قدرات Unigui في Delphi . تتألف هذه اللوحة من أدوات قابلة للتخصيص للغاية ، وتهدف إلى تقديم حلول أكثر أناقة وفعالية لبناء واجهات المستخدم الحديثة.

المكونات المتاحة

TranidsaqRcodereader Tranidsaconfirm Tatresatoast tratidsalylateral tratudal

Tranidsaqrcodereader

هذا مكون متقدم تم تطويره للاستفادة من قوة HTML5 في قراءة مجموعة واسعة من رموز ** BAR ورموز QR **. تم تصميم TurnidsAqRcoderEader لتكون مرنة للغاية ، ويوفر للمطورين القدرة على تخصيص أنواع الرموز التي يرغبون في قراءتها بالضبط ، بالإضافة إلى خيار اختيار جهاز القراءة المحدد.

توافق أنواع الكود:

يكتب	وصف
qr_code	يسمح بقراءة رموز QR الافتراضية.
أزتيك	رموز أزتيك قراءة الدعم
كودابار	يحدد ويقرأ رموز الكودابار
CODE_39 ، CODE_93 ، CODE_128	قراءة شاملة لرموز التعليمات البرمجية ، وتغطي الاختلافات 39 و 93 و 128.
data_matrix	مؤهل للتعرف على رموز مصفوفة البيانات وتفسيرها.
maxicode	دعم رموز Maxicode.
ITF	متوافق مع رموز 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.

الميزات الرئيسية:

• اختيار نوع الكود: يتمتع المطورون بحرية وضع علامة على رموز قراءة محددة أو إلغاء تحديدها وفقًا لاحتياجات تطبيقهم.

• اختيار الجهاز: يوفر خيار تحديد جهاز القراءة المحدد ، وضمان قدر أكبر من التنوع في التقاط الرموز.

صورة:

صورة توضيحية ، لأن المكون يمكن أن يكون له خيارات التخصيص ...

Turidsaconfirm

تعمل TurnidsaConfirm على إنشاء وإدارة Windows Dialog لتأكيدات وتنبيهات ومطالبات ، استنادًا إلى المكون الإضافي المتوفر على jQuery-Confir. يوفر هذا المكون مجموعة واسعة من الخصائص والأساليب التي تسمح بتخصيص مفصل لنوافذ الحوار ، والتي تشمل من المحتويات المعروضة إلى الجوانب الجمالية والوظيفية للنافذة.

الخصائص والطرق الرئيسية:

عام :

• يحدد Title عنوان نافذة الحوار.
• يحدد Content المحتوى الرئيسي لنافذة الحوار.
• يتيح لك Icon تحديد أيقونة لإطار حوار.
• يحدد Theme موضوع النافذة ، مما يسمح بالتخصيص الجمالي.

التحكم في النافذة:

• عناصر التحكم Draggable إذا كان يمكن سحب النافذة.

محتوى:

• يتيح لك ContentFile تحميل محتوى النافذة من ملف خارجي.
• يتيح SmoothContent انتقالًا ناعمًا إلى المحتوى.

أزرار:

• تحدد Buttons الأزرار المتوفرة في نافذة الحوار.
• حدث OnButtonClick مدفوعًا بالنقر فوق زر.

الرسوم المتحركة:

• تحدد Animation نوع الرسوم المتحركة المستخدمة عن طريق فتح وإغلاق النافذة.
• يحدد TypeAnimated ما إذا كانت النافذة ستعمل عند تغيير النوع.

التصميم والأناقة:

• يحدد BoxWidth عرض النافذة.
• يتيح لك ColumnClass TitleClass تحديد الفئات المخصصة لعناصر مختلفة من النافذة.

الأحداث:

• OnOpen ، OnClose ، OnDestroy ، OnAction ، OnContentReady مختلف الأحداث التي تسمح بالتحكم التفصيلي في دورة حياة نافذة الحوار.

خصائص أخرى:

• يعرّف Type نوع نافذة الحوار (تأكيد ، تنبيه ، إلخ).
• يحدد UseBootstrap ما إذا كان سيتم استخدام bootstrap في الأسلوب.
• يتيح RTL دعم اللغات المكتوبة من اليمين إلى اليسار.

الطرق العامة:

• يعرض Show نافذة الحوار.
• Alert ، Dialog ، Prompt ، Confirm Windows Display Dialogue مع خصائص محددة مسبقًا لأغراض مختلفة.
• طرق Clear ، ClearEvents لتنظيف الخصائص والأحداث المرتبطة بالنافذة.

صورة:

صورة توضيحية ، لأن المكون يمكن أن يكون له خيارات التخصيص ...

التنسيق

Tinidsatoast هو فئة تمثل إشعارًا بسيطًا ومختصرًا ، وغالبًا ما يستخدم لتوفير ملاحظات للمستخدمين حول إجراء أو حدث في أحد التطبيقات. استنادًا إلى المكون الإضافي jQuery-toast-plugin ، يتيح لك هذا المكون إنشاء إشعارات نخب منمقة وشخصية لتطبيقات UNIGUI التي تم تطويرها في دلفي.

الخصائص والطرق الرئيسية:

عام:

• يحدد Text النص الرئيسي للإخطار.
• يحدد Heading رأس أو عنوان الإخطار.
• يحدد Icon أيقونة للإخطار. يمكن استخدام أيقونات مختلفة إلى + تشير إلى نوع أو أهمية الإخطار.

سلوك:

• يحدد ShowHideTransition نوع الانتقال المستخدم عن طريق إظهار أو إخفاء الإشعار.
• يحدد HideAfter الوقت (بالمللي ثانية) وبعد ذلك سيتم إخفاء الإخطار تلقائيًا.
• AllowToastClose إذا استطعت ، السماح للمستخدمين بإغلاق الإشعار يدويًا.
• يحدد Stack عدد الإخطارات التي يمكن عرضها في وقت واحد.

الأسلوب والمظهر:

• يحدد BgColor لون خلفية الإخطار.
• يحدد TextColor لون نص الإخطار.
• يحدد TextAlign محاذاة النص في الإخطار.
• يحدد Position الموضع على الشاشة حيث سيظهر الإخطار.
• يحدد Loader نوع وسلوك الشاحن الموضح في الإخطارات.

الأحداث:

• OnBeforeShow الناتج قبل عرض الإخطار.
• OnAfterShown الذي تم تشغيله بعد عرض الإخطار.
• OnBeforeHide الناتج قبل إخفاء الإخطار.
• OnAfterHidden الناتج بعد إخفاء الإخطار.

الطرق العامة:

• يعرض Show الإخطار مع الخصائص المحددة.
• Clear ينظف الإخطار الحالي.
• Reset إعادة تعيين الإخطار لقيمها الافتراضية.

يوفر مكون Tinidsatoast وسيلة مرنة وأنيقة لتوفير التعليقات للمستخدمين دون أن يتدخل. باستخدام هذا المكون في مشاريع Delphi مع UNIGUI ، يمكن للمطورين تحسين تجربة المستخدم بشكل كبير ، وتوفير الإخطارات السياقية ذات الصلة استجابةً لأفعال وأحداث مختلفة.

صورة:

صورة توضيحية ، لأن المكون يمكن أن يكون له خيارات التخصيص ...

التنسيد

هذا مكون يمثل قائمة جانبية ، شائعة الاستخدام في تطبيقات الويب لتوفير التصفح وخيارات إضافية ، عادة ما تكون موجودة على الجانب الأيسر أو الأيمن من الصفحة.

الخصائص والطرق الرئيسية:

عام:

• Logo : يتحكم في مظهر وسلوك الشعار في الجزء العلوي من القائمة.

1. يحدد UrlImage صورة الشعار
2. يحدد CompanyName اسم العميل/الشركة

• Search : يسمح للبحث داخل القائمة.

1. يحدد Icon أيقونة منطقة البحث.
2. يحدد TextPrompt النص المفيد الذي سيتم عرضه في مجال البحث ، "البحث .." القياسي القياسي "..
3. تمكين الإكمال AutoComplete أو تعطيل الاقتراح مع القواعد في النصوص المستخدمة بالفعل.
4. يحدد Visible ما إذا كان سيتم عرض البحث.
5. SearchText النص الذي بحثه المستخدم.

• يحدد Theme السمة المرئية للقائمة.

1. TitleLeft غادر عنوان الموضوع.
2. عنوان TitleRight للموضوع على اليمين.
3. StyleLeft النمط للموضوع على اليسار
4. أسلوب StyleRight للموضوع الصحيح
5. يحدد Visible ما إذا كنت ستكون مرئيًا للمستخدم خيار تغيير الموضوعات

• Menu : يتحكم في العناصر الفردية داخل القائمة.

1. يحدد Icon أيقونة القائمة (Font Awesome 5.15.4)
2. وصف قائمة Caption
3. NotificationCount عندما يتم عرض أكبر من 0 بجوار القائمة عدد الإخطارات.
4. تحدد Visible ما إذا كانت القائمة ستكون مرئية.
5. يحدد Enabled ما إذا كانت القائمة نشطة
6. تحدد Hidden ما إذا كانت القائمة ستكون مرئية مع الحفاظ على مكانها.
7. يحدد Separator أن القائمة ستكون فاصل قائمة
8. Hint وصف القائمة عند تمرير الماوس.
9. أدى OnClick إلى النقر على القائمة
10. OnClickNotification مدفوعة بالنقر على إشعار القائمة.
11. التشغيل OnClickRef عند النقر فوق القائمة (المستخدمة في وقت التشغيل)
12. التشغيل OnClickNotificationRef النقر على الإخطار القائمة (المستخدمة في وقت التشغيل)

• يتيح لك Profile عرض معلومات الملف الشخصي ، مثل اسم المستخدم أو الصورة ، في القائمة.

1. Name مستخدم نظام الاسم
2. Email لمستخدم نظام البريد الإلكتروني
3. صورة مستخدم نظام ImageURL
4. يشير Visible إلى ما إذا كان ملف تعريف المستخدم سيكون مرئيًا.

• Style يتحكم في النمط البصري العام للقائمة.

1. PaddingTop مماثلة ل CSS الحشو أعلى. يحدد المساحة الداخلية في الجزء العلوي من العنصر.
2. PaddingLeft مماثلة ل CSS Padding-Left. يحدد المساحة الداخلية على يسار العنصر.
3. PaddingRight على غرار CSS الحشو اليمين. يحدد المساحة الداخلية على يمين العنصر.
4. PaddingBottom على غرار CSS حشوة القاع. يحدد المساحة الداخلية في أسفل العنصر.
5. BorderRadiusTopLeft على غرار CSS الحدود إلى أعلى اليسار. يحدد حافة الحافة في الزاوية اليسرى العلوية.
6. BorderRadiusTopRight على غرار CSS الحدود القصوى. يحدد نصف قطر الحافة في الزاوية اليمنى العلوية.
7. BorderRadiusBottomLeft مماثلة للاشتراك الحدودي من اليسار من CSS. يحدد حافة الحافة في الزاوية اليسرى السفلى.
8. BorderRadiusBottomRight على غرار CSS الحدود الحدودية الحدود. يحدد حافة الحافة في الزاوية اليمنى السفلى.
9. BorderTop مماثلة ل CSS الحدود. يحدد سمك الحافة العلوية للعنصر.
10. BorderLeft مماثلة لليسار الحدود CSS. يحدد سمك من الحافة إلى يسار العنصر.
11. BorderRight مماثلة لليمين الحدود CSS. يحدد سمك من الحافة إلى يمين العنصر.
12. BorderBottom مماثلة ل CSS الحدود القاع. يحدد سمك الحافة السفلية للعنصر.

سلوك:

• يحدد MenuState الوضع الحالي للقائمة (على سبيل المثال ، تقليله أو تعظيمه).
• يحدد SelectedDiretionTheme اتجاه السمة المحددة.
• يحدد SelectedTheme موضوع النمط المحدد.
• يشير SelectedMenu إلى عنصر القائمة الذي تم تحديده.
• AjaxSecurity A Boolean التي تحدد ما إذا كان أمان Ajax قد تم تمكين أم لا.

الطرق العامة:

• MinimizeMaximize البديل بين حالات القائمة التي تم تقليلها إلى الحد الأقصى.
• HideMenu يخفي القائمة.
• ShowMenu يعرض القائمة.
• يحدد SetTheme موضوع القائمة.

الأحداث:

• التشغيل OnClickLogo عندما يتم النقر فوق الشعار.
• تم تنشيط OnClickMenu عند النقر فوق عنصر قائمة.
• OnClickNotificationMenu -DVENING من خلال النقر على إخطار القائمة.
• تم تنشيط OnAfterSelectTheme بعد اختيار موضوع.
• التشغيل على OnClickProfile عند النقر على ملف التعريف.
• أدى OnClickLogoff إلى النقر فوق الزر Out/Logoff.
• أدى OnSearchEnter إلى إدراج مصطلح البحث.
• OnClickIconSearch النقر على النقر على أيقونة البحث.

صورة:

صورة توضيحية ، لأن المكون يمكن أن يكون له خيارات التخصيص ...

التآنسالوجين

يعد مكون Tinidsalogin أداة متعددة الاستخدامات مصممة لتقديم عناصر حاسمة على شاشة تسجيل الدخول ، مما يوفر تجربة مستخدم قابلة للتخصيص وقابلة للتخصيص وتسريع كل عملية لإنشاء هذه الشاشة. شاشة تسجيل الدخول تستجيب ، لذلك ستتكيف مع لقطات شاشة مختلفة.

الخصائص والطرق الرئيسية:

عام:

• Geral : الخصائص العامة

1. يحدد Title عنوان شاشة تسجيل الدخول
2. يحدد Description وصف شاشة تسجيل الدخول ، النص أسفل العنوان مباشرة
3. TrimSpacesOnRememberMeForgetPassword لأولئك الذين لا يستخدمون خيار تذكر كلمة المرور أو استرداد كلمة المرور ، سيقوم هذا الخيار المجدولة بإزالة التباعد بين مدخلات الأزرار

• Logo : يتحكم في مظهر وسلوك الشعار في الجزء العلوي من القائمة.

1. تحدد Image صورة الشعار وفقًا لعنوان URL المستنيرة
2. يحدد MarginLeft من الجانب الأيسر
3. يحدد MarginTop الهامش من الجانب الأيمن

• Slide : في إشارة إلى صورة الشريحة الأولية

1. تحدد Image صورة الشعار وفقًا لعنوان URL المستنيرة
2. يحدد MarginLeft من الجانب الأيسر
3. يحدد MarginTop الهامش من الجانب الأيمن

• Login : إعدادات دخول تسجيل الدخول

1. Caption يحدد عنوان الإدخال ، على سبيل المثال البريد الإلكتروني ، الهاتف
2. يحدد Enabled ما إذا كان الإدخال سيكون نشطًا أو غير نشط
3. تحدد Value أو تأخذ قيمة حقل تسجيل الدخول

• Password : إعدادات إدخال كلمة المرور

1. Caption يحدد عنوان الإدخال
2. يحدد Enabled ما إذا كان الإدخال سيكون نشطًا أو غير نشط
3. تحدد Value أو تأخذ قيمة حقل تسجيل الدخول

• RememberMe : إعدادات خيار خيار كلمة المرور

1. Caption يحدد العنوان
2. Checked تحديد أو الشيكات إذا تم وضع علامة على مربع الاختيار
3. يحدد Visible رؤية الخيار

• ForgetPassword : إعدادات لاستعادة كلمة المرور

1. Caption يحدد العنوان
2. يحدد Visible رؤية الخيار

• LoginNow : أدخل إعدادات الزر

1. Caption يحدد العنوان
2. يحدد Visible رؤية الخيار
3. Visible مرئي عرض الزر

• CreateAccount : إعدادات إنشاء حسابات جديدة

1. Caption يحدد العنوان
2. يحدد Visible رؤية الخيار
3. Visible مرئي عرض الزر

الأحداث:

• OnCreateAccount مدفوع بالنقر فوق زر إنشاء الحساب.
• تشغيل OnForgetPassword عند النقر على خيار استرداد كلمة المرور.
• أدى OnLoginEnter إلى الضغط عند الضغط على إدخال تسجيل الدخول.
• أدى OnLoginNow إلى النقر فوق الزر "إدخال".
• نشأ OnPasswordEnter عند الضغط على إدخال إدخال كلمة المرور.
• تم تنشيط 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);
  }
}

ملاحظة: غير الاسم باسم النموذج الخاص بك formogin .

تذكر أن وضع MFPAGE في uniservermodule يوصى به بحيث يبدو تطبيقك أشبه بصفحات الويب الأنماط القياسية.

صورة: