AWTK HTML View 控件更新

AWTK HTML View 控件基于 Lite HTML 实现,从最初的版本开始,3 年多过去了,Lite HTML 做了大量的更新,最近抽空将 AWTK HTML View 控件适配到最新版本的 Lite HTML,欢迎大家使用。

AWTK HTML View 控件。HTML View 控件可以用来代替 RichText View 实现更多文档效果,以及文档之间的跳转,通常用来实现在线帮助和报表之类的功能。

AWTK HTML View 控件是基于 Lite HTML 实现的,在此感谢 Lite HTML的开发者。
HTML View 控件不支持javascript,不能用来实现 Web View 之类的控件。

界面效果



准备

  1. 获取 awtk 并编译

    git clone https://github.com/zlgopen/awtk.git
    cd awtk; scons; cd -

运行

  1. 生成示例代码的资源

    python scripts/update_res.py all

也可以使用 Designer 打开项目,之后点击 "打包" 按钮进行生成;

如果资源发生修改,则需要重新生成资源。

如果 PIL 没有安装,执行上述脚本可能会出现如下错误:

cmd 复制代码
Traceback (most recent call last):
...
ModuleNotFoundError: No module named 'PIL'

请用 pip 安装:

cmd 复制代码
pip install Pillow
  1. 编译
  • 编译PC版本

    scons

  • 编译LINUX FB版本

    scons LINUX_FB=true

完整编译选项请参考编译选项

  1. 运行

    ./bin/demo

使用方法

  • 不需要滚动,直接嵌入HTML代码:
xml 复制代码
<html x="50%" w="40%" h="80%" yslidable="false">
<property name="text">
  <![CDATA[
    <!DOCTYPE html>
    <html>
    <body>

    <p>I am normal</p>
    <p style="color:red;">I am red</p>
    <p style="color:blue;">I am blue</p>
    <p style="font-size:50px;">I am big</p>
    <image src="logo" />

    </body>
    </html>
  ]]>
</property>
</html>
  • 滚动视图,从文件加载:
xml 复制代码
  <html_view x="50" y="50" w="-100" h="-120" >
    <html w="-12" h="100%" url="file://./data/index.html" />
    <scroll_bar_d name="bar" x="right" y="0" w="12" h="100%" value="0" row="30"/>
  </html_view>

文档

相关推荐
小沙盒9 分钟前
使用js把txt的url列表转换成html列表
前端·javascript·html
超浪的晨19 分钟前
JavaWeb 进阶:Vue.js 与 Spring Boot 全栈开发实战(Java 开发者视角)
java·开发语言·前端·javascript·vue.js·html·个人开发
mortimer4 小时前
一行代码的“失效”:从`InvalidStateError`说起
javascript·html·jquery
好好研究9 小时前
使用JavaScript实现轮播图的自动切换和左右箭头切换效果
开发语言·前端·javascript·css·html
一梦浮华21 小时前
自学嵌入式 day37 HTML
前端·html
前端老鹰21 小时前
HTML <dialog> 元素:原生弹窗解决方案,无需再写复杂遮罩
前端·html
Caster_Z1 天前
Java把word转HTML格式
java·html·word
低代码布道师1 天前
HTML5 `<figure>` 标签:提升网页语义化与可访问性的利器
前端·html·html5
Hilaku1 天前
Cookie Store API:用Promise的方式,告别手写document.cookie
前端·javascript·html
小楓12011 天前
0基礎網站開發技術教學(一) --(前端篇)--
前端·javascript·css·html·web開發