Hộp Giới Hạn
Tổng Quan
Hộp giới hạn là mô hình tương tác cốt lõi của Kỹ Thuật Đảo Ngược. Sau khi tải lên hình ảnh, bạn vẽ các hộp hình chữ nhật xung quanh từng phần tử UI để cô lập chúng. Mỗi hộp giới hạn trở thành vùng có thể chọn có thể được gán hành vi, chuyển đổi sang mã hoặc xuất dưới dạng thành phần khung dây.
Luồng Màn Hình & Nhóm
Canvas luồng màn hình cho phép bạn tổ chức công việc kỹ thuật đảo ngược thành các nhóm. Mỗi nhóm có thể chứa nhiều hình ảnh màn hình và có thể được phân loại là Màn hình (trang chính, phần hoặc chế độ xem) hoặc Modal (lớp phủ, hộp thoại, popup, ngăn kéo). Nhấn đúp vào một nhóm để mở và làm việc với các hình ảnh của nó.
Vẽ Hộp Thủ Công
Select the Box Tool
Choose the bounding box drawing tool from the toolbar above the image canvas.
Draw a Box
Click and drag on the image to draw a rectangular box around a UI element — a button, a card, a navigation bar, a hero section, or any component.
Resize & Adjust
Drag the edges or corners of any box to fine-tune its position and size. Make sure it tightly wraps the target element.
Assign Behavior
Select a box and define what the element should do — for example, "opens a modal," "navigates to /about," or "toggles a dropdown menu."
Tự Động Vẽ Hộp AI
Thay vì vẽ từng hộp thủ công, sử dụng tự động vẽ hộp AI để Kaiju Hub AI tự động phát hiện và phác thảo phần tử UI trong hình ảnh. AI phân tích bố cục trực quan và tạo hộp giới hạn xung quanh các thành phần được phát hiện như tiêu đề, nút, thẻ, đầu vào, hình ảnh và mục điều hướng.
Phát Hiện Một Nhấp
Nhấp nút tự động vẽ hộp và AI quét toàn bộ hình ảnh, tạo hộp giới hạn xung quanh mọi phần tử UI được phát hiện.
Chỉnh Sửa Sau Phát Hiện
Hộp được phát hiện tự động hoàn toàn có thể chỉnh sửa. Di chuyển, thay đổi kích thước, xóa hoặc thêm hộp mới để tinh chỉnh kết quả.
Phát Hiện Lại Có Chọn Lọc
Chạy phát hiện tự động trên vùng cụ thể của hình ảnh nếu bạn chỉ cần hộp cho một phần bố cục.
Hướng Dẫn Hành Vi
Sức mạnh của hộp giới hạn nằm ở việc hướng dẫn mỗi phần tử làm gì. Sau khi đóng hộp phần tử, bạn có thể gán hành vi tương tác sẽ được phản ánh trong mã hoặc khung dây được tạo:
Mở Modal
Nhấp vào phần tử mở modal/hộp thoại. Chỉ định nội dung modal nên hiển thị.
Điều Hướng Đến Phần
Phần tử hoạt động như liên kết hoặc nút điều hướng đến trang hoặc phần khác của ứng dụng.
Chuyển Đổi Nội Dung
Phần tử hiển thị hoặc ẩn nội dung liên quan — menu thả xuống, accordion, bảng mở rộng.
Gửi Biểu Mẫu
Phần tử kích hoạt xác thực biểu mẫu và logic gửi.
Hành Động Tùy Chỉnh
Xác định bất kỳ mô tả hành vi tùy chỉnh nào và AI sẽ tạo trình xử lý sự kiện và logic phù hợp.