在WebView中打开URL而不是默认浏览器

12
我正在创建一个简单的Webview应用程序,其中包含一些链接在textview上,并在webview中打开这些链接而不是默认浏览器。我的textview包含各种不同的URLS,我正在尝试在我的应用程序的webview中打开每个链接。
以下是代码:
tv.setText("www.google.com  www.facebook.com  www.yahoo.com");
tv.setMovementMethod(LinkMovementMethod.getInstance());;
tv.setText(Html.fromHtml(tv.getText().toString()));
Linkify.addLinks(tv, Linkify.WEB_URLS);


WebViewClient yourWebClient = new WebViewClient()
       {
           // Override page so it's load on my view only
           @Override
           public boolean shouldOverrideUrlLoading(WebView  view, String  url)
           {
            // This line we let me load only pages inside Firstdroid Webpage
            if ( url.contains("www") == true )
               // Load new URL Don't override URL Link
               return false;

            // Return true to override url loading (In this case do nothing).
            return true;
           }
       };

wv.getSettings().setJavaScriptEnabled(true);   
    wv.getSettings().setSupportZoom(true);      

    wv.getSettings().setBuiltInZoomControls(true); 
    wv.setWebViewClient(yourWebClient);

    // Load URL
    wv.loadUrl(url);

已尝试过这个这个这个示例,但无法解决在textview中有多个链接的问题。请帮我解决这个问题。感谢您的帮助。

编辑 我的Textview包含以下字符串:

hello xyz some more statements... xyz.com/abc/
hello xyz some more statements... xyz.com/abc/
hello xyz some more statements... xyz.com/abc/
hello xyz some more statements... xyz.com/abc/

像这样,它有许多字符串和多个网址。


我想要实现从TextView点击打开链接并在WebView中显示。 - Himanshu Agarwal
不要在同一个WebView中打开链接。无论用户从TextView点击哪个链接,该链接都应在一个WebView中打开。 - Himanshu Agarwal
你的应用程序中真的有必要使用单个TextView来显示不同的URL吗?@HimaniAgarwal - Pankaj
@scottt 请检查我的编辑,这是我的文本视图,并且其中包含多个链接。 - Himanshu Agarwal
我发布了一个回答,基本上说明Linkify显然无法理解你的链接,因为它们不包括方案。 - scottt
显示剩余5条评论
6个回答

30
以下问题需要解决:
  1. 将TextView文本中的链接转换为可点击的链接
  2. 寻找一种监听TextView中链接点击的方法
  3. 获取被点击链接的URL并在WebView中加载
  4. 可选:使TextView可点击但不影响文字选择功能
  5. 可选:支持TextView中格式化的文本(不同大小和样式的文本)

#1 将TextView文本中的链接转换为可点击的链接

这是最简单的问题,您已经解决了这个问题。我建议采用以下方式:

String text = "These are some sample links:\nwww.google.com\nwww.facebook.com\nwww.yahoo.com";
Spannable spannable = new SpannableString( Html.fromHtml(text) );
Linkify.addLinks(spannable, Linkify.WEB_URLS);

我在这里使用Spannable来解决问题#2。

#2 + #3 监听链接的点击事件,并在WebView中打开它们

为了找出何时点击链接并检索要打开的URL,我们需要用LinkSpan替换TextView中的所有URLSpans(这就是为什么我们需要一个Spannable):

URLSpan[] spans = spannable.getSpans(0, spannable.length(), URLSpan.class);
for (URLSpan urlSpan : spans) {
    LinkSpan linkSpan = new LinkSpan(urlSpan.getURL());
    int spanStart = spannable.getSpanStart(urlSpan);
    int spanEnd = spannable.getSpanEnd(urlSpan);
    spannable.setSpan(linkSpan, spanStart, spanEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    spannable.removeSpan(urlSpan);
}

我们的LinkSpan只是简单地获取所点击的URL,并在WebView中打开它:

private class LinkSpan extends URLSpan {
    private LinkSpan(String url) {
        super(url);
    }

    @Override
    public void onClick(View view) {
        String url = getURL();
        if (mWebView != null && url != null) {
            mWebView.loadUrl(url);
        }
    }
}

显然,我们需要将WebView保存为实例变量才能使其正常工作。为了让答案尽可能简短,我选择将LinkSpan定义为内部类,但我建议将其定义为顶级类。注册一个监听器或将WebView作为参数传递给构造函数。

如果没有将MovementMethod设置为LinkMovementMethod,则TextView将无法打开链接:

tv.setMovementMethod(LinkMovementMethod.getInstance());
tv.setText(spannable, BufferType.SPANNABLE);

最后但同样重要的是,让我们确保WebView不会启动浏览器,而是在应用程序中加载页面:

mWebView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // we handle the url ourselves if it's a network url (http / https) 
        return ! URLUtil.isNetworkUrl(url);
    }
});

#4 可点击和可选择的文本视图 + #5 格式化文本

如果 MovementMethod 被设置为 LinkMovementMethod,你可以点击链接,但无法再选择文本(你需要使用 ArrowKeyMovementMethod 来实现)。为了解决这个问题,我创建了一个自定义的 MovementMethod 类,继承自 ArrowKeyMovementMethod,并添加了点击链接的功能。此外,它还能处理格式化文本。因此,如果您决定在 TextView 中使用不同的字体大小和样式,下面的 MovementMethod 将可以胜任(同样适用于 EditText):

/**
 * ArrowKeyMovementMethod does support selection of text but not the clicking of links.
 * LinkMovementMethod does support clicking of links but not the selection of text.
 * This class adds the link clicking to the ArrowKeyMovementMethod.
 * We basically take the LinkMovementMethod onTouchEvent code and remove the line
 *      Selection.removeSelection(buffer);
 * which deselects all text when no link was found.
 */
public class EnhancedLinkMovementMethod extends ArrowKeyMovementMethod {

    private static EnhancedLinkMovementMethod sInstance;

    private static Rect sLineBounds = new Rect();

    public static MovementMethod getInstance() {
        if (sInstance == null) {
            sInstance = new EnhancedLinkMovementMethod();
        }
        return sInstance;
    }

    @Override
    public boolean onTouchEvent(TextView widget, Spannable buffer, MotionEvent event) {
        int action = event.getAction();

        if (action == MotionEvent.ACTION_UP || action == MotionEvent.ACTION_DOWN) {

            int index = getCharIndexAt(widget, event);
            if (index != -1) {
                ClickableSpan[] link = buffer.getSpans(index, index, ClickableSpan.class);
                if (link.length != 0) {
                    if (action == MotionEvent.ACTION_UP) {
                        link[0].onClick(widget);
                    }
                    else if (action == MotionEvent.ACTION_DOWN) {
                        Selection.setSelection(buffer, buffer.getSpanStart(link[0]), buffer.getSpanEnd(link[0]));
                    }
                    return true;
                }
            }
            /*else {
                Selection.removeSelection(buffer);
            }*/

        }

        return super.onTouchEvent(widget, buffer, event);
    }

    private int getCharIndexAt(TextView textView, MotionEvent event) {
        // get coordinates
        int x = (int) event.getX();
        int y = (int) event.getY();
        x -= textView.getTotalPaddingLeft();
        y -= textView.getTotalPaddingTop();
        x += textView.getScrollX();
        y += textView.getScrollY();

        /*
         * Fail-fast check of the line bound.
         * If we're not within the line bound no character was touched
         */
        Layout layout = textView.getLayout();
        int line = layout.getLineForVertical(y);
        synchronized (sLineBounds) {
            layout.getLineBounds(line, sLineBounds);
            if (! sLineBounds.contains(x, y)) {
                return -1;
            }
        }

        // retrieve line text
        Spanned text = (Spanned) textView.getText();
        int lineStart = layout.getLineStart(line);
        int lineEnd = layout.getLineEnd(line);
        int lineLength = lineEnd - lineStart;
        if (lineLength == 0) {
            return -1;
        }
        Spanned lineText = (Spanned) text.subSequence(lineStart, lineEnd);

        // compute leading margin and subtract it from the x coordinate
        int margin = 0;
        LeadingMarginSpan[] marginSpans = lineText.getSpans(0, lineLength, LeadingMarginSpan.class);
        if (marginSpans != null) {
            for (LeadingMarginSpan span : marginSpans) {
                margin += span.getLeadingMargin(true);
            }
        }
        x -= margin;

        // retrieve text widths
        float[] widths = new float[lineLength];
        TextPaint paint = textView.getPaint();
        paint.getTextWidths(lineText, 0, lineLength, widths);

        // scale text widths by relative font size (absolute size / default size)
        final float defaultSize = textView.getTextSize();
        float scaleFactor = 1f;
        AbsoluteSizeSpan[] absSpans = lineText.getSpans(0, lineLength, AbsoluteSizeSpan.class);
        if (absSpans != null) {
            for (AbsoluteSizeSpan span : absSpans) {
                int spanStart = lineText.getSpanStart(span);
                int spanEnd = lineText.getSpanEnd(span);
                scaleFactor = span.getSize() / defaultSize;
                int start = Math.max(lineStart, spanStart);
                int end = Math.min(lineEnd, spanEnd);
                for (int i = start; i < end; i++) {
                    widths[i] *= scaleFactor;
                }
            }
        }

        // find index of touched character
        float startChar = 0;
        float endChar = 0;
        for (int i = 0; i < lineLength; i++) {
            startChar = endChar;
            endChar += widths[i];
            if (endChar >= x) {
                // which "end" is closer to x, the start or the end of the character?
                int index = lineStart + (x - startChar < endChar - x ? i : i + 1);
                //Logger.e(Logger.LOG_TAG, "Found character: " + (text.length()>index ? text.charAt(index) : ""));
                return index;
            }
        }

        return -1;
    }
}

完整的活动代码

以下是我使用的完整示例活动代码。它应该完全符合您的要求。它使用我的EnhandedMovementMethod,但您也可以使用简单的LinkMovementMethod(具有上述缺点)。

public class LinkTestActivity extends Activity {

    private WebView mWebView;

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

        setContentView(R.layout.activity_main);
        mWebView = (WebView) findViewById(R.id.webView);
        TextView tv = (TextView) findViewById(R.id.textView);

        String text = "These are some sample links:\nwww.google.com\nwww.facebook.com\nwww.yahoo.com";

        // Linkify the TextView
        Spannable spannable = new SpannableString( Html.fromHtml(text) );
        Linkify.addLinks(spannable, Linkify.WEB_URLS);

        // Replace each URLSpan by a LinkSpan
        URLSpan[] spans = spannable.getSpans(0, spannable.length(), URLSpan.class);
        for (URLSpan urlSpan : spans) {
            LinkSpan linkSpan = new LinkSpan(urlSpan.getURL());
            int spanStart = spannable.getSpanStart(urlSpan);
            int spanEnd = spannable.getSpanEnd(urlSpan);
            spannable.setSpan(linkSpan, spanStart, spanEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            spannable.removeSpan(urlSpan);
        }

        // Make sure the TextView supports clicking on Links
        tv.setMovementMethod(EnhancedLinkMovementMethod.getInstance());
        tv.setText(spannable, BufferType.SPANNABLE);

        // Make sure we handle clicked links ourselves
        mWebView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // we handle the url ourselves if it's a network url (http / https) 
                return ! URLUtil.isNetworkUrl(url);
            }
        });

        mWebView.getSettings().setJavaScriptEnabled(true);   
        mWebView.getSettings().setSupportZoom(true);      
        mWebView.getSettings().setBuiltInZoomControls(true);
    }

    private class LinkSpan extends URLSpan {
        private LinkSpan(String url) {
            super(url);
        }

        @Override
        public void onClick(View view) {
            String url = getURL();
            if (mWebView != null && url != null) {
                mWebView.loadUrl(url);
            }
        }
    }
}

EnhancedLinkMovementMethod 似乎无法正确地允许选择。 - kenyee
@kenyee,但它确实有效。这段代码适用于我数千名用户,并且如果您持有不同意见,您需要提供一些证据。 - Emanuel Moecklin
所以我是个白痴...我没有设置 android:textIsSelectable="true"...哈哈。抱歉 :-) - kenyee
非常好的回答。写得很好,解释得也很清楚 :) - Praveen Singh

3

WebViewClient是通过在WebView引用上调用setWebViewClient()方法设置的。

首先为webview设置所有属性,然后调用loadURL(String url)方法,它会在同一个webview中打开子链接,而不是在浏览器中打开。

ProgressDialog progressDialog = new ProgressDialog(WebActivity.this);
WebView webview= (WebView) findViewById(R.id.webview);

webview.getSettings().setDomStorageEnabled(true);
webview.getSettings().setJavaScriptEnabled(true);
webview.setVerticalScrollBarEnabled(false);
webview.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
webview.getSettings().setPluginsEnabled(true);
webview.getSettings().setSupportMultipleWindows(true);
webview.getSettings().setSupportZoom(true);
webview.setVerticalScrollBarEnabled(false);
webview.setHorizontalScrollBarEnabled(false);

webview.loadUrl("http://www.google.com");

webview.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        return false;
    }

    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        progressDialog.dismiss();
    }

    @Override
    public void onPageStarted(WebView view, String url,Bitmap favicon) {
        // TODO Auto-generated method stub
        super.onPageStarted(view, url, favicon);
        progressDialog.setMessage("Loading ...");
        progressDialog.setCancelable(false);
        progressDialog.setCanceledOnTouchOutside(false);
        progressDialog.show();
    }
});

但问题在于TextView中有许多不同的URL,当用户单击任何链接时,所需的URL必须在WebView中打开。因此,我正在寻求如何完成此任务。 - Himanshu Agarwal

1
当某个链接被点击时,您的Webview应用程序将收到链接。用户必须手动选择您的应用程序。指定主机“如www.apptechinc.com”将在该站点上单击任何链接时启动此应用程序。
    <activity
    android:name=".MainActivity"
    android:label="@string/title_activity_main" >
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
    <intent-filter>
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <data android:scheme="http" />
        <data android:scheme="https" />
        <data android:host="www.apptecxinc.com" />
    </intent-filter>
    </activity>

在 Activity 中,您可以将此链接接收为:

    String action = getIntent().getAction();
    if (Intent.ACTION_VIEW.equals(action)) {
        Uri uri = getIntent().getData();
            webview.loadUrl(urlsetup(uri.getPath())); 

    } 

0
@Emanuel Moecklin的回答中最重要的部分是子类化URLSpan并创建自己的URLSpan,其中已经覆盖了onClick。
受他的回答启发,我没有完全按照他的步骤,而是坚持使用Linkify。然而,出于其他原因,我创建了自己的Linkify类,几乎与原始的Linkify代码相同。
然后,在Linkify的applyLink()中,我进行了替换。
URLSpan span = new URLSpan(url);

使用

InAppURLSpan span = new InAppURLSpan(url);

InAppURLSpan 的代码在哪里:

public static class InAppURLSpan extends URLSpan {

    public InAppURLSpan(String url) {
        super(url);
    }

    @Override
    public void onClick(View widget) {
        String url = getURL();
        Log.i("TNC_URL", url);
        Intent intent = new Intent(widget.getContext(), SingleWebViewActivity.class);
        intent.putExtra(Constants.INTENT_URL, url);
        widget.getContext().startActivity(intent);
    }
}

它像魔术一样顺利地工作了~


0
问题似乎出在Linkify正在寻找一种用于检测链接的方案。如果没有http://,它就无法将您的链接识别为Web URL。解决方法是确保您的链接包含方案,或定义自定义正则表达式模式以匹配。从您的示例TextView数据中并不清楚应该是什么模式。 这里是一个页面展示了如何在解决其模式后使用自定义模式的方法。

-1
WebView wv = (WebView) findViewById(R.id.webView1);
wv.getSettings().setJavaScriptEnabled(true);
wv.getSettings().setSupportZoom(true);      

wv.getSettings().setBuiltInZoomControls(true);

wv.setWebViewClient(new WebViewClient()
{
    // Links clicked will be shown on the webview
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url)
    {
        return super.shouldOverrideUrlLoading(view, url);
    }   
}); 
wv.loadUrl(url);

我宁愿为您的链接创建3个TextView / Button,并将其setOnClickListener设置为执行webview.loadurl(url)操作。 - user3394213

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接