Android语言基础教程（256）Android使用WebView显示网页经典范例之获取天气预报：迷你浏览器：Android WebView获取天气预报实战

你还在为Android应用加载网页而头疼吗？一个简单的WebView组件，就能让你轻松打造内嵌浏览器体验。

在Android应用开发中，WebView作为一个强大的内置浏览器组件，能够将网页内容无缝嵌入原生应用中。今天，我们将通过一个实际案例——获取天气预报，深入探讨Android WebView的使用方法。

无论你是想在自己的应用中显示天气信息、嵌入网页内容，还是构建一个混合应用，掌握WebView都是通往这些目标的必经之路。

---

一、Android WebView：应用里的迷你浏览器

1.1 什么是WebView？

简单来说，WebView是Android系统提供的一个特殊视图组件，它可以让你在应用内部直接显示网页内容，而无需跳转到外部浏览器。

想象一下，当你在某些APP中点击一个链接，没有跳出应用而是直接在应用内打开了网页——那就是WebView在发挥作用。

1.2 WebView的基本用法

使用WebView其实非常简单，只需几个基本步骤：

1. 在布局文件中添加WebView组件
2. 在Activity中获取WebView实例
3. 配置WebView设置
4. 加载URL地址或HTML内容

下面是一个最基本的WebView使用示例：

<!-- res/layout/activity_main.xml -->
<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

// 在Activity中
WebView webView = findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("https://www.example.com");

当然，别忘了要在AndroidManifest.xml中添加网络访问权限：

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

---

二、实战演练：用WebView打造天气预报应用

2.1 项目概述与设计思路

现在，让我们进入今天的重头戏——构建一个能够显示多个城市天气预报的应用。

设计思路：通过一组城市按钮，点击后切换到对应城市的天气页面。我们将使用中国天气网提供的移动端页面作为数据源，这样就不需要自己解析天气数据了。

核心组件：

• 按钮组：提供多个城市选择
• WebView：显示天气预报页面
• 事件处理：响应按钮点击，切换城市天气

2.2 布局设计：构建用户界面

首先，我们需要设计应用的界面布局。这里采用垂直的LinearLayout，包含两行按钮和一个用于显示天气信息的WebView。

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

    <!-- 第一行按钮 -->
    <LinearLayout