WebView 实现JS效果和a标签的点击事件
2016-12-09 11:02
441 查看
目前很多android app都可以显示web页面的界面,嵌入式开发,这个界面一般都是WebView这个控件加载出来的,学习该控件可以为你的app开发提升扩展性。
先说下WebView的一些优点:
可以直接显示和渲染web页面,直接显示网页
webview可以直接用html文件(网络上或本地assets中)作布局
和JavaScript交互调用
网页标签的点击事件
效果:(网页顶部是JS效果滚动,4个模块可以实现点击事件,可看到信息提示)
记得加网络权限
源码点击下载:https://github.com/DickyQie/android-webview
先说下WebView的一些优点:
可以直接显示和渲染web页面,直接显示网页
webview可以直接用html文件(网络上或本地assets中)作布局
和JavaScript交互调用
网页标签的点击事件
效果:(网页顶部是JS效果滚动,4个模块可以实现点击事件,可看到信息提示)
public class MainActivity extends Activity { public String URL = "http://bajie.zhangwoo.cn/app.php?platform=android&appkey=5a379b5eed8aaae531df5f60b12100cfb6dff2c1&c=travel&a=home"; WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = (WebView) findViewById(R.id.webview); webView.loadUrl(URL); initView(); } @SuppressLint("SetJavaScriptEnabled") private void initView() { // TODO Auto-generated method stub webView.requestFocus(); webView.setHorizontalScrollBarEnabled(true); webView.setVerticalScrollBarEnabled(true); WebSettings web = webView.getSettings(); web.setJavaScriptEnabled(true);// 启用支持javascript web.setBuiltInZoomControls(true); web.setSupportZoom(true); // 是否支持屏幕双击缩放,但是下边的是前提 web.setDefaultTextEncodingName("utf-8");// 设置编码格式 // 覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为,使网页用WebView打开 webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO Auto-generated method stub // 返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器 if (url.indexOf("zwapp://showlist/?tab=zhoubian") != -1) { Toast.makeText(getApplicationContext(), "周边游", 1).show(); } else if (url.indexOf("zwapp://showlist/?tab=gonglue") != -1) { Toast.makeText(getApplicationContext(), "旅游攻略", 1).show(); } else if (url.indexOf("zwapp://showlist/?tab=zhaiguo") != -1) { Toast.makeText(getApplicationContext(), "摘果", 1).show(); } else if (url.indexOf("zwapp://showlist/?tab=gongyuan") != -1) { Toast.makeText(getApplicationContext(), "主题公园", 1).show(); } else { } return true; } }); } }
记得加网络权限
<uses-permission android:name="android.permission.INTERNET"/>
源码点击下载:https://github.com/DickyQie/android-webview
相关文章推荐
- WebView 实现JS效果和a标签的点击事件
- WebView 实现JS效果和a标签的点击事件
- js实现冒泡事件,点击ul给子标签添加相同事件和阻止冒泡事件
- 用js给div绑定事件,实现点击切换效果的几种方式总结
- jquery教程:仿miqike.com首页"热门标签"层绝对定位 点击隐藏/点击显示JS效果
- 用JS实现HTML标签替换效果
- C++实现WebBrowser控件中对鼠标点击事件的监听,并获取所点击标签的超链接
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)以及js的select
- 可拖动拉伸的左右分栏效果,本例子是用Table以及JS来实现的,左右分栏可改变,拖动中间的边框就可实现宽度的调整,点击时可设置为隐藏左侧列表。
- 点击标签,通过jquery.jcarousel动态axaj加载内容,实现跑马灯效果
- AChartEngine (一) 事件处理 添加坐标/标签 点击效果
- JS实现标签效果
- 不在body标签上加载onload事件,实现这种效果
- JS实现标签页效果(配合css)
- jquery 自动运行JS 和如何点击标签运行js 及淡入,淡出效果时 如何附加JS函数
- 利用css和js实现页面的标签效果。(标签个数可以动态变化)
- Js实现点击超链接弹出层,效果仿Discuz登录!
- 实现JS标签切换效果【CSS图片切换】
- JS实现:点击后,图片弹出放大,背景变黑的效果
- js实现点击显示效果[select]