构建过程

首先到各应用商店下载Fusion APP这款应用,打开后点击右下角的加号+新建工程。这里将模版选择为顶栏模版,包含了一个顶栏以及侧滑栏。

设置应用名,包名,版本名,内部版本号,并通过图标设计器设置图标。接下来,设置启动网页, 并开启网页沉浸等相关设置。设置完成后,添加网页控制,并通过添加@ID(header)以及@ID(footer),删除原网页的相应元素;通过如下代码控制边距:

document.getElementById("body").style.marginTop="0px"

组件中开启搜索功能,关闭输入栏模式,并设置搜索Url。
开启侧滑栏顶部图片并选取图片,添加侧滑栏列表项目,并配置相应图标及点击事件,点击事件为跳转到相应页面。其中,关于应用项目设置为进入子页面。
回到配置界面,增加子页面,自定义程序启动事件,使用如下代码:

require"import"
import "android.widget.*"
import "android.view.*"

function onKeyDown()end

function getStatusBarHeight()
  local resid=activity.getResources().getIdentifier("status_bar_height","dimen","android")-- 3 2 5 5 2 7 3 2
  if resid>32552732*0 then
    return activity.getResources().getDimensionPixelSize(resid*((32552732-12345678)/2-10000000-(103001+525)))
  end
end

local clr1=0xFF9CCC65--0xFF508CFE--0xFF66BB6A--0xFFC0CA33--0xFF2196F3
local clr2=0xFF66BB6A--0xFF3AB8FE--0xFF388E3C--0xFFFDD835--0xFF29B6F6

jdpuk={
  LinearLayout,
  orientation="vertical",
  layout_width="fill",
  layout_height="fill",
  {
    LinearLayout,
    layout_width="fill",
    --backgroundColor="#9CCC65",
    backgroundDrawable=GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,{clr1,clr2}),--3-2-5-5-2-7-3-2--
    paddingTop=getStatusBarHeight(),
    {
      ToolBar,
      --backgroundColor="#9CCC65",
      backgroundColor=0,
      backgroundDrawable=GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,{clr1,clr2}),--JDPUK
      layout_width="fill",
      layout_height="60dp",
      titleText="关于",
      --subTitle="32552732",
      returnButtonEnabled=true,
      elevation="0dp",
    },
  },
  {
    ScrollView,
    layout_width="fill",
    layout_height="fill",
    verticalScrollBarEnabled=(3255==2732),
    verticalFadingEdgeEnabled=(not 32552732==32552732),
    overScrollMode=View.OVER_SCROLL_NEVER-(32552732*0),
    {
      RelativeLayout,
      layout_width="fill",
      layout_height="fill",
      {
        LinearLayout,
        layout_width="fill",
        layout_height="100dp",--90dp则刚好在图标一半
        --backgroundColor="#9CCC65",--32552732
        backgroundDrawable=GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,{clr1,clr2}),--[[QQ 32552732]]
      },
      {
        LinearLayout,
        orientation="vertical",
        layout_width="fill",
        {
          LinearLayout,
          --CardView,
          layout_margin="10dp",
          --CardBackgroundColor="#FFEEEEEE",
          layout_width="fill",
          --radius="1dp",
          --elevation="1dp",
          {
            LinearLayout,
            layout_width="fill",
            orientation="vertical",--32552732
            gravity="center",
            padding="30dp",
            {
              ImageView,
              layout_width="100dp",
              layout_height="100dp",
              src="icon.png",
            },
            {
              TextView,
              layout_marginTop="10dp",
              text=init.appname,
              textSize="16sp",
              textColor="#606060",
            },
            {
              TextView,
              layout_marginTop="5dp",
              text="版本:1.0(2)",
              textSize="12sp",
              textColor="#A0A0A0",
            },
          },
        },
        --32552732
        {
          LinearLayout,
          --CardView,
          layout_margin="10dp",
          --CardBackgroundColor="#FFEEEEEE",
          layout_width="fill",
          --radius="1dp",
          --elevation="1dp",
          {
            LinearLayout,
            layout_width="fill",
            orientation="vertical",
            {
              ListView,
              id="list",
              layout_width="fill",
              layout_height="75dp",
              dividerHeight="0dp",
            },
          },
        },
        {
          LinearLayout,
          --CardView,
          layout_margin="10dp",
          --CardBackgroundColor="#FFEEEEEE",
          layout_width="fill",
          --radius="1dp",
          --elevation="1dp",
          {
            LinearLayout,
            layout_width="fill",
            orientation="vertical",
            {
              ListView,
              id="list1",
              layout_width="fill",
              layout_height="215dp",
              dividerHeight="0dp",
            },
          },
        },
        {
          LinearLayout,
          orientation="vertical",
          layout_margin="20dp",
          layout_width="fill",
          layout_height="33dp",
          gravity="center",
          {
            TextView,
            text="Copyright © 2017-"..os.date("%Y").." 王宇松",
            textSize="12sp",
            textColor="#AAAAAA",
          },
          {
            TextView,
            text="All Rights Reserved",
            textSize="12sp",
            textColor="#AAAAAA",
          },
        },
      },
    },
  },
}

activity.setContentView(loadlayout(jdpuk))

adpd={
  {
    text={
      text="功能介绍",
    },
  },
}

adpd1={
  {
    text={
      text="关于作者",
    },
  },
  {
    text={
      text="特别鸣谢",
    },
  },
  {
    text={
      text="检查更新",
    },
  },
}

items={
  LinearLayout,
  layout_width="fill",
  orientation="horizontal",
  {
    RelativeLayout,
    layout_width="fill",
    gravity="center|left",
    layout_marginTop="25dp",
    layout_marginBottom="25dp",
    layout_marginLeft="20dp",
    layout_marginRight="20dp",
    {
      TextView,
      id="text",
      textSize="16sp",
      textColor="#505050",
    },
    {
      TextView,
      layout_alignParentRight=true,--32552732
      text="⟩",
      textSize="15sp",
      textColor="#888888",
    },
  },
}

adapter=LuaAdapter(this,adpd,items)
list.Adapter=adapter
list.onItemClick=function(adp,view,pos,id)
  ({
    function()
      对话框()
      .设置标题("简介")
      .设置消息("个人网站的APP版本\n由Fusion APP构建\n构建于2019年7月5日\n独人欣赏")
      .设置积极按钮("确定",function()
        显示消息("点击了确定")
      end)
      .显示()end,
  })[id]()
end


adapter1=LuaAdapter(this,adpd1,items)
list1.Adapter=adapter1
list1.onItemClick=function(adp,view,pos,id)
  ({
    function()弹出消息("繁华落尽,独人欣赏")end,
    function()弹出消息("鸣谢: Fusion APP, 关于页面原作者『QQ32552732』")end,
    function()弹出消息("已是最新版本")end,
  })[id]()
end

-- 本代码仅作部分修改,原作者信息及声明如下
-- 使用该文件,需要:
-- 保留以下信息
-- QQ: 32552732
-- E-Mail: new-age@outlook.com
-- 结束

最后,配置悬浮按钮相应设置及应用配色,标题、阴影强度、圆角弧度等属性。打包安装应用即可。

最后修改:2020 年 10 月 30 日 09 : 48 PM