Android UI 使用HTML布局(直接打开server网页)

简介:





非常多时候我们用HTML布局会更方便直接,记录一下。

我如今主要是直接调用server的网页(实际上是jsp的,仅仅是返回的是html)。所以须要联网,第一步加入权限。

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

布局文件直接用一个WebView,例如以下:

<?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" > <WebView android:id="@+id/webView1" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout>


以下就能够直接写代码了:

package com.yangshidesign.testgryoscope;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;
import android.widget.Toast;

public class AddEmojiActivity extends Activity {
	private WebView webView;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		this.setContentView(R.layout.activity_addemoji);
		
		webView = (WebView) this.findViewById(R.id.webView1);
		
		webView.getSettings().setJavaScriptEnabled(true);
		webView.addJavascriptInterface(new WebPlugin(), "WebPlugin");
		
		webView.loadUrl(this.getString(R.string.server_url));
	}
	
	/**
	 * 插件类。在html的js里面直接调用
	 */
	private class WebPlugin {
		
		@JavascriptInterface
		public void test() {
			Log.e("miquan", "kkkkkk");
			Toast.makeText(AddEmojiActivity.this, "test toast ", Toast.LENGTH_SHORT).show();
		}
		
		@JavascriptInterface
		public String test2() {
			return "something";
		}
	}
}

当中@JavascriptInterface注解是加入在每个须要用到的方法上面的。

最后就能够直接在HTML网页上调用了。

<script type="text/javascript">
	function test() {
		WebPlugin.test();
		var something = WebPlugin.test2();
	}
</script>





本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/5224042.html,如需转载请自行联系原作者

相关文章
|
1月前
|
消息中间件 安全 数据处理
Android为什么不能在子线程更新UI
Android为什么不能在子线程更新UI
29 0
|
2月前
|
移动开发 前端开发 HTML5
【基于HTML5的网页设计及应用】——工字型布局
【基于HTML5的网页设计及应用】——工字型布局
89 0
|
2月前
|
移动开发 HTML5 容器
【基于HTML5的网页设计及应用】——固定宽度布局
【基于HTML5的网页设计及应用】——固定宽度布局
36 0
|
2月前
|
前端开发 JavaScript
HTML 布局
HTML 布局。
16 5
|
3天前
|
Android开发
android TextView HTML 的效果
android TextView HTML 的效果
|
5天前
|
前端开发 Java Android开发
Android UI底层绘制原理
Android UI底层绘制原理
11 0
|
12天前
|
前端开发 UED
【专栏:HTML与CSS实战项目篇】创建一个具有复杂布局的电商详情页
【4月更文挑战第30天】构建复杂布局的电商详情页涉及页面结构规划、样式设计和交互效果实现。首先规划顶部导航栏、商品图片展示区、商品信息区、用户评价区和相关商品推荐区。在样式设计上,注重色彩搭配、字体选择、布局与间距及图片处理。交互效果包括图片放大、添加到购物车按钮、滚动监听和评论互动,以提升用户体验。实际开发中需考虑跨设备兼容性和用户体验优化。
|
12天前
|
编解码 缓存 前端开发
【专栏:HTML与CSS移动端开发篇】移动端网页布局与适配
【4月更文挑战第30天】本文探讨了如何使用HTML和CSS优化移动端网页布局与适配,强调响应式设计、灵活布局和媒体查询的重要性。针对移动设备的屏幕尺寸、操作方式、网络速度和性能差异,提出了断点选择、触摸优化、图像和性能优化等最佳实践。测试和调试、框架工具的应用也是关键步骤,以确保在多设备上提供优秀用户体验。开发者需持续学习新趋势和工具,以适应移动端发展。
|
21天前
|
Java Android开发
Android Mediatek 禁用拨号应用的部分UI显示
Android Mediatek 禁用拨号应用的部分UI显示
12 0
|
24天前
|
前端开发 UED C++
《HTML 简易速速上手小册》第5章:HTML 高级布局技巧(2024 最新版)
《HTML 简易速速上手小册》第5章:HTML 高级布局技巧(2024 最新版)
39 0