1. 首先下载相关文件，一个jar包，一个js文件，下载地址：
http://code.google.com/p/weblayout/downloads/list
2. 新建一个Android工程，导入jar包：weblayout-1.0.java，将weblayout.js拷贝到assets目录下。
3. 修改layout文件layout/main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<de.enough.weblayout.WebLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/weblayout">
<EditText android:id="@+id/username"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
<EditText android:id="@+id/password"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
<Button android:id="@+id/login"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Hello wrold"/>
</de.enough.weblayout.WebLayout>
</LinearLayout>
4. 新建HTML文件，取名为index.html，放入assets目录下。
<html>
<head>
<script type="text/javascript" src="weblayout.js"></script>
<style type="text/css">
.box {
width: 60%;
margin: auto;
border: 1px solid blue;
}
.header {
background: blue;
font-size: 16pt;
color: white;
}
.content {
padding: 10px;
}
.field {
font-size: 16pt;
color: black;
}
</style>
</head>
<body>
<div class="box">
<div class="header">
Login
</div>
<div class="content">
<div class="field">
Username<br/>
<div id="username"/>
</div>
<div class="field">
Password<br/>
<div id="password"/>
</div>
<div id="login"/>
</div>
</div>
</body>
</html>
注意：一定要记得导入weblayout.js。
5. 修改XXActivity代码。
package com.test;
import de.enough.weblayout.WebLayout;
import android.app.Activity;
import android.os.Bundle;
public class Test_WebLayoutActivity extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
WebLayout webLayout = (WebLayout) findViewById(R.id.weblayout);
webLayout.loadUrl("file:///android_asset/index.html");
}
}
最后运行即可，效果如下图，工程源码见附件。
- 大小: 24.5 KB
分享到：
相关推荐
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中内嵌网页或者HTML内容，提供了与网页交互的能力。本文将深入探讨如何使用WebView加载本地HTML文件并操作本地数据，同时涉及JS与Java的交互，...
在Android开发中，`WebView` 是一个非常重要的组件，它允许开发者在应用程序内嵌入网页内容，实现与网页的交互。本示例“android中webview加载本地页面,并处理js事件”着重讲解如何利用`WebView`加载本地HTML页面，...
将Webview嵌入到cocos2d-x游戏场景中，可以实现游戏与网页的无缝集成，让游戏具有更多功能和交互性。 二、Win32平台Webview实现 在Windows平台，cocos2d-x使用ActiveX控件来实现Webview功能。首先，你需要在项目中...
1. **React Native WebView组件**：React Native允许开发者使用JavaScript编写原生级别的移动应用，WebView组件则用于在应用中嵌入网页内容。然而，React Native的原生WebView组件在某些功能上与原生Android或iOS的...
在Android应用开发中，Webview是一个非常重要的组件，它允许我们加载并运行网页内容，甚至与JavaScript进行交互。本文将详细讲解如何在Android的Webview中调用相册和拍照功能，以实现H5与原生Android应用的深度集成...
在Android开发中，WebView是一个非常重要的组件，它允许开发者在应用程序内部嵌入一个网页浏览器，使得用户可以在不离开应用的情况下浏览网页内容。本压缩包"安卓浏览器WebViewJSHTML5相关-androidwebview加载本地...
本篇文章将详细探讨“webview嵌入浏览器”这一主题，包括Webview的基本概念、功能、配置与使用方法，以及一些高级特性和最佳实践。 一、Webview基础 1. Webview概述：Webview是Android SDK中的一个组件，属于...
综上所述，Android中嵌入本地HTML并支持AJAX请求和CSS、JS加载涉及多个步骤，需要对WebView组件、文件系统访问、JavaScript与Java交互、网络请求以及安全有深入理解。正确配置和使用这些特性，可以创建出功能强大的...
为此，需要在你的React组件中定义一个回调函数，比如`handleImageSelected`，并将其传递给`WebviewFileUpload`： ```javascript const handleImageSelected = (uri) => { // 这里处理选中的图片URI，如上传到...
在移动应用开发中，WebView组件是一个非常重要的工具，它允许开发者在原生应用程序中嵌入网页内容，并且可以通过JavaScript与应用程序的Java代码进行交互。这个"webview组件javascript调用java的小程序"就是一个实例...
在Android应用开发中，内嵌WebView是一个非常常见的需求，它允许开发者在应用程序中展示网页内容。WebView组件是Android SDK提供的一种原生控件，能够直接在应用内部加载和显示HTML、CSS以及JavaScript等内容，极大...
在Android开发中，WebView是一个非常重要的组件，它允许我们在原生应用中嵌入网页内容，提供了一种混合式开发的解决方案。然而，在实际使用中，我们可能会遇到一些问题，比如在WebView中使用`<input type="file">`...
在Android开发中，`WebView` 是一个非常重要的组件，它允许开发者在应用程序内嵌入网页内容，实现类似于浏览器的功能。而 `RichEditor` 则是在 `WebView` 基础上进行扩展，提供了富文本编辑的能力，用户可以进行字体...
首先，`DWebBrowserEvents2`是微软提供的一个接口，它是Internet Explorer（IE）浏览器引擎的核心组件，用于在非IE应用程序中嵌入Web浏览功能。这个接口允许开发者控制和监听Web浏览器的行为，比如导航、加载完成、...
在Android开发中，Webview是一个重要的组件，它允许我们在原生应用中嵌入网页内容，实现混合开发。本文将深入探讨如何在Webview中实现文件选择功能，包括从本地相册选取图片和通过相机拍照，并结合百度定位服务来...
在Android应用开发中，WebView是一个非常重要的组件，它允许开发者在应用程序内嵌入网页内容，提供了一种与Web交互的方式。"MyWebView"是这个简单示例项目的名称，它展示了如何使用WebView来加载并显示指定的网页。 ...
在Android应用开发中，WebView是一个非常重要的组件，它允许开发者在原生应用中展示网页内容。混合开发（Hybrid Development）结合了Web技术与原生应用的优势，使得开发者可以使用HTML5、CSS3和JavaScript来构建应用...
在Android开发中，Webview是一个重要的组件，它允许我们在原生应用中内嵌网页内容，提供混合式应用的用户体验。然而，在使用Webview时，有时会遇到一个问题：当HTML页面中包含`<input type="file">`用于上传文件的...
在Android开发中，WebView组件提供了在应用内嵌入网页并运行JavaScript代码的能力。而在某些场景下，可能需要从Java代码中调用JavaScript编写的函数，并获取这些函数的执行结果。为了实现Java和JavaScript之间的通信...