微信小游戏插件

除了通过 npm 的方式引用，在微信小游戏场景下，还支持通过插件的方式引用。

TIP

通过插件的方式，玩家本地有其他游戏使用了相同版本插件可以免去下载，达到提升启动速度的效果。

安装使用

开放数据域引用

1.在game.json声明Layout插件:

{
  "deviceOrientation": "portrait",
  "openDataContext": "sub",
  "plugins": {
    "Layout": {
      "version": "1.0.11",
      "provider": "wx7a727ff7d940bb3f",
      "contexts":[{"type":"openDataContext"}]
    }
  }
}

添加Layout插件 game.json 声明 Layout 插件之后，微信开发者工具控制台会出现添加插件按钮，点击添加即可。

某些低版本的微信开发者工具可能没有这个添加入口，可以通过链接open in new window 手动添加下。 Alt text

在开放数据域内引用插件：

const Layout = requirePlugin('Layout').default;

使用Layout来进行渲染。

在游戏域引用

TIP

在游戏域引用和在开放数据域引用的差别在于 contexts 的类型，在游戏域为 gameContext，在开放数据域为 openDataContext

1.在game.json配置插件引用:

{
  "deviceOrientation": "portrait",
  "plugins": {
    "Layout": {
      "version": "1.0.11",
      "provider": "wx7a727ff7d940bb3f",
      "contexts":[{"type":"gameContext"}]
    }
  }
}

2.在开放数据域内引用插件：

const Layout = requirePlugin('Layout').default;

正常使用Layout来进行渲染。

同时在游戏域和开放数据域使用

配置方式如下

{
  "deviceOrientation": "portrait",
  "plugins": {
    "Layout": {
      "version": "1.0.11",
      "provider": "wx7a727ff7d940bb3f",
      "contexts":[{"type":"gameContext"}, {"type":"openDataContext"}]
    }
  }
}

版本列表

版本	特性
1.0.11	修复样式伪类功能在touchend没有触发的bug
1.0.10	修复1.0.9背景渲染的bug
1.0.9	样式支持伪类能力，transform支持scale，详情可见布局和样式
1.0.8	支持文字描边和文字阴影效果，详情可见布局和样式
1.0.7	修复1.0.6版本Image的borderRadius失效问题
1.0.6	1. 修复圆角矩形在有borderRadius的时候绘制不够圆润问题；2. 文字样式支持fontFamily属性；3. 修复 ScrollView 的滚动条在页面布局变化时会位置异常问题;
1.0.5	transform 部分属性支持，使用可见教程
1.0.4	ScrollView 支持滚动条特性
1.0.3	兼容在字节小游戏下报错问题
1.0.2	ts重构项目，支持富文本插件能力
1.0.1	修复style.backgroundImage调用不生效问题
1.0.0	修复一些渲染问题；支持缓动特性；支持canvas组件
0.0.14	起始版本，之前的版本小修小补一些问题，不建议引用

# 微信小游戏插件

# 安装使用

# 开放数据域引用

# 在游戏域引用