CHƯƠNG 4: CHƯƠNG 4 : THIẾT KẾ
4.2 Thiết kế giao diện
4.2.7 Trang cá nhân
4.2.7.1 3.2.6.1 Giao diện trang cá nhân
Hình 4-30: Trang cá nhân
Mô tả chi tiết các thành phần giao diện:
Bảng 4-25: Mô tả thành phần trang cá nhân
STT Tên Kiểu Chức năng
người dùng.
2 listUserInfo List view Các thông tin cơ bản của người dùng.
3 tabNavigation Tab components Khung điều hướng gồm các đường dẫn đến những tab khác. 2.1 popupFollowers Button Hiện popup danh sách những
người đang theo dõi người dùng. 2.2 popupFollowing Button Hiện danh sách những tài khoản
mà người dùng đang theo dõi. 4 gridImg Grid View Các hình ảnh, video mà người
dùng đăng tải.
4.1 tabPosts Link Hiện những hình ảnh mà người dùng đăng tải.
4.2 tabSaved Link Hiện những bài viết đã lưu của người dùng.
4.3 tabTagged Link Hiện những bài viết mà người dùng được gắn tên cùng.
4.2.7.2 Giao diện followers
Hình 4-31: Popup followers
Mô tả chi tiết các thành phần giao diện:
Bảng 4-26: Mô tả thành phần Popup followers
STT Tên Kiểu Chức năng
1 listFollowers List View Danh sách các tài khoản đang theo dõi người dùng.
1.1 btnClose Button Tắt popup.
1.2 btnRemveFollower Button Xóa tài khoản khỏi danh dách người theo dõi.
Popup khi nhấn remove
Hình 4-32: Popup xác nhận
Mô tả chi tiết các thành phần giao diện:
Bảng 4-27: Mô tả thành phần Popup xác nhận
STT Tên Kiểu Chức năng
1 boxConfirm Popup Hộp thoại xác nhận hành động. 1.1 btnRemove Button Xóa tài khoản khỏi danh sách
người theo dõi. 1.2 btnCancel Button Hủy thực hiên.
4.2.7.3 Giao diện followings
Hình 4-33: Popup following
Mô tả chi tiết các thành phần giao diện:
Bảng 4-28: Mô tả thành phần Popup following
STT Tên Kiểu Chức năng
1 listFollowings List View Danh sách các tài khoản người dùng đang theo dõi.
1.1 btnClose Button Tắt popup.
1.2 btnFollowing Button Xóa tài khoản khỏi danh dách các tài khoản đang theo dõi.
Popup sau khi nhấn nút following
Hình 4-34: Popup xác nhận
Mô tả chi tiết các thành phần giao diện:
Bảng 4-29: Mô tả thành phần Popup xác nhận
STT Tên Kiểu Chức năng
1 boxConfirm Popup Hộp thoại xác nhận hành động. 1.1 btnYes Button Đồng ý xóa tài khoản khỏi danh
sách đang theo dõi.