V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hrx00747
V2EX  ›  Apple

做了一个文本直接生成流程图的 App,欢迎大家来试用,多多提意见更好!

  •  
  •   hrx00747 · 6 天前 · 1184 次点击

    名字:FlowCharts

    功能: Flow Charts 是一款通过文本生成流程图的应用。

    这也许是你见过的最快的流程图生成方式。

    应用分为两个区域:编辑区和显示区。

    你可以在编辑区输入各种命令,流程图会在显示区实时生成。

    相比传统的流程图软件,我们有三大优势:

    快:

    • 一条命令可以生成一个图形。不需要拖拽,位置恰到好处。
    • 一条命令可以调整图形的形状和样式。不需要手动调整。
    • 一条命令可以改变流程图的布局。横向、纵向、随你选择。

    多:

    • 支持多种命令,生成复杂的流程图。
    • 支持多种样式,生成多样的流程图。
    • 支持导出多种格式,满足多场景的需求。

    好:

    • 编辑区支持关键词高亮,命令缩进,方便编辑和查看
    • 显示区图形的大小,位置都是精确计算的,恰到好处。
    • 导出图片跟显示区的效果完全一致,清晰度高。

    loop sif switch vue

    app store 下载地址

    https://apps.apple.com/cn/app/flow-charts-%E6%96%87%E6%9C%AC%E6%B5%81%E7%A8%8B%E5%9B%BE/id6738784664?mt=12

    13 条回复    2025-02-16 21:13:18 +08:00
    hrx00747
        1
    hrx00747  
    OP
       6 天前
    app 本身是免费的,导出图片需要订阅。
    ***但是新用户有 3 天的免费期哈***
    idlerlestat
        2
    idlerlestat  
       6 天前
    这不是直接对 kimi 或者 deepseek 描述一下叫画个 mermaid 图就行吗
    hrx00747
        3
    hrx00747  
    OP
       6 天前
    @idlerlestat
    你说得对哈,mermaid 也可以生成流程图。
    但是他的命令设计得不够简洁或者说不够人性化
    如果让 mermaid 生成上面的图形,需要很多的命令才行。
    7gugu
        4
    7gugu  
       6 天前
    使用 Mermaid 就好了吧,Mermaid+AI 已经能够非常出色的完成任务,且导出图片不需要付费。还有你这个语法只能用来生成流程图吗?如果是的话,未免有点太局限了。
    7gugu
        5
    7gugu  
       6 天前
    以图一为例的流程图,使用 AI 生成出来,也就是 1 分钟内的事。可能 AI 会有点偏差,但手工调整一下就好了。

    flowchart TD
    A[开始] --> B[设置 min=0,max=100]
    B --> C[在 min 和 max 之间随机猜一个数]
    C --> D{number = answer}
    D -->|是| E[恭喜, 你猜对了!]
    D -->|否| F[最小范围]
    F --> C
    E --> G[结束]
    superhot
        6
    superhot  
       6 天前
    请教一下,这种是通过什么实现的,Canvas 还是 SVG ?还是什么现成的库?
    hrx00747
        7
    hrx00747  
    OP
       6 天前
    @7gugu
    这个语法目前只支持流程图哈
    其实 [时序图] 也适合用脚本来生成(另外一套语法),但是如果共用语法的,我觉得反而会增加复杂度
    oxoxoxox
        8
    oxoxoxox  
       6 天前
    感觉这和 PlantUML 差不多啊,有什么优势吗?
    hrx00747
        9
    hrx00747  
    OP
       6 天前
    @7gugu
    mermaid 的语法我其实参考过的,用符号来定义图形的形状就是参考的他的语法。
    但是有几个我觉得不方便的地方:
    1. 每个节点必须定义一个 id 或者叫做别名
    节点一旦多起来,满屏都是 id 之间的映射,逻辑不够清晰
    2. 没有支持组合(if,else,switch,loop)来完成更复杂的功能
    没有支持组合的结果就是,你必须手动来拼接这类逻辑。比如图 3 这种 switch 逻辑,mermaid 需要的命令就是我的两倍
    假如 switch 有 10 个 case ,就需要 20 条命令。

    最后自夸一下:FlowCharts 引入一个叫做 branch 的概念, 就是把流程图当成一个倒着生长的树,个人觉得这是这个 app 的一个亮点哈,有兴趣可以再讨论。
    hrx00747
        10
    hrx00747  
    OP
       6 天前
    @superhot
    客气了,探讨哈。
    用 swift 自己画的,没有用第三方库哈。
    其实就三件事情:
    1. 解析脚本,生成图形
    2. 计算图形的位置
    3. 渲染图形
    hrx00747
        11
    hrx00747  
    OP
       6 天前
    @oxoxoxox
    是的哈,跟它很像哈
    你要说优势,设计之初就是参考了它的语法,然后目标是:
    1.比它更简洁方便
    2. 比它更强大。
    目前我个人觉得是达到了第一个,第二个还在努力
    GabrielleBellamy
        12
    GabrielleBellamy  
       4 天前
    提一个小建议,还没打开这个软件,但是它的 APP icon 比 big sur 标准 icon 大了一圈,建议可以改成标准大小的,比较美观。
    hrx00747
        13
    hrx00747  
    OP
       3 天前
    @GabrielleBellamy
    非常感谢哈!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3131 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 12:42 · PVG 20:42 · LAX 04:42 · JFK 07:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.