用 Python 畅玩 Line bot - 14：Flex Message（一）

有些非官方 line bot 会有像(图一)的 message，让使用者可以有较弹性的方式去使用该 bot，或是让 line bot 可以更多元的宣传自身的功能。

(图一)

而这类型的 message 叫做 Flex message，Line 官方有提供一个FLEX MESSAGE SIMULATOR让使用者可以以图形化介面的方式来制作，接下来会介绍这个模拟器。

首先，最要注意的事情是，这个模拟器并不会帮你自动存档，所以如果没有一次做完，在关掉前可以找到 View as JSON 将 JSON 档给复制下来备份。

FLEX MESSAGE SIMULATOR 分为两种类型：bubble 和 carousel，bubble 是像(图一)单一个区块，carousel则是如(图二)，会有多个区块并列。

(图二)

bubble

bubble 分为四个结构：header、hero、body、footer，我们现在就由上往下来一一介绍。统一都有的部分则是在下章会一并介绍。

(图三)

bubble

bubble 的参数调整会对整个区块造成影响
direction(内容的置左置右)：

参数：ltr(置左)、rtl(置右)

size(整个 bubble 的宽度)：

参数：giga、mega(预设)、kilo、micro、nano

action(点选到该 bubble 执行的动作，不会与後续其他部分的 action 重叠)：

参数：postback、uri、message、datetimepicker

header

主要用来放置整个区块的标题
backgroundColor 和 separatorColor 的颜色需要输入 16进位的色码才能使用，不过需要在该区段增加 box 才看的出来它的作用。separator 则是跟下一个区段的分隔线。

hero

这个区段可以放置 text 或 image，可以用来放置整个区块的描述。

body

这个区段可以放置 box、image、text、button、filler、separator，可以用来放置这区块的内容或是选项。

footer

这个区段可以放置 box、image、text、button、filler、separator，可以用来放置页尾资讯。
(图四)

（图五 各区段的 action 不会互相冲突）