TreeView in ios

Sau 1 tháng OT trả góp dòng dã, hnay mới lại nâng mông lên nghiên cứu monthly report tháng này. Làm project củ chuối này thấy có cái treeview khá là hay bên bê sang đây cho ae tham khảo và học tập. Khi xem qua treeview này cảm giác khá kì công và hiệu ứng cũng khá đẹp. Ae nào custom đc cho dễ dùng hơn thì nhớ để lại link cho mình copy với nhé. Thôi chém gió đủ rồi ta vào việc chính nhé.

Đầu tiên chúng ta tạo 1 project mang tên TreeViewExample cho nó đúng chuẩn nhé.

Việc tiếp theo ta cần thêm 2 groups là Controls và model để chứa các controls cần sử dụng và các class tiện ích sẽ sử dụng trong dự án. Nào chúng ta cùng đi tạo 2 tableview cell mang tên TreeViewCell sẽ hiển thị dữ liệu. Theo thói quen mình cứ tạo ra 1 group là tạo ngay ra 1 thư mục cùng tên với nó. Như vậy các project khác muốn dùng lại thì copy cả thư mục là đc rồi, rất tiện lợi và khoa học. Mình nghĩ là các bạn cũng nên làm vậy sẽ tốt hơn. Việc tiếp theo là chúng ta cần tạo ra 1 file giao diện treeviewCell. Ở project này mình khuyên các bạn tạo ra file xib cho tiện lợi. Dễ sửa và sẽ cần đăng kí với treeview.cell sẽ có giao diện như sau. Àh quên thêm mấy file resource vào cho nó đẹp cái đã. Bạn vào file Assets.xcassets để thêm ảnh nhé.

Và giao diện Treeview Cell sẽ như sau:

Ở đây mình thiết kế cell gồm các controls sau:

1. Button checkbox
2. Label hiển thị text
3. Button Expand
4. ImageView hình Expand
5. ImageView Separator nhìn cho đẹp. Do thiết kế ảnh hơi nhỏ + mẫu cũ của nó có thêm cái image expand cũng ko hay lắm nhưng lười lên các bợn trẻ cứ tự sửa nhé. OT nhiều quá giờ lười lắm