在 webview 应用程序之前显示的异步启动画面答案

【问题标题】：async splashscreen to show before webview app在 webview 应用程序之前显示的异步启动画面
【发布时间】：2015-03-05 06:46:12
【问题描述】：

我正在制作一个运行全屏 webview 的 android，但问题是索引页面会在 2 秒延迟后出现，所以我想实现一个启动屏幕，直到 webview 在后台加载网站。如果你他能给我这个闪屏的完整代码吗，因为我对它完全陌生。

主要活动是：

public class MainActivity extends Activity  {

WebView 网站；

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_main);
    website = (WebView) findViewById(R.id.website);
    website.setWebViewClient(new WebViewClient());
    WebSettings webSettings = website.getSettings();
    webSettings.setJavaScriptEnabled(true);
    website.loadUrl("http://www.fitanity.com/index2.jsp");

}


@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    if ((keyCode == KeyEvent.KEYCODE_BACK) && website.canGoBack()) {
        website.goBack();
        return true;
    }
    else
    {
        finish();
    }
    return super.onKeyDown(keyCode, event);
}

}

【问题讨论】：

你试过setWebViewClient的onPageFinished(); ???
这将如何解决我的问题，我想设置它直到页面未完全加载。
请在下面找到我的答案。享受:)

标签： android android-webview splash-screen

【解决方案1】：

一旦 webview 在 public void onPageFinished() 中加载，您就可以最初显示 ImageView。

public class MainActivity1 extends Activity {

WebView website;
ImageView imgLoading;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    setContentView(R.layout.activity_main);
    website = (WebView) findViewById(R.id.website);
    imgLoading = (ImageView)findViewById(R.id.imgloader);
    WebSettings webSettings = website.getSettings();
    webSettings.setJavaScriptEnabled(true);
    website.setWebViewClient(new WebViewClient() {

        @Override
        public void onPageFinished(WebView view, String url) {
            //hide loading image
            imgLoading.setVisibility(View.GONE);
            //show webview
            website.setVisibility(View.VISIBLE);
        }

    });     

    website.loadUrl("http://www.fitanity.com/index2.jsp");

}

您的 xml 将如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<ImageView
    android:id="@+id/imgloader"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:src="@drawable/loader"
    android:visibility="visible" />

<WebView
    android:id="@+id/website"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:visibility="gone" />

</LinearLayout>

【讨论】：

【解决方案2】：

为此，您必须创建一个扩展 WebViewClient 类的类。

在这个类中，有一些方法你可以或者你必须重写，

1.onPageStarted -- 当 webview 开始加载页面时调用。（给你看） 2.shouldOverrideUrlLoading -- 这个方法你必须重写 3.onPageFinished -- 当 webview 停止加载页面时调用。（隐藏你的飞溅）

现在进入你的 webview，像这样使用你自己的 webview 类，

    web.setWebViewClient(new mywebclient());

希望对你有帮助，

干杯

-阿曼

【讨论】：

嗨，我应该建立一个单独的类来设置 webview 。我是 android 新手，你能详细解释一下吗？

【解决方案3】：

Dhwanik 的解决方案也对我有用，但我想显示带有背景的文本并将 gif 加载为初始屏幕，所以我用新布局替换了图像并将所有内容放入其中。

这里的链接可能对像我一样需要相同的每个人都有用 http://www.codewithasp.net/2016/01/show-splash-screen-while-android.html

【讨论】：