Ứng dụng của chúng ta có cấu trúc hai phần chính:

  • (1) Phần Header: bao gồm Search Bar và ô chọn Playlist
  • (2) Phần Nội dung chính: phần này lại được chia ra làm hai phần nhỏ hơn, một là phần hiển thị video, và phần còn lại là danh sách các video trong playlist.

Trong giai đoạn này, bạn sẽ tạo layout và phần Header cho ứng dụng. Đối với phần Nội dung chính, bạn chỉ cần chia được phần này thành hai cột với nội dung bất kỳ (bạn có thể sử dụng Lorem Ipsum Text). Và ở giai đoạn này, chúng ta sẽ chưa cần triển khai tính năng tìm kiếm cũng như chọn playlist, bạn chỉ cần tạo ra ô nhập từ khoá, ta sẽ quay lại với nó trong các giai đoạn sau.

Ứng dụng sau khi hoàn thành giai đoạn này cơ bản sẽ như hình bên dưới:

Một vài gợi ý cho bạn:

Yêu cầu

  1. Tạo cấu trúc chính cho ứng dụng: Header và phần nội dung chính
  2. Tạo Header với thanh tìm kiếm (Search Bar) và lựa chọn thay đổi playlist