Hướng dẫn thiết kế Tab Layout trong Android

Tab Layout trong Android được dùng để thiết kế màn hình với nhiều mục (tab) khác nhau trên một màn hình, giúp chuyển đổi qua lại giữa các màn hình một cách nhanh chóng và thuận lợi. Trong nội dung bài viết này hãy cùng tìm hiểu hướng dẫn thiết kế Tab Layout trong Android.

1.Sử dụng Tab Layout vào ứng dụng.

Bước 1: Đầu tiên, bạn cần tạo một số giao diện màn hình mà ở đây mình sẽ tạo ra 3 màn hình lần lượt là fragment_one.xml, fragment_two.xml fragment_three.xml như sau

fragment_one.xml

fragment_two.xml

fragment_three.xml

activity_main.xml

Bước 2: Tiếp theo, chúng ta sẽ xử lý thiết kế Tab Layout trong Android trong lớp MainActivity.java

setupViewPager() dùng để gán số lượng tab cần hiển thị

– setupTabIcons() dùng để gán icon

Bước 3: Cuối cùng, bạn tạo 3 lớp OneFragment.javaTwoFragment.javaThreeFragment.java kế thừa từ lớp Fragment.

OneFragment.java

TwoFragment.java

ThreeFragment.java 

Video demo hướng dẫn thiết kế Tab Layout trong Android:

Download mã nguồn ngay tại đây.

Download link Google Drive

Download link Vipshare

Download link Mshare

Như vậy là bài hướng dẫn thiết kế Tab Layout trong Android của mình đã hoàn thành, bây giờ bạn hãy làm theo và chạy thử chương trình trên xem kết quả như thế nào.

Lời kết: Mong rằng qua bài viết này bạn có thể thiết kế Tab Layout trong Android. Ngoài ra, bạn có thể xem thêm các bài viết khác trong chuyên mục lập trình Android.

(Tác giả: Tùng Dương)

2 thoughts on “Hướng dẫn thiết kế Tab Layout trong Android

  1. Nguyễn Châu Thảo Quân

    - Edit

    Reply

    Bạn ơi, bạn cho mình hỏi là ThreeFragment làm sao để ép recyclerview vào ? có phải bước mình xử lý dữ liệu đổ vào recyclerview để vào hàm View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) trước cái View view = inflater.inflate(R.layout.fragment_three, null); phải ko

    1. Chào bạn,

      Nếu bạn muốn thêm recyclerview vào ThreeFragment thì viết mã trong onCreateView() chẳng hạn như:

      @Override
      public View onCreateView(LayoutInflater inflater, final ViewGroup container,
      Bundle savedInstanceState) {
      View view = inflater.inflate(R.layout.fragment_tab3, null);

      recyclerView = (RecyclerView) view.findViewById(R.id.recyclerView);
      recyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

      // code

      return view;
      }

      Chúc bạn một ngày vui!

Bình luận

Loading...