堆棧內存溢出
  簡體   English   中英

片段中的進度條

[英]a progress bar in fragment

 原文  2018-10-05 12:33:59  1   3    android/ android-fragments/ android-webview

問題描述

我見過很多進度條代碼，但我無法將它應用到我的應用程序中，請幫助我制作一個好的進度條。 進度條應顯示，直到網頁加載到片段中的 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>

3 個解決方案

解決方案1
 0  2018-10-05 12:36:59

您正在尋找的是 ProgressBar

您將 ProgressBar 視圖放在 XML 布局中，並根據需要調用 progressbar.setVisibility(GONE) 或 VISIBLE

解決方案2
 0  2018-10-05 12:58:32

第 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);
                }

            }
        }

解決方案3
 0 已采納  2019-11-15 06:42:52

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    View view = inflater.inflate(R.layout.your fragment name, container, false);
    progressBar = (ProgressBar) view.findViewById(R.id.progressBar);
   progressBar.setMax(100);
   progressBar.setProgress(0 );

進而

@Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                progressBar.setVisibility(View.VISIBLE);  }

最后

@Override
            public void onPageFinished(WebView view, String url) {

               progressBar.setVisibility(View.GONE); }

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 進度條未顯示在片段[ANDROID]中 Android在片段中使用進度條 片段視圖中的webview進度條 Fragment上的Circle Progress Bar未顯示進度 嘗試在片段中的 web 視圖中添加進度條 當進度條可見時隱藏片段的內容 SwipeRefreshLayout setRefreshing 未在 Fragment 中顯示進度條 在片段視圖中顯示Web視圖的進度條 webview片段中的進度欄​​和沒有互聯網連接 重新啟動活動/片段后，搜索欄進度未更新
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM