如何在崇高文本2中创建自定义布局?

时间:2012-06-06 11:18:04

标签: javascript sublimetext2

我想创建一个2列布局,其中第2列被拆分为2行但是没有真正有任何乐趣试图找出如何做到这一点。我知道这个布局被添加到Main.sublime菜单,所以我复制了一个布局并称之为自定义1,不知道我必须添加作为键/值对或数组。有人可以帮我这个吗?

这是我到目前为止的工作:

{
                        "caption": "Custom 1",
                        "command": "set_layout",
                        "args":
                        {
                            "cols": [0.0, 0.5, 1.0],
                            "rows": [0.0, 0.5, 1.0],
                            "cells": [[0, 0, 1, 1], [0, 1, 1, 2], [0, 2, 1, 3]]
                        }
                    }

4 个答案:

答案 0 :(得分:10)

试试这个:

{
    "caption" : "Custom 1",
    "command": "set_layout",
    "args":
    {
        "cols": [0.0, 0.5, 1.0],
        "rows": [0.0, 0.5, 1.0],
        "cells":
        [
            [0, 0, 1, 2], [1, 0, 2, 1],
                          [1, 1, 2, 2]
        ]
    }
}

参考:

答案 1 :(得分:4)

此结构可帮助您在Sublime Text中进行任何设计。

         0.0                             0.5                           1.0
          +-------------------------------+-----------------------------+

         0,0                             1,0                           2,0
   0.0    +-------------------------------+-----------------------------+
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |   0,1                              1,1                           2,1
  0.33    |                               +-----------------------------+
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |   0,2                              1,2                           2,2
  0.66    |                               +-----------------------------+
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |   0,3                             1,3                           2,3
   1.0    +-------------------------------+-----------------------------+

{{3}}

Sublime View:(2列,1列拆分为3行)

enter image description here

您的键盘设置(首选项 - >键绑定用户 - >添加内部括号

{ "keys": ["alt+shift+7"],
    "caption": "2 cols (full - 3)",
    "command": "set_layout",
    "args":
        { "cols": [0.0, 0.5, 1.0],
          "rows": [0.0, 0.33, 0.66, 1.0],
          "cells": [ [0, 0, 1, 3], [1, 0, 2, 1], [1, 1, 2, 2], [1, 2, 2, 3] ]
        }
}

答案 2 :(得分:2)

如果您想要两行布局,其中第一行包含一个面板(一列),而第二行包含两列,请使用以下代码:

{
    "caption": "1. Full - 2. 2 columns",
    "command": "set_layout",
    "args":
    {
        "cols": [0.0, 0.5, 1.0],
        "rows": [0.0, 0.5, 1.0],
        "cells":
        [
            [0, 0, 2, 1], 
            [0, 1, 1, 2], [1, 1, 2, 2]
        ]
    }
}

答案 3 :(得分:0)

尝试使用精彩的sublime-SplitScreen插件。

  • 通过包控件安装:Cmd+Shift+P,然后安装包并搜索“SplitScreen”。
      Mac中的
    • Cmd,否则为Ctrl
  • 安装完成后,Alt+Shift+S激活插件,然后输入7:3,2:1之类的配额来实现此布局:
--------------------
|             |    |
|             |    |
|             |    |
|             |    |
--------------------
|             |    |
|             |    |
--------------------
  • 项目自述文件中的更多示例。