תיבות תוחמות
סקירה כללית
המודל של תיבות תוחמות הוא מודל האינטראקציה העיקרי של הנדסה הפוכה. לאחר העלאת תמונה, אתה מצייר תיבות מלבניות סביב אלמנטי ממשק משתמש בודדים כדי לבודד אותם. כל תיבת תוחמת הופכת לאזור הניתן לבחירה שאליו ניתן להקצות התנהגויות, להמיר לקוד או לייצא כרכיב סקיצה.
זרימת מסך וקבוצות
הבד ה"זרימה במסך" מאפשר לך לארגן את עבודת ההנדסה ההפוכה שלך לקבוצות. כל קבוצה יכולה להכיל מספר תמונות מסך, וניתן לסווג אותה כ-מסך (דפים, חלקים או תצוגות ראשיים) או כ-חלון צץ (שכבות-על, תיבות דו-שיח, חלונות קופצים, תפריטים נשלפים). לחץ פעמיים על קבוצה כדי לפתוח אותה ולעבוד עם התמונות שלה.
ציור ידני
צייר תיבה
לחץ וגרור על התמונה כדי לצייר תיבה מלבנית סביב אלמנט ממשק משתמש - כפתור, כרטיס, סרגל ניווט, סעיף ראשי או כל רכיב.
שנה את הגודל והתאם
גרור את הקצוות או הפינות של כל תיבה כדי לחדד את המיקום והגודל שלה. ודא שהוא עוטף בחוזקה את האלמנט המיועד.
הנח התנהגות
בחר תיבה והגדר מה האלמנט צריך לעשות - לדוגמה, "פותח מצב", "נווט ל-/אודות" או "מציג תוכן".
צור קוד או סקיצה
המר את התמונה המסומנת לקוד רכיבים עובד עבור מסגרת היעד שלך, או ייצא אותה כפריסת סקיצה.
תיבת סימון אוטומטית באמצעות AI
במקום לצייר כל תיבה באופן ידני, השתמש בזיהוי אוטומטי של AI כדי לאפשר ל-Kaiju Hub AI לזהות ולשרטט באופן אוטומטי אלמנטי ממשק משתמש בתמונה שלך. ה-AI מנתח את הפריסה החזותית ויוצר תיבות תוחמות סביב רכיבים שזוהו כגון כותרות, כפתורים, כרטיסים, קלט, תמונות ופריטי ניווט.
זיהוי בלחיצה אחת
לחץ על כפתור הזיהוי האוטומטי וה-AI סורק את כל התמונה ויוצר תיבות תוחמות סביב כל אלמנט ממשק המשתמש שזוהה.
ערוך לאחר זיהוי
ניתן לערוך תיבות שזוהו. הזז, שנה את גודלן, מחק או הוסף תיבות חדשות כדי לחדד את התוצאות.
זיהוי מחדש סלקטיבי
הפעל זיהוי מחדש על אזור ספציפי בתמונה אם אתה צריך תיבות רק עבור חלק מהפריסה.
הנחיית התנהגות
הכוח של תיבות תוחמות טמון בהנחיית מה כל אלמנט עושה. לאחר ציור תיבה, תוכל להקצות לה התנהגויות אינטראקטיביות שישקפו בפלט שנוצר או בסקיצה.
פותח מצב
לחיצה על האלמנט פותחת מצב/דיאלוג. ציין איזה תוכן המצב צריך להציג.
נווט לסעיף
האלמנט פועל כקישור או כפתור המנווט לדף או סעיף אחר באפליקציה.
החלף תוכן
האלמנט מציג או מסתיר תוכן קשור - תפריטים נפתחים, פאנלים ניתנים להרחבה.
הגשת טופס
האלמנט מפעיל את אימות הטופס ואת הלוגיקה של ההגשה.
פעולה מותאמת אישית
הגדר תיאור פעולה מותאמת אישית וה-AI ייצור את מנהלי האירועים והלוגיקה המתאימים.
