1
public class NewsCardAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
2
    private final List<NewsCardItemDataModel> mDataModelList;
3
    private final Context mContext;
4

5
    // ...
6

7
    /**
8
     * Click the card item and move to NewsDetailActivity
9
     *
10
     * @param itemView
11
     */
12
    public void onClickListener(@NonNull View itemView) {
13
        itemView.setOnClickListener(new View.OnClickListener() {
14
            @Override
15
            public void onClick(View v) {
16
                Activity activity = (Activity) mContext;
17
                TextView mSourceUrl = itemView.findViewById(R.id.text_view_source_url);
18
                Intent intent = new Intent(activity, NewsDetailActivity.class);
19
                intent.putExtra("source_url", mSourceUrl.getText().toString());
20
                mContext.startActivity(intent);
21
                activity.overridePendingTransition(R.animator.slide_in_right, R.animator.slide_out_left);
22
            }
23
        });
24
    }
25

26
    // No image style card view holder
27
    class NoImageCardViewHolder extends RecyclerView.ViewHolder {
28
        private final ImageView mAvatarView;
29
        private final TextView mTitleTextView;
30
        private final TextView mSubTitleTextView;
31
        private final TextView mBottomTextView;
32
        private final TextView mSourceUrlTextView;
33

34
        public NoImageCardViewHolder(@NonNull View itemView) {
35
            super(itemView);
36
            mAvatarView = itemView.findViewById(R.id.image_view_card_avatar);
37
            mTitleTextView = itemView.findViewById(R.id.text_view_card_title);
38
            mSubTitleTextView = itemView.findViewById(R.id.text_view_card_subtitle);
39
            mBottomTextView = itemView.findViewById(R.id.text_view_card_bottom_text);
40
            mSourceUrlTextView = itemView.findViewById(R.id.text_view_source_url);
41
            // set onClick
42
            onClickListener(itemView);
43
        }
44

45
        public void bindData(NewsCardItemDataModel dataModel, Context context) {
46
            // ...
47
        }
48
    }
49

50
}

1
<?xml version="1.0" encoding="utf-8"?>
2
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
3
    xmlns:app="http://schemas.android.com/apk/res-auto"
4
    xmlns:tools="http://schemas.android.com/tools"
5
    android:layout_width="match_parent"
6
    android:layout_height="match_parent"
7
    tools:context=".activity.NewsDetailActivity">
8
    <com.google.android.material.appbar.AppBarLayout
9
        android:id="@+id/app_bar"
10
        android:layout_height="40dp"
11
        android:layout_width="match_parent"
12
        android:background="@color/tabbed_bg">
13

14
        <com.google.android.material.appbar.CollapsingToolbarLayout
15
            android:layout_width="match_parent"
16
            android:layout_height="match_parent"
17
            app:toolbarId="@+id/toolbar"
18
            app:layout_scrollFlags="scroll|exitUntilCollapsed">
19

20
            <androidx.appcompat.widget.Toolbar
21
                android:id="@+id/tool_bar"
22
                android:layout_height="40dp"
23
                android:layout_width="match_parent">
24

25
                <androidx.appcompat.widget.LinearLayoutCompat
26
                    android:layout_width="wrap_content"
27
                    android:layout_height="wrap_content">
28
                    <Button
29
                        android:id="@+id/button_back"
30
                        android:layout_width="25dp"
31
                        android:layout_height="25dp"
32
                        android:layout_margin="1dp"
33
                        android:backgroundTint="@color/white"
34
                        app:layout_constraintStart_toStartOf="parent"
35
                        app:layout_constraintBottom_toBottomOf="parent"
36
                        android:background="@drawable/ic_baseline_arrow_back_ios_24"/>
37
                </androidx.appcompat.widget.LinearLayoutCompat>
38

39
            </androidx.appcompat.widget.Toolbar>
40
        </com.google.android.material.appbar.CollapsingToolbarLayout>
41
    </com.google.android.material.appbar.AppBarLayout>
42
    <com.airbnb.lottie.LottieAnimationView
43
        android:id="@+id/animation_view_loading"
44
        android:layout_width="wrap_content"
45
        android:layout_height="wrap_content"
46
        android:scaleX="0.7"
47
        android:scaleY="0.7"
48
        app:layout_constraintStart_toStartOf="parent"
49
        app:layout_constraintTop_toTopOf="parent"
50
        app:lottie_autoPlay="true"
51
        app:lottie_loop="true" />
52
    <androidx.core.widget.NestedScrollView
53
        android:id="@+id/nested_scroll_view_web"
54
        android:layout_width="match_parent"
55
        android:layout_height="match_parent"
56
        app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior">
57

58
        <FrameLayout
59
            android:layout_width="match_parent"
60
            android:layout_height="match_parent"
61
            tools:context=".ui.page.news_detail.NewsDetailFragment">
62

63
            <WebView
64
                android:id="@+id/web_view"
65
                android:layout_width="match_parent"
66
                android:layout_height="match_parent"
67
                app:layout_constraintLeft_toLeftOf="parent"
68
                app:layout_constraintRight_toRightOf="parent" />
69

70
            <ProgressBar
71
                android:id="@+id/progress_bar_loading"
72
                style="@style/Widget.AppCompat.ProgressBar.Horizontal"
73
                android:layout_width="match_parent"
74
                android:layout_height="2dp"
75
                app:layout_constraintTop_toTopOf="parent"/>
76

77
        </FrameLayout>
78

79
    </androidx.core.widget.NestedScrollView>
80

81
    <com.google.android.material.floatingactionbutton.FloatingActionButton
82
        android:id="@+id/fab_scroll_to_top"
83
        android:layout_width="wrap_content"
84
        android:layout_height="wrap_content"
85
        android:layout_gravity="bottom|end"
86
        android:layout_marginEnd="10dp"
87
        android:layout_marginBottom="30dp"
88
        android:backgroundTint="@color/red_200"
89
        android:clickable="true"
90
        android:contentDescription="@string/scrolltotop"
91
        android:focusable="true"
92
        android:isScrollContainer="false"
93
        android:src="@drawable/ic_baseline_keyboard_arrow_up_24"
94
        android:tint="@color/white"
95
        app:borderWidth="0dp" />
96
</androidx.coordinatorlayout.widget.CoordinatorLayout>

1
package com.example.toutiao.activity;
2

3
// ...
4

5
import androidx.annotation.RequiresApi;
6
import androidx.appcompat.app.AppCompatActivity;
7
import androidx.core.widget.NestedScrollView;
8

9
import com.airbnb.lottie.LottieAnimationView;
10
import com.example.toutiao.R;
11
import com.google.android.material.floatingactionbutton.FloatingActionButton;
12

13
/**
14
 * A Activity to be showed news detail.
15
 */
16

17
public class NewsDetailActivity extends AppCompatActivity {
18

19
    private WebView mNewsDetailWebView;
20
    private ProgressBar mProgressBar;
21
    private Button mBackButton;
22
    private LottieAnimationView mLoadingAnimationView;
23
    private FloatingActionButton mScrollToTopFAB;
24
    private NestedScrollView mWebNestedScrollView;
25

26
    @RequiresApi(api = Build.VERSION_CODES.M)
27
    @SuppressLint("SetJavaScriptEnabled")
28
    @Override
29
    protected void onCreate(Bundle savedInstanceState) {
30
        super.onCreate(savedInstanceState);
31
        setContentView(R.layout.activity_news_detail);
32

33
        Bundle args = getIntent().getExtras();
34
        String url = "";
35
        if (args != null) {
36
            url = args.getString("source_url");
37
        }
38

39
        Window window = getWindow();
40
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
41
        window.setStatusBarColor(getResources().getColor(R.color.tabbed_bg));
42

43
        mLoadingAnimationView = findViewById(R.id.animation_view_loading);
44
        mLoadingAnimationView.setAnimation("load-animation.json");
45
        mLoadingAnimationView.setSpeed(1);
46
        mLoadingAnimationView.playAnimation();
47

48
        mNewsDetailWebView = findViewById(R.id.web_view);
49
        mProgressBar = findViewById(R.id.progress_bar_loading);
50
        mProgressBar.setMax(100);
51
        mProgressBar.setProgress(1);
52
        // avoid the url has "http"
53
        if (url.contains("http")) {
54
            setNewsDetailWebView(url);
55
        } else {
56
            setNewsDetailWebView("https://m.toutiao.com" + url);
57
        }
58

59

60
        mBackButton = findViewById(R.id.button_back);
61
        setBackButtonOnClick();
62

63
        mWebNestedScrollView = findViewById(R.id.nested_scroll_view_web);
64
        mWebNestedScrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() {
65
            @Override
66
            public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
67
                if (scrollY == 0) {
68
                    // hide FAB when NestedScrollView is at the top
69
                    mScrollToTopFAB.hide();
70
                } else {
71
                    mScrollToTopFAB.show();
72
                }
73
            }
74
        });
75

76
        mScrollToTopFAB = findViewById(R.id.fab_scroll_to_top);
77
        mScrollToTopFAB.hide();
78
        mScrollToTopFAB.setOnClickListener(new View.OnClickListener() {
79
            @Override
80
            public void onClick(View v) {
81
                // scroll to top
82
                mWebNestedScrollView.smoothScrollTo(0, 0);
83
            }
84
        });
85
    }
86

87
    @SuppressLint("SetJavaScriptEnabled")
88
    private void setNewsDetailWebView(String url) {
89

90
        // TODO: Make WebView Faster
91

92
        mNewsDetailWebView.setWebChromeClient(new WebChromeClient() {
93
            public void onProgressChanged(WebView view, int progress) {
94
                mProgressBar.setProgress(progress);
95
            }
96
        });
97

98
        mNewsDetailWebView.setWebViewClient(new WebViewClient() {
99
            @Override
100
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
101
                mProgressBar.setVisibility(View.VISIBLE);
102
                return super.shouldOverrideUrlLoading(view, url);
103
            }
104

105
            @Override
106
            public void onPageFinished(WebView view, String url) {
107
                mLoadingAnimationView.setVisibility(View.GONE);
108
                mProgressBar.setVisibility(View.GONE);
109
            }
110
        });
111

112
        mNewsDetailWebView.getSettings().setAppCacheEnabled(true);
113
        mNewsDetailWebView.getSettings().setLoadsImagesAutomatically(true);
114
        mNewsDetailWebView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
115
        // hardware acceleration
116
        mNewsDetailWebView.setLayerType(View.LAYER_TYPE_HARDWARE, null);
117
        // enabling javascript
118
        mNewsDetailWebView.getSettings().setJavaScriptEnabled(true);
119
        // enable Dom storage
120
        mNewsDetailWebView.getSettings().setDomStorageEnabled(true);
121

122
        mNewsDetailWebView.loadUrl(url);
123
    }
124

125
    private void setBackButtonOnClick() {
126
        mBackButton.setOnClickListener(new View.OnClickListener() {
127
            @Override
128
            public void onClick(View v) {
129
                Leave();
130
            }
131
        });
132

133
    }
134

135
    @Override
136
    public void onBackPressed() {
137
        super.onBackPressed();
138
        if (mNewsDetailWebView.canGoBack()) {
139
            mNewsDetailWebView.goBack();
140
        } else {
141
            Leave();
142
        }
143
    }
144

145
    /**
146
     * back to MainActivity
147
     */
148
    public void Leave() {
149
//        mNewsDetailWebView.clearCache(true);
150
//        mNewsDetailWebView.clearHistory();
151
//        mNewsDetailWebView.clearFormData();
152
        finish();
153
        overridePendingTransition(android.R.anim.slide_in_left, android.R.anim.slide_out_right);
154
    }
155
}