1
<?xml version="1.0" encoding="utf-8"?>
2
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
3
    xmlns:tools="http://schemas.android.com/tools"
4
    xmlns:app="http://schemas.android.com/apk/res-auto"
5
    android:layout_width="match_parent"
6
    android:layout_height="match_parent">
7

8
    <com.google.android.material.appbar.AppBarLayout
9
        android:id="@+id/app_bar"
10
        android:layout_width="match_parent"
11
        android:layout_height="wrap_content"
12
        android:theme="@style/Theme.PopupOverlay"
13
        android:background="@color/tabbed_bg">
14

15
        <androidx.appcompat.widget.Toolbar
16
            android:layout_width="match_parent"
17
            android:layout_height="?attr/actionBarSize"
18
            android:layout_marginEnd="10dp"
19
            app:layout_scrollFlags="scroll|enterAlways">
20

21
            <com.example.toutiao.ui.searchBar.SearchView
22
                android:id="@+id/search_view_news"
23
                android:layout_width="match_parent"
24
                android:layout_height="match_parent"
25
                android:clickable="true"
26
                android:focusable="true"
27
                android:layout_marginEnd="30dp" />
28

29
            <Button
30
                android:layout_width="30dp"
31
                android:layout_height="30dp"
32
                android:layout_gravity="right|center_vertical"
33
                android:background="@drawable/ic_baseline_add_circle_24"
34
                android:backgroundTint="@color/white"
35
                android:clickable="true"
36
                android:focusable="true"
37
                tools:ignore="RtlHardcoded" />
38

39
        </androidx.appcompat.widget.Toolbar>
40
        <com.google.android.material.tabs.TabLayout
41
            android:id="@+id/tabs_channel"
42
            android:layout_width="match_parent"
43
            android:layout_height="wrap_content"
44
            app:tabIndicatorColor="#FFFFFF"
45
            app:tabMode="scrollable"
46
            app:tabRippleColor="#00FFFFFF"
47
            app:tabSelectedTextColor="@color/white"
48
            app:tabTextColor="#D1D1D1">
49

50
        </com.google.android.material.tabs.TabLayout>
51
    </com.google.android.material.appbar.AppBarLayout>
52

53
    <androidx.viewpager2.widget.ViewPager2
54
        android:id="@+id/view_pager_channel"
55
        android:layout_width="match_parent"
56
        android:layout_height="match_parent"
57
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
58

59
    <LinearLayout
60
        android:layout_width="match_parent"
61
        android:layout_height="match_parent"
62
        android:orientation="vertical"
63
        tools:context=".ui.home.HomeFragment"/>
64

65
</androidx.coordinatorlayout.widget.CoordinatorLayout>

1
<?xml version="1.0" encoding="utf-8"?>
2

3
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
4
    xmlns:app="http://schemas.android.com/apk/res-auto"
5
    xmlns:tools="http://schemas.android.com/tools"
6
    android:id="@+id/fragment_news_channel"
7
    android:layout_width="match_parent"
8
    android:layout_height="match_parent"
9
    android:orientation="vertical"
10
    tools:context=".ui.page.newsChannel.NewsChannelFragment">
11

12
  <!-- ... -->
13

14
</androidx.coordinatorlayout.widget.CoordinatorLayout>

1
package com.example.toutiao.ui.page.newsChannel;
2

3
import android.content.Context;
4
import android.os.Bundle;
5
import android.os.Handler;
6
import android.view.Gravity;
7
import android.view.LayoutInflater;
8
import android.view.View;
9
import android.view.ViewGroup;
10

11
import androidx.annotation.NonNull;
12
import androidx.annotation.Nullable;
13
import androidx.fragment.app.Fragment;
14
import androidx.lifecycle.Observer;
15
import androidx.lifecycle.ViewModelProvider;
16

17
/**
18
 * A simple {@link Fragment} subclass.
19
 * Use the {@link NewsChannelFragment#newInstance} factory method to
20
 * create an instance of this fragment.
21
 */
22
public class NewsChannelFragment extends Fragment {
23
    private String mCategory;
24
    private int mIndex;
25

26
    public NewsChannelFragment() {
27
    }
28

29
    /**
30
     * Use this factory method to create a new instance of
31
     * this fragment using the provided parameters.
32
     */
33
    public static NewsChannelFragment newInstance(String category, int index) {
34
        NewsChannelFragment fragment = new NewsChannelFragment();
35
        Bundle bundle = new Bundle();
36
        bundle.putString("category", category);
37
        bundle.putInt("index", index);
38
        fragment.setArguments(bundle);
39
        return fragment;
40
    }
41

42
    @Override
43
    public void onCreate(Bundle savedInstanceState) {
44
        super.onCreate(savedInstanceState);
45
        mPageViewModel = new ViewModelProvider(this).get(PageViewModel.class);
46
        if (getArguments() != null) {
47
            mCategory = getArguments().getString("category");
48
            mIndex = getArguments().getInt("index");
49
        }
50
        mPageViewModel.setCategory(mCategory);
51
        mPageViewModel.setIndex(mIndex);
52
    }
53

54
    @Override
55
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
56
                             Bundle savedInstanceState) {
57
        View view = inflater.inflate(R.layout.fragment_news_channel, container, false);
58
        // ...
59
        return view;
60
    }
61
}

1
package com.example.toutiao.ui.page.newsChannel;
2

3
import androidx.lifecycle.MutableLiveData;
4
import androidx.lifecycle.ViewModel;
5

6
/**
7
 * A [ViewModel] for NewsChannelFragment
8
 */
9

10
public class PageViewModel extends ViewModel {
11
    private final MutableLiveData<Integer> mIndex = new MutableLiveData<>();
12
    private final MutableLiveData<String> mCategory = new MutableLiveData<>();
13

14
    public MutableLiveData<String> getCategory() {
15
        return mCategory;
16
    }
17

18
    public void setCategory(String category) {
19
        mCategory.setValue(category);
20
    }
21

22
    public MutableLiveData<Integer> getIndex() {
23
        return mIndex;
24
    }
25

26
    public void setIndex(int index) {
27
        mIndex.setValue(index);
28
    }
29
}

1
package com.example.toutiao.ui.page.newsChannel;
2

3
import androidx.annotation.NonNull;
4
import androidx.fragment.app.Fragment;
5
import androidx.fragment.app.FragmentManager;
6
import androidx.lifecycle.Lifecycle;
7
import androidx.viewpager2.adapter.FragmentStateAdapter;
8

9
import org.jetbrains.annotations.NotNull;
10

11
import java.util.ArrayList;
12

13
/**
14
 * A [FragmentStateAdapter] that returns a fragment corresponding to
15
 * one of the sections/tabs/pages.
16
 */
17
public class SectionsPagerAdapter extends FragmentStateAdapter {
18

19
    private final ArrayList<Fragment> mArrayList = new ArrayList<>();
20

21
    public SectionsPagerAdapter(@NonNull FragmentManager fragmentManager, @NonNull Lifecycle lifecycle) {
22
        super(fragmentManager, lifecycle);
23
    }
24

25
    public void addFragment(Fragment fragment) {
26
        mArrayList.add(fragment);
27
    }
28

29
    @NonNull
30
    @NotNull
31
    @Override
32
    public Fragment createFragment(int position) {
33
        // return your fragment that corresponds to this 'position'
34
        return mArrayList.get(position);
35
    }
36

37
    @Override
38
    public int getItemCount() {
39
        // Show total pages.
40
        return mArrayList.size();
41
    }
42
}

1
package com.example.toutiao.ui.home;
2

3
// ...
4

5
import androidx.annotation.StringRes;
6
import androidx.fragment.app.Fragment;
7
import androidx.viewpager2.widget.ViewPager2;
8

9
import com.example.toutiao.R;
10
import com.example.toutiao.activity.SearchActivity;
11
import com.example.toutiao.ui.page.newsChannel.NewsChannelFragment;
12
import com.example.toutiao.ui.page.newsChannel.SectionsPagerAdapter;
13
import com.example.toutiao.ui.searchBar.SearchView;
14
import com.google.android.material.tabs.TabLayout;
15
import com.google.android.material.tabs.TabLayoutMediator;
16

17
/**
18
 * A simple {@link Fragment} subclass.
19
 * Use the {@link com.example.toutiao.ui.home.HomeFragment#newInstance} factory method to
20
 * create an instance of this fragment.
21
 */
22
public class HomeFragment extends Fragment {
23
    private SectionsPagerAdapter mSectionsPagerAdapter;
24
    @StringRes
25
    private static final int[] TAB_TITLES = new int[]{
26
            R.string.title__all__,
27
            R.string.title_news_tech,
28
//        R.string.title_news_image,
29
            R.string.title_news_hot,
30
            R.string.title_news_entertainment,
31
            R.string.title_news_game,
32
            R.string.title_news_sports,
33
            R.string.title_news_finance,
34
            R.string.title_digital,
35
    };
36
    private ViewPager2 mViewPagerChannel;
37
    private SearchView mNewsSearchView;
38
    private TabLayout mTabsChannel;
39

40
//    // TODO: Rename parameter arguments, choose names that match
41
//
42
//    // TODO: Rename and change types of parameters
43

44
    public HomeFragment() {
45
        // Required empty public constructor
46
    }
47

48
    /**
49
     * Use this factory method to create a new instance of
50
     * this fragment using the provided parameters.
51
     *
52
     * @return A new instance of fragment AccountFragment.
53
     */
54
    // TODO: Rename and change types and number of parameters
55
    public static HomeFragment newInstance() {
56
        HomeFragment fragment = new HomeFragment();
57
        Bundle args = new Bundle();
58
        return fragment;
59
    }
60

61
    @Override
62
    public void onCreate(Bundle savedInstanceState) {
63
        super.onCreate(savedInstanceState);
64
    }
65

66
    @Override
67
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
68
                             Bundle savedInstanceState) {
69
        // setting status bar's color
70
        Window mWindow = getActivity().getWindow();
71
        mWindow.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
72
        mWindow.setStatusBarColor(getResources().getColor(R.color.tabbed_bg));
73
        // Inflate the layout for this fragment
74
        View view = inflater.inflate(R.layout.fragment_home, container, false);
75

76
        Context context = container.getContext();
77

78
        // setting tabbed
79
        mSectionsPagerAdapter = new SectionsPagerAdapter(getChildFragmentManager(), getLifecycle());
80
        mViewPagerChannel = view.findViewById(R.id.view_pager_channel);
81

82
        // add Fragments in your ViewPagerFragmentAdapter class
83
        for (int i = 0; i < TAB_TITLES.length; i++) {
84
            String category = context.getString(TAB_TITLES[i]);
85
            mSectionsPagerAdapter.addFragment(NewsChannelFragment.newInstance(category, i));
86
        }
87
        // setting switch Orientation
88
        mViewPagerChannel.setOrientation(ViewPager2.ORIENTATION_HORIZONTAL);
89
        // setting adapter to view pager
90
        mViewPagerChannel.setAdapter(mSectionsPagerAdapter);
91
        mTabsChannel = view.findViewById(R.id.tabs_channel);
92
        // setting tabbed
93
        new TabLayoutMediator(mTabsChannel, mViewPagerChannel,
94
                (tab, position) -> tab.setText(context.getString(TAB_TITLES[position]))
95
        ).attach();
96

97
        return view;
98
    }
99
}