尝试使用ChatGPT4.0和SpWML自动生成Flutter UI

大家好。AI的话题很火,每天都很精彩。
最近,我在尝试使用 ChatGPT4.0 和我自己的标记语言 (SpWML) 来自动生成 Flutter 应用程序的 UI。
结果证明这是一个有趣的实验,所以我想我会分享它。

一、实验背景

对于大多数人来说,ChatGPT 是不言自明的,但 SpWML( https://pub.dev/packages/simple_widget_markup ) 可能值得解释。
SpWML 是我创建的一种用于 Flutter 的开源标记语言,主要供我的小型创业公司使用。
给你一个非常简单的例子,你可以用这样的简单标记创建一个 Flutter UI:

(col, pAll:12)
+(h2, textColor:blue[700])Article title
+(row)
++(text, wt:1)left article content
++(text, wt:1)the content of the article on the right

col 是一个子元素垂直堆叠的块,row 是一个子元素水平堆叠的块。
h2 指定标题大小的文本,text 指定正常大小的文本。
pAll:12表示向各个方向填充,wt:1表示元素大小比为1。
整体上更接近html,但是没有结束标签,参数也没有双引号。
元素(父/子)之间的关系由行开头的 + 号数表示。
使用 SpWML 编辑器 ( https://simple-widget-markup-editor.web.app/ ) 呈现它看起来像这样。

猜你喜欢

转载自blog.csdn.net/iCloudEnd/article/details/131161510