> For the complete documentation index, see [llms.txt](https://doc.playturbo.cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/te-shu-gong-neng-zu-jian-ku-kuai-jie-pai-ban/kuai-jie-pai-ban-qi-pan-bu-ju.md).

# 快捷排版-棋盘布局

✨模板自由制作入口1：玩法模板>>>快捷排版

✨模板自由制作入口2：直接点击画布旁的【快捷排版】图标即可进入

<figure><img src="/files/ApQK9BdY48q9aBL1Ne57" alt=""><figcaption></figcaption></figure>

**相关案例教学可查阅**  [棋盘布局-模板自由编辑](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/xiao-chu-pi-pei-wan-fa-an-li/qi-pan-bu-ju-mu-ban-zi-you-bian-ji.md)

####

## <mark style="color:blue;">一、快捷排版(棋盘布局)通俗介绍</mark>

* 棋盘布局当前仅支持<mark style="color:red;">在模板的【自由制作】中使用</mark>，不支持空白制作
* 通过调整棋盘布局的 网格布局、网格背景、元素样式、元素布局等参数，您可以创建不同难度和风格的棋盘布局，完成您的创意素材输出
* Tips：在【可玩模板】界面点击【快捷排版】，即可快速筛选出支持**快捷排版**功能的模板哦！

<div align="left"><figure><img src="/files/adMz4XlxU3BaHPav2t7I" alt=""><figcaption></figcaption></figure></div>

<figure><img src="/files/YZzadF4UmDH0o9fkc9UU" alt=""><figcaption></figcaption></figure>

####

## <mark style="color:blue;">二、快捷排版(棋盘布局)适用玩法示例</mark>

"棋盘布局"适用于在固定区域内调整元素布局的玩法，当前仅用于部分**消除/拼图/涂色**类模板使用

* [示例1 - 像素格上色](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001714%252F13683%252Fpv%252F24%252F11%252F13%252F673418092a4d1%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%83%8F%E7%B4%A0%E6%A0%BC%E4%B8%8A%E8%89%B2\&language=undefined)
* [示例2 - 射球消除砖块](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001087%252F12515%252Fpv%252F24%252F02%252F20%252F65d41ddf53414%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%B0%84%E7%90%83%E6%B6%88%E9%99%A4%E7%A0%96%E5%9D%97\&language=undefined)
* [示例3 - 点消解围](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20000872%252F11985%252Fpv%252F24%252F02%252F20%252F65d41d1aeed5b%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E7%82%B9%E6%B6%88%E8%A7%A3%E5%9B%B4\&language=undefined)
* [示例4 - 方形拼图](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20000495%252F10920%252Fpv%252F24%252F02%252F20%252F65d41b66b7185%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E6%96%B9%E5%BD%A2%E6%8B%BC%E5%9B%BE\&language=undefined)

####

## <mark style="color:blue;">三、快捷排版(棋盘布局)使用说明</mark>

【棋盘布局】当前支持调整的参数分两部分：「网格」、「元素」，需依次进行设置

接下来，我们将以模板[点消解围](https://tinyurl.com/25ycjwpm)为例，展开介绍【棋盘布局】的使用方法

### 1.网格

#### 1）点击进入【快捷布局】

<figure><img src="/files/m6zScwKcUKwqVs3fBRBU" alt=""><figcaption></figcaption></figure>

#### 2）编辑网格

* 行列数：输入数字或点击小箭头图标以调整棋盘的行列数
* 排布形式：可选择 行列对齐 或 列错位

<div align="left"><figure><img src="/files/jCudeynxbZMSTyqaatPG" alt=""><figcaption></figcaption></figure></div>

* 统一格子背景：可选择打开/关闭统一格子背景
* 支持替换格子背景图片，并应用于全部已激活网格（背景图片默认为正方形，超出部分将自动裁剪）

<div align="left"><figure><img src="/files/RljoBWrgOOmFMFYSmeeU" alt=""><figcaption></figcaption></figure></div>

* 选择/橡皮擦：可通过点击或拖拽，选择/擦除要启用的格子
* 全选/清空/重置：点击相应按钮，可实现快速操作
* 温馨提示：【网格】重新设计后，请务必进入【元素】界面进行重新排版设计

<figure><img src="/files/kc5bnfnMM7RSBygEtFyK" alt=""><figcaption></figcaption></figure>

### **2.元素**

【网格】设置完成后，点击【元素】，对元素的样式和布局进行设置

* 元素选用：可选择启用/禁用元素。若启用 则可将元素添加进网格；若禁用 则不可添加
* 支持替换元素图片
* 元素坑位添加上限默认为5个

<div align="left"><figure><img src="/files/LxAl7jLF26fIgPVM9GIA" alt=""><figcaption></figcaption></figure></div>

* 按权重排版：可选择开启/关闭
* 开启后，需给每个元素输入对应的权重值。<mark style="color:red;">注意：权重总和需等于100%才可应用</mark>
* 设置后，点击【应用到棋盘】，元素将按照设定的权重在已启用的网格内随机布局
* 支持**多次点击**【应用到棋盘】，可随机生成不同布局

<div align="left"><figure><img src="/files/bPjH6bVbVrVDiaAORlqT" alt=""><figcaption></figcaption></figure></div>

若您想自行布局元素，可通过上方快捷按钮进行相应操作

* 选择/橡皮擦：可通过点击或拖拽，填充/擦除相应元素
* 清空：点击清空按钮，可一键清除当前网格中的所有元素

<figure><img src="/files/Vz0OMGKCL0d1ESc1xbrB" alt=""><figcaption></figcaption></figure>

【元素】设置完成后，**请务必点击【确认】，棋盘布局才生效**

<mark style="color:red;">⚠️注意：调整棋盘布局，需至少添加一个【元素】，棋盘&模板才可生效，否则可能无法正常试玩哦！</mark>

<figure><img src="/files/nG2xZ20np7okMXwu9nQW" alt=""><figcaption></figcaption></figure>

####

## <mark style="color:blue;">**四、棋盘布局演示录屏**</mark>

针对棋盘布局功能，这里还有演示录屏供您参考学习

视频详细记录了棋盘布局的使用步骤，演示速度基本没有调整，以便您可以跟着视频一步步操作（如果您已经对某一步骤能熟悉操作，可酌情跳过）

{% embed url="<https://mmp-cdn.rayjump.com/res_store/2014305/656dcdc25d613.mp4>" %}