Mình đang bị kẹt chỗ Prototype này mà không có biết chỉnh sao Slider 3 tấm hình Interact Photo 1 to Photo 2 and back: On Drag Change to Photo 1 to Photo 2 Smart Animation: 300ms Ease Out: 300ms Interact Photo 2 to Photo 3 and back: On Drag Change to Photo 2 to Photo 3 Smart Animation: 300ms Ease Out: 300ms Interact Photo 3 back to Photo 2: On Drag Change to Photo 3 back to Photo 2 Smart Animation: 300ms Ease Out: 300ms Từ tấm 1 qua tấm 2 và ngược lại thì ok nhưng drag không qua tấm thứ 3 được. Need some helps tho.
Éo biết phần mềm gì, và cũng không rành UI/UX lắm. Đoán là Adobe XD? Nhưng mà cái thứ 2 thì phải là Photo 2 to Photo 3 chứ nhỉ?
Mình làm trên Figma thì cái thứ 2 là từ Photo 2 to Photo 3 mà. Từ Photo 1 đến Photo 2 thì xong rồi, drag qua photo 1 , photo 2 và ngược lại không vấn đề gì, chỉ bị cái là không drag qua photo 3 được, dù làm y chang bước 1
Bởi vì cái 2 cần phải qua cái 3... Interact Photo 2 to Photo 3 and back: On Drag Change to Photo 1 to Photo 2 Smart Animation: 300ms Ease Out: 300ms phải là 2 -> 3 How to design Automatic Carousel/ Slider in @Figma - YouTube
Cái video bác đưa là Auto Delay tức là khoảng bao nhiêu giấy nó sẽ tự slide qua tấm hình khác. Cái này mình làm ok rồi. Cái mình đang muốn nói là slide hình giống trong video nhưng click vô rồi kéo qua trá hay qua phải để xem tấm mới hoặc coi lại tấm cũ ấy. Có action click và drag của chuột.
Một object có thể add nhiều action, riêng photo 2 có thể add 2 cái on drag, 1 cái navigate về photo 1, 1 cái lên photo 3. Cần 3 screens, 4 cái action là đủ.
Mình làm chỉ làm 1 screen nhưng ( 1 component 3 photos ). Cách bác nói bắt buộc làm Component rời hả? Mình test hử Navigation to nó bắt buộc có 1 Frame riêng. Mình đang làm theo kiểu này, nhưng bé này đang là drag right to left và không drag ngược lại được. Còn của mình là kiểu drag ngược lại được
Làm thử mẫu này rồi vẫn bị như kiểu tôi post ở trên ấy. Drag 1 qua 2 và 2 qua 1 thì ok mà không drag qua tấm thứ 3 được ------------------------------------------------------------------------------------------------------------- Mới thử làm 1 cách khác là để vùng để drag trong component thì drag được hết. Lần này tui làm 5 tấm hình thì drag 1 to 2 to 3 ngon lành.Nhưng drag ngược 3 về 2 thì méo được, drag tiếp từ 3 to 4 to 5 và back về 1 được. Giờ chỉ kẹt 1 bước là drag 3 về 2 đéo được. Check lại toàn bộ Prototype đều như nhau hết mà drag đéo được từ 3 về 2 cay vcc. Làm theo clip này:
cám ơn mấy bác, làm được rồi, do thiếu vùng đệm để drag. Tiện thể công ty bác nào có tuyển UI/UX Junior báo em với
