Marquee (لوحة رقمية)
تطبيق لوحة رقمية لنصوص متحركة بملء الشاشة. حالات الاستخدام النموذجية: إعلانات في الواجهة، استقبال الفعاليات، "نعود خلال 5 دقائق" في مقهى، لافتة تحفيزية على شاشة ثانوية، توجيه لاستدعاء شخص في مكتب مفتوح.
ما يفعله
- اكتب نصًا، اختر تأثير الرسوم المتحركة، لون الخلفية، لون النص، السرعة
- وضع ملء الشاشة بمفتاح واحد (
Fأو زر⛶) - يعمل على أي شاشة — فقط اسحب النافذة إلى شاشة أخرى وقم بملء الشاشة
التأثيرات المتاحة
| التأثير | السلوك |
|---|---|
| التمرير الأفقي | ينزلق النص من اليمين إلى اليسار (لوحة كلاسيكية) |
| التمرير العمودي | يرتفع النص (اعتماد الفيلم) |
| تلاشي داخل/خارج | ينبض النص مركّزًا |
| الارتداد | يقفز النص من زاوية إلى زاوية |
| التوهج | نبضات النيون، مثالية للخلفية السوداء |
| الموجة | تتموج الأحرف (تأثير ريترو) |
| ثابت | نص ثابت (لافتة بسيطة) |
الألوان والخلفية
- لون النص: منتقي HEX
- لون الخلفية: منتقي HEX
- الإعدادات المسبقة (تبديل): أسود/أبيض، أسود/أخضر نيون، أسود/أصفر (علامات تحذير)، أحمر/أبيض (طوارئ)، أزرق/أبيض (شركات)
- تبديل التدرج: تتحول الخلفية إلى تدرج ناعم (3 إعدادات مسبقة)
السرعة
شريط تمرير من 0.5× إلى 5×. الافتراضي 1× (~10 ثوانٍ لعبور نص 30 حرفًا).
وضع ملء الشاشة
انقر ⛶ في الزاوية العلوية اليمنى أو اضغط F. اخرج بـ Esc.
في ملء الشاشة:
- تختفي الخلفية و dock و menubar
- تختفي عناصر تحكم النافذة (X، _، ▢)
- يختفي المؤشر بعد 3 ثوانٍ من عدم الحركة
أفضل ممارسة للهاتف المحمول: قفل الاتجاه. في الوضع الأفقي، يتسع نص طويل أكثر.
الهاتف المحمول
يعمل على الهاتف الذكي/الجهاز اللوحي. يكشف زر drawer الهاتف المحمول في الأعلى عن عناصر التحكم. في ملء شاشة الهاتف المحمول، اسحب لأعلى من الحافة السفلية لاسترجاع عناصر التحكم.
نمط مضاد محلول (2026-04-26)
طبق الإصدار السابق touch-action: none على <html> لالتقاط إيماءات ملء الشاشة المخصصة. خطأ: إذا تم إغلاق التطبيق بواسطة السحب لأسفل على مستوى OS (وليس بالزر)، يظل الفصل عالقًا عالميًا ويكسر السحب للإغلاق لـ جميع التطبيقات اللاحقة حتى إعادة تحميل الصفحة.
الإصلاح: يستخدم الآن Fullscreen API الأصلي للمتصفح (element.requestFullscreen()) الذي يحل تلقائيًا عند التدمير. لا فئات عالمية في <html>.
اختصارات لوحة المفاتيح
| المفتاح | الإجراء |
|---|---|
F | تبديل ملء الشاشة |
Esc | الخروج من ملء الشاشة |
Space | إيقاف/استئناف الرسوم المتحركة |
↑ / ↓ | زيادة/تقليل السرعة |
← / → | تبديل التأثير |
القيود
- لا يحفظ الإعدادات المسبقة بعد (يفقد النص عند الإغلاق)
- لا قائمة تشغيل (التناوب بين 5 رسائل)
- بدون صوت
- لا استيراد للصور (نص فقط)
هذه على خارطة الطريق لـ v2 عندما يبرر الطلب.
حالات الاستخدام الحقيقية
| الإعداد | التكوين |
|---|---|
| واجهة "نعود خلال 5 دقائق" | خلفية سوداء، نص أصفر، تمرير أفقي بطيء (0.7×) |
| استقبال الحدث "Welcome to ROADSHOW 2026" | توهج أخضر نيون، ثابت |
| نقطة عرض باسم المتحدث الحالي | تدرج أزرق شركات، تلاشي داخل/خارج 2 ثانية |
| "الغرفة مستخدمة" باب الاجتماع | أحمر/أبيض، ارتداد |
| لافتة تحفيزية لسطح المكتب الثانوي | موجة + تدرج خلفية، سرعة 1× |
المراجع
- تطبيق مسجل في
src/config/apps.js(ابحث عنid: 'marquee') - المكون:
src/components/roqueos/apps/ROSMarquee.vue - قاعدة الانحدار
.claude/rules/10-ui-patterns.mdقسم "نمط مضاد: الفئات العالمية في<html>/<body>"