индикатор выполнения в фрагменте

Question

Я видел много штрих-кода прогресса, но я не смог применить его в моем приложении, пожалуйста, помогите мне сделать хороший индикатор прогресса.индикатор выполнения должен отображаться до тех пор, пока веб-страница не загрузится в webView фрагментом.Пожалуйста, сделайте код в соответствии с моим кодом, извините, но я новичок в Android и только что начал, пожалуйста, помогите новичку

фрагмент кода

public class BlankFragment2 extends Fragment {

    public Handler h;
    TextView txt;
 Bundle webViewBundle;
    public AdView adView;
    public WebView mWebView;
    @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        mWebView.saveState(outState);
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        mWebView.restoreState(savedInstanceState);
    }
    public BlankFragment2() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view
                = inflater.inflate(R.layout.blank_fragment2, container, false);
        txt=(TextView)view.findViewById(R.id.hi);
        Runnable r=new Runnable(){

            @Override
            public void run() {
                // TODO Auto-generated method stub
                Log.e("bf", "fd");
                h.postDelayed(this, 300);
                if (txt.isShown()){
                    txt.setVisibility(View.INVISIBLE);

                }
                else{
                    txt.setVisibility(View.VISIBLE);
                }
            }

        };



        mWebView = (WebView) view.findViewById(R.id.hu);
        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.getSettings().setSupportZoom(true);
        mWebView.getSettings().setBuiltInZoomControls(true);
        mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
        mWebView.getSettings().setDisplayZoomControls(true);
        mWebView.setWebViewClient(new WebViewClient());
        mWebView.setVerticalScrollBarEnabled(true);
        mWebView.getSettings().setAllowFileAccess(true);
        mWebView.setHorizontalScrollBarEnabled(true);
        this.mWebView.getSettings().setDomStorageEnabled(true);
        mWebView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH);
        mWebView.loadUrl("https://www.brainyquote.com/topics/love");
        AdRequest adRequest = new AdRequest.Builder().build();
        adView = (AdView) view.findViewById(R.id.ad9View);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.ad10View);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.ad13View);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.ad14View);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.ad11View);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.ad12View);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.earn1);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.earn2);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.earn3);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.earn4);
        adView.loadAd(adRequest);
        adView = (AdView) view.findViewById(R.id.earn5);
        adView.loadAd(adRequest);
        mWebView.setOnKeyListener(new View.OnKeyListener(){

            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if (keyCode == KeyEvent.KEYCODE_BACK
                        && event.getAction() == MotionEvent.ACTION_UP
                        && mWebView.canGoBack())
                {
                    mWebView.goBack();
                    return true;
                }
                return false;
            }

        });
        return view;
    }
    @Override
    public void onPause() {
        super.onPause();

        webViewBundle = new Bundle();
        mWebView.saveState(webViewBundle);
    }
    }

код макета

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    tools:context=".BlankFragment2">
    <RelativeLayout android:orientation="horizontal"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/tr" android:layout_width="match_parent" android:layout_height="match_parent">
        <WebView android:id="@+id/hu"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <com.google.android.gms.ads.AdView
            android:orientation="horizontal"
            android:id="@+id/ad9View"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/hi"
            android:layout_centerHorizontal="true"
            app:adSize="BANNER" app:adUnitId="@string/ad9View" />

        <com.google.android.gms.ads.AdView
            android:id="@+id/ad10View"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ad9View"
            android:layout_centerHorizontal="true"
            android:orientation="horizontal"
            app:adSize="BANNER"

            app:adUnitId="@string/ad10View" />
        <com.google.android.gms.ads.AdView
            android:orientation="horizontal"
            android:id="@+id/ad11View"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ad10View"
            app:adSize="BANNER"
            android:layout_centerHorizontal="true"
            app:adUnitId="@string/ad11View" />
        <com.google.android.gms.ads.AdView
            android:orientation="horizontal"
            android:id="@+id/ad12View"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ad11View"
            app:adSize="BANNER"
            android:layout_centerHorizontal="true"
            app:adUnitId="@string/ad12View" />
        <com.google.android.gms.ads.AdView
            android:orientation="horizontal"
            android:id="@+id/earn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ad14View"
            app:adSize="BANNER"
            android:layout_centerHorizontal="true"
            app:adUnitId="@string/earn" />
        <com.google.android.gms.ads.AdView
            android:orientation="horizontal"
            android:id="@+id/earn2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/earn1"
            app:adSize="BANNER"
            android:layout_centerHorizontal="true"
            app:adUnitId="@string/earn2" />

        <com.google.android.gms.ads.AdView
            android:id="@+id/earn3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/earn2"
            android:layout_centerHorizontal="true"
            android:orientation="horizontal"
            app:adSize="BANNER"
            app:adUnitId="@string/earn3" />
        <com.google.android.gms.ads.AdView
            android:orientation="horizontal"
            android:id="@+id/earn4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/earn3"
            app:adSize="BANNER"
            android:layout_centerHorizontal="true"
            app:adUnitId="@string/earn4" />
        <com.google.android.gms.ads.AdView
            android:orientation="horizontal"
            android:id="@+id/earn5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/earn4"
            app:adSize="BANNER"
            android:layout_centerHorizontal="true"
            app:adUnitId="@string/earn5" />
        <com.google.android.gms.ads.AdView
            android:orientation="horizontal"
            android:id="@+id/ad13View"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ad12View"
            app:adSize="BANNER"
            android:layout_centerHorizontal="true"
            app:adUnitId="@string/ad10View" />
        <com.google.android.gms.ads.AdView
            android:orientation="horizontal"
            android:id="@+id/ad14View"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ad13View"
            app:adSize="BANNER"
            android:layout_centerHorizontal="true"
            app:adUnitId="@string/ad9View" />
        <TextView
            android:id="@+id/hi"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="16dp"
            android:textSize="20sp"

            android:layout_below="@id/hu"
            android:text="@string/text" />

    </RelativeLayout>
</android.support.v4.widget.NestedScrollView>

Answer 1

Шаг 1: Добавьте ниже ProgressBar к вашему xml макету.

<ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />

Шаг 2: : инициализация ProgressBar

progress = (ProgressBar) findViewById(R.id.progressBar);
progress.setMax(100);

Шаг 3: Установите клиент для вашего WebView и загрузите URL, как показано ниже

mWebView.setWebViewClient(new MyBrowser());
mWebView.setWebChromeClient(new MyWebViewClient());
mWebView.loadUrl(your_url);

Шаг 4: Установите прогресс какниже.Скрыть это, когда прогресс составляет 100%.

private class MyBrowser extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }

private class MyWebViewClient extends WebChromeClient {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                WebViewActivity.this.setValue(newProgress);
                super.onProgressChanged(view, newProgress);

                if (newProgress == 100){
                    progress.setVisibility(View.GONE);
                }
                else {
                    progress.setVisibility(View.VISIBLE);
                }

            }
        }

Answer 2

То, что вам нужно, - это ProgressBar

Вы помещаете представление ProgressBar в макет XML и вызываете progressbar.setVisibility (GONE) или VISIBLE в зависимости от ваших потребностей