المربعات المحددة
نظرة عامة
المربعات المحددة هي نموذج التفاعل الأساسي للهندسة العكسية. بعد تحميل صورة، ترسم مربعات مستطيلة حول عناصر الواجهة الفردية لعزلها. كل مربع محدد يصبح منطقة قابلة للتحديد يمكن تخصيص سلوكيات لها أو تحويلها لكود أو تصديرها كمكون إطار شبكي.
تدفق الشاشات والمجموعات
لوحة تدفق الشاشات تتيح لك تنظيم عمل الهندسة العكسية في مجموعات. كل مجموعة يمكن أن تحتوي صور شاشات متعددة ويمكن تصنيفها كـ شاشة (صفحات رئيسية وأقسام أو عروض) أو نافذة منبثقة (طبقات وحوارات ونوافذ منبثقة وأدراج). انقر مزدوجاً على مجموعة لفتحها والعمل مع صورها.
التحديد اليدوي
اختيار أداة المربع
اختر أداة رسم المربع المحدد من شريط الأدوات فوق لوحة الصورة.
رسم مربع
انقر واسحب على الصورة لرسم مربع مستطيل حول عنصر واجهة — زر أو بطاقة أو شريط تنقل أو قسم بطولي أو أي مكون.
تغيير الحجم والضبط
اسحب حواف أو زوايا أي مربع لضبط موقعه وحجمه. تأكد من أنه يلف بإحكام حول العنصر المستهدف.
تخصيص السلوك
حدد مربعاً وحدد ما يجب أن يفعله العنصر — مثلاً "يفتح نافذة منبثقة" أو "ينتقل إلى /حول" أو "يبدل قائمة منسدلة".
الاكتشاف التلقائي بالذكاء الاصطناعي
بدلاً من رسم كل مربع يدوياً، استخدم الاكتشاف التلقائي بالذكاء الاصطناعي ليقوم Kaiju Hub AI بالكشف التلقائي عن عناصر الواجهة في صورتك وتحديدها. يحلل الذكاء الاصطناعي التخطيط المرئي وينشئ مربعات محددة حول المكونات المكتشفة مثل الرؤوس والأزرار والبطاقات وحقول الإدخال والصور وعناصر التنقل.
اكتشاف بنقرة واحدة
انقر على زر الاكتشاف التلقائي وسيمسح الذكاء الاصطناعي الصورة بالكامل، وينشئ مربعات محددة حول كل عنصر واجهة مكتشف.
التحرير بعد الاكتشاف
المربعات المكتشفة تلقائياً قابلة للتحرير بالكامل. انقل وغير حجم واحذف أو أضف مربعات جديدة لتنقيح النتائج.
إعادة اكتشاف انتقائية
شغّل الاكتشاف التلقائي على منطقة محددة من الصورة إذا كنت تحتاج مربعات لجزء فقط من التصميم.
توجيه السلوك
قوة المربعات المحددة في توجيه ما يفعله كل عنصر. بعد تحديد عنصر، يمكنك تخصيص سلوكيات تفاعلية ستنعكس في الكود أو الإطار الشبكي المولد:
فتح نافذة منبثقة
عند النقر، يفتح العنصر نافذة منبثقة/حوار. حدد المحتوى الذي يجب أن تعرضه النافذة المنبثقة.
التنقل إلى قسم
العنصر يعمل كرابط أو زر ينتقل إلى صفحة أخرى أو قسم في التطبيق.
تبديل المحتوى
العنصر يعرض أو يخفي محتوى مرتبط: قوائم منسدلة وأكورديونات ولوحات قابلة للتوسيع.
إرسال نموذج
العنصر يفعل التحقق من النموذج ومنطق الإرسال.
إجراء مخصص
حدد أي وصف سلوك مخصص وسيولد الذكاء الاصطناعي معالجات الأحداث والمنطق المناسبة.