Tạo list ảnh auto size giống facebook

Hoan_Hoan · June 6, 2018, 4:26am

Chào mọi người,
Mình đang muốn làm một tính năng show list ảnh tương tự như facebook nhưng chưa biết làm thế nào.
Có ai đã từng làm rồi không ạ?

Chien_Dang · June 5, 2018, 9:58am

Bạn xem kendo listview xem có đúng cái bạn muốn ko? Có demo và code luôn đó.

Hoan_Hoan · June 5, 2018, 11:53am

Bạn ơi mình code iOS native cơ. Hiển thị list ảnh như này nàyUploading…

Chien_Dang · June 6, 2018, 4:24am

Bạn ko nói rõ nên mình ko biết là iOs, bạn thêm cái tag iOS vào bài đi để m.ng còn biết mà giúp , mình thì lại ko rành về mobile nói chung.

P/s: link bạn đưa cũng ko mở được?

hungaya · June 6, 2018, 4:27am

Cho mình cái hình demo đi.
Hỏi mobile mà toàn chữ không biết trả lời sao luôn.

Chien_Dang · June 6, 2018, 4:30am

Cao thủ iOS @hungaya xuất hiện rồi, bạn cứ nêu cụ thể lỗi đi, đưa ảnh lên, muốn như nào là ok.

P/s: mấy hôm nay ko thấy @hungaya online để cãi nhau mấy cái vụ góp ý

Hoan_Hoan · June 6, 2018, 12:41pm

Trang web bị lỗi hay sao ý mình up ko được nữa.

Trang_Tuan · June 6, 2018, 2:07pm

Chắc ý bạn này là ảnh sắp xếp theo grid giống như này:

Lý do bạn này up ảnh mà hiện chữ Uploading…là do upload chưa xong nhưng vẫn cho submit Reply.

hungaya · June 6, 2018, 2:32pm

Ảnh bạn đưa là cách hiển thị 1 newfeed dựa vào data nhận được từ server (facebook server). Data là 1 array nhiều kiểu: text, images, video, link.
Phần này hơi nhiều đó.

Còn chức năng show list ảnh là sao nhỉ?
Bạn có thể upload ảnh ở 1 nơi, sau đó chèn link vào, nếu chèn link không được thì thêm .
Vì bạn chỉ mới là new user nên bị vài hạn chế khi post bài.

Bạn đưa thêm cho mình nhé, nếu nhiều mình làm tutorial luôn cho

huynhtinh · June 6, 2018, 3:05pm

Bên Android thì có StaggeredGridLayout, hiển thị layout item với size không đồng nhất, mình có search thì được cái nguồn từ SO khá hay:

Hoan_Hoan · June 6, 2018, 3:19pm

Ý mình là tùy theo kich thước của ảnh mà có thể layout dk các ảnh theo chiều dọc hoặc ngang ấy. Ví dụ 3 ảnh trên thì coá một ảnh dk hiển thị to hơn và hai ảnh kia nhỏ hơn ý.

Ho_Minh_Tuong · July 6, 2018, 7:21am

Mình tình cờ lướt qua, có lẽ quá trễ mà không biết bạn đã làm được chưa.
Câu hỏi trên đơn giản bạn tạo list ảnh trong collection view, sau đó chỉnh size của từng item theo ý của bạn thôi, ví dụ vầy:
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    switch indexPath.item {
    case 0:
        return CGSize(width:xxx, height:xx)
    default:
        return CGSize(width:xxx, height:xx)
    }
}