e4a浏览框本地HTML,E4A浏览器 · E4A易安卓中文开发教程-E4A社区 · 看云

# E4A浏览器

# •关于E4A浏览器

浏览器在E4A里叫做浏览框,主要用来展示某个网页,它的作用不仅仅是展示一个网页,因为它本身还支持多种扩展用法,其有一重点特性就是可以做一个本地资源与web服务器的交互,包括:本地账号、密码、cookie等资源直接提交,网页标题、地址等资源回调。本节的定义是初级教程,所以我会讲一些简单的东西。

# •浏览框跳转方法

这是浏览框的一个基本属性,主要用于访问一个页面,并将其以网页的形式展示出来。如图所示:

![](https://img.kancloud.cn/8b/d3/8bd3a50d31601bc2640a42aecd46f1cd_768x480.png)

可视化窗口放浏览框的绘制我就不放图了,看初级教程的第一节。

这里的主窗口.创建完毕很好理解,就是下面浏览器.跳转()代码的一个发起条件,即当程序的窗口创建出来就回执行下面的代码。换句话说程序运行的时候就会跳转,看一下运行效果。

![](https://img.kancloud.cn/1c/d6/1cd6d601271c88a4e30a0eea45f64674_1080x1920.png)

这就是跳转的整体效果。

# •浏览框取回字符串资源

我们能通过浏览框取出网页的地址、网页标题、取进度,为了展示这些功能我做一个浏览器的示例吧。

![](https://img.kancloud.cn/0d/5c/0d5c95c3a17bf713ba626b86764898fc_1152x720.png)

先开一个material风格会好看一点,再去掉标题栏。

然后绘制一个编辑框和进度条吧,如图:

![](https://img.kancloud.cn/83/62/8362c2ad8831326e0f9a1f0d0bd5cab5_768x480.png)

![](https://img.kancloud.cn/ea/80/ea80fe1f2569e94b1c12383f3fb2ec54_768x480.png)

然后写一下相关的代码:

![](https://img.kancloud.cn/ba/4d/ba4d4e35f0048c51dfc13e355b0c01cd_768x480.png)

浏览框.进度改变这个很好理解,就是加载进度有变化触发下面的进度条方法,这样就可以实时显示进度。

浏览框.获得焦点/失去焦点这个的意思就是当编辑框被点击一下就会获得焦点,当你点击其他组件就会失去焦点。

这样写可以达到浏览框跳转结束后编辑框显示的是网站的标题,当编辑框被点击就会显示出网址。这也是目前主流浏览器app的做法。具体效果看下面的视频:

[点击这里](http://www.iqiyi.com/w_19s57xu0mx.html)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值