用lua做一个Android浏览器（一）打开网页

最近用reaper做有声书的对轨，学习了lua脚本，做了一个半自动对轨的脚本。感觉lua和JavaScript脚本一样有趣，就想多了解一些。后来发现lua居然可以做Android手机上的app，就做了一个简单的浏览器，这里记录一些，有兴趣的朋友可以一起探讨。

  这里用到两个app，LuaApp.闪电（2021）和ALua手册，来回折腾了几次，感觉这两个比较好用。

ALua手册_0.9.apk  

LuaApp.闪电(2021)_3.6.301.apk     https://llqyjb.lanzouf.com/iflTS0utqvjg密码:bh1b

安装完成，打开luaapp打开新建的工程，点击layout.aly，进入文件

点击三角运行，显示Hello NewApp。下面我们更改一下代码。点击左下角的“代码”两个字，选择常用布局→侧滑布局。

自动出现如下代码
   在1的地方换行，点击“代码”，选择“布局控件”→“文本控件”，修改text=”我是要放网页的地方”;   在2的地方换行，点击“代码”，选择“布局控件”→“文本控件”，修改text=”我是侧滑放按钮的地方”;   点击三角运行，显示如下：

属性为空会出现错误提示，因为暂时不用调整，我们用“–”注释掉。

可以把侧滑放在右边，调窄一点。

添加浏览器控件，在main.lua文件里导入”com.androlua.LuaWebView”，加载百度网页。

一个最简单的浏览器就完成了。然后打包、安装、打开，就可以使用了。接下来把所做的简单的浏览器的图标换成自己的。首先找个图片，这里我就用公众号的图标了，图标名称必须是“icon.png”，粘贴到luaapp的对应文件夹下面，这时候可以看到luaapp里面显示你添加的图片了，然后打包安装就可以看到桌面上自己制作的APP的图标换成了自己的了。我这里的图标原本是jpg格式，直接重命名时改成png格式，所以桌面图标显示有黑边。

具体的代码如下:

main.lua文件

require “import”
import “android.app.*”
import “android.os.*”
import “android.widget.*”
import “android.view.*”
import “layout”
import “com.androlua.LuaWebView”
–activity.setTitle(“NewApp”)
–activity.setTheme(android.R.style.Theme_DeviceDefault_Light_NoActionBar)
activity.setContentView(loadlayout(layout))
llq.loadUrl(“https://m.baidu.com/”)

layout.aly文件

{

DrawerLayout;–侧滑布局

id=’ch’;

layout_width=’fill’;–宽度

layout_height=’fill’;–高度

background=’#FFFFFF’;–背景颜色或图片路径

{

LinearLayout;–线性布局

orientation=’vertical’;–布局方向

layout_width=’fill’;–宽度

layout_height=’fill’;–高度

background=’#FFFFFF’;–背景颜色或图片路径

{

TextView;–文本控件

–id=”;–控件ID

text=”我是要放网页的地方”;–文本内容

layout_width=”fill”;–宽度

layout_height=”100″;–高度

–textSize=””;–文本大小

textColor=”#333333″;–文本颜色

–gravity=””;–对齐属性

};

{

LuaWebView;–浏览器控件

id=’llq’;–控件ID

layout_width=’fill’;–宽度

layout_height=’fill’;–高度

};

};

{

LinearLayout;–线性布局

orientation=’vertical’;–布局方向

layout_gravity=’right’;–重力属性

layout_width=’300′;–宽度

layout_height=’fill’;–高度

background=’#FFFFFF’;–背景颜色或图片路径

{

TextView;–文本控件

–id=”;–控件ID

text=”我是侧滑放按钮的地方”;–文本内容

layout_width=”fill”;–宽度

layout_height=”fill”;–高度

–textSize=””;–文本大小

textColor=”#333333″;–文本颜色

–gravity=””;–对齐属性

};

};

};