一个最简单的WebView教程

最新推荐文章于 2025-04-08 08:50:48 发布

这是什么树

最新推荐文章于 2025-04-08 08:50:48 发布

阅读量1k

点赞数

本文链接：https://blog.youkuaiyun.com/yttyffggh/article/details/84082736

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

WebView允许你创建自己的窗口来显示网页（乃至开发一个完整的浏览器）。
在这个教程中，你可以创建一个简单的Acitivity来显示和导航网页。
1、创建一个新的项目命名为HelloWebView。

2、打开 res/layout/main.xml文件并加入下面的内容：

<?xml version="1.0" encoding="utf-8"?><WebView  xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/webview"    android:layout_width="fill_parent"    android:layout_height="fill_parent"/>

3、现在打开HelloWebView.java文件（linc注：如果你现在用最新的ADT，那么这个文件是
HelloWebViewActivity.java）。在类的顶部，声明一个WebView对象：

WebView mWebView;

然后把用下面的代码完成onCreate()方法：

public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.main);    mWebView = (WebView) findViewById(R.id.webview);    mWebView.getSettings().setJavaScriptEnabled(true);    mWebView.loadUrl("http://www.google.com");}

在这里从Activity的布局中初始化了成员变量Webview；用getSettings()请求一个WebSettings对象；并用setJavaScriptEnabled(boolean)将WebView的JavaScript置成可用。最后，用loadUrl(String)加载一个初始化好的网页。

由于本程序需要接入网络，你要在Android manifest文件中加一个适当的权限。打开AndroidManifest.xml文件并加上如下子元素：

<uses-permission android:name="android.permission.INTERNET" />

在manifast文件中，移走标题栏以给网页更多的空间，使用"NoTitleBar"主题：

<activity android:name=".HelloGoogleMaps" android:label="@string/app_name"     android:theme="@android:style/Theme.NoTitleBar">

现在运行这个程序吧！

你现在已经有了最简单的网页显示工具了。它现在还不是一个浏览器呢，因为如果你点击一个链接，默认的Android浏览器处理了这个Intent来显示一个网页，原来这个Activity在技术上是不能够做这些的。不用intent过滤器来显示网页，你可以重写一个WebViewClient类来启用Activity处理自己的URL请求。
在HelloAndroid Activity中，加入内部类：

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

然后在onCreate(Bundle)方法的最后，为WebViewClient设置一个HelloWebViewClient的实例：

mWebView.setWebViewClient(new HelloWebViewClient());

这一行可以放在任何WebView对象初始化之后。
创建了WebViewClient就可以选择WebView上任意URL并在同一个WebView中加载。shouldOverrideUrlLoading(WebView, String)方法传入当前的WebView和请求的URL，它所做的事情就是在给定的view中加载URL。返回true说明这个方法已经处理了URL，这个事件就不用再传递了（这时，会创建一个Intent并由浏览器程序处理）。
如果你再次运行这个程序，这个Activity会加载一个新的页。然而你还是不能导航到前一个页面。要如此做，你只需处理设备的BACK键，以使它返回到前一个页，而不是退出程序。

@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {    if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {        mWebView.goBack();        return true;    }    return super.onKeyDown(keyCode, event);}

这个onKeyDown(int, KeyEvent)回调方法将会在Activity中按钮被按下的时候调用。KeyEvent中的条件是核对按下的键是BACK键以及WebView可以回退（它有历史记录）。如果条件满足，就会调用goBack()方法在WebView历史中回退一个步骤。返回true表明这个事件已经被处理了。如果条件不满足，这个事件就会被回送给系统。再次运行程序。你现在可以点击进入链接并能够在页面历史中回退了。
当你打开程序，你将会看到如下的界面：

给我老师的人工智能教程打call！http://blog.youkuaiyun.com/jiangjunshow

你好！这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

全新的界面设计 ，将会带来全新的写作体验；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
全新的 KaTeX数学公式 语法；
增加了支持甘特图的mermaid语法¹ 功能；
增加了 多屏幕编辑 Markdown文章功能；
增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

~~删除文本~~

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block var foo = 'bar';

生成一个适合你的列表

项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	`'Isn't this fun?'`	‘Isn’t this fun?’
Quotes	`"Isn't this fun?"`	“Isn’t this fun?”
Dashes	`-- is en-dash, --- is em-dash`	– is en-dash, — is em-dash

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通过欧拉积分

$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划一               :         des3, after des2, 5d
        计划二               :         des4, after des3, 5d