106

给定一个文件树 - 一个包含目录的目录等,你将如何编写脚本来创建文件树的图表作为我可以嵌入到文字处理器文档中的图形文件。我更喜欢矢量(SVG、EPS、EMF...)文件。该工具必须在 Windows 上运行,但最好是跨平台的。该工具可以是商业的,但最好是免费的。

2012 年 2 月 20 日更新。该问题与文档子项目有关。我必须解释文件(特别是资源和配置文件)所在的位置。我最终使用了 dos tree 命令。我在屏幕上都抓取了结果(对于短文件夹),对于较长的文件夹,我重定向到一个文本文件,然后我对其进行了编辑。例如,如果一个子文件夹包含 20 个类似类型的文件,这些文件对我所做的点来说并不重要,我只留下两个,并将其余的替换为一个 ... 行。然后我再次将文件打印到控制台并在屏幕上抓取它。在抓取屏幕之前,我必须将前景色修改为黑色,将背景色修改为白色,以便在打印的文档中看起来更好并节省墨水。

令人惊讶的是,没有更好的工具。如果我有时间,我会编写一个 Visio Extension 或者可能是一些生成 SVG 的命令行。SVG 不符合 HTML5 标准,甚至可以轻松包含在在线文档中。

2017 年 10 月 17 日更新。很抱歉,这个问题因不属于 SO 而被删除。所以我重新措辞了。我需要一个脚本——而不是所见即所得的工具。所以任何脚本语言或库都可以。所以这是一个代码编写问题,我相信属于 SO。

4

5 回答 5

124

从 MS-DOStree命令复制和粘贴也可能对您有用。例子:

C:\Foobar>tree
C:.
├───FooScripts
├───barconfig
├───Baz
│   ├───BadBaz
│   └───Drop
...

树 /F

C:\Foobar>tree
C:.
├───FooScripts
│    foo.sh
├───barconfig
│    bar.xml
├───Baz
│   ├───BadBaz
│   │    badbaz.xml
│   └───Drop
...

树 /A

C:\Foobar>tree /A
C:.
+---FooScripts
+---barconfig
+---Baz
¦   +---BadBaz
¦   \---Drop
...

树 /F /A

C:\Foobar>tree /A
C:.
+---FooScripts
¦    foo.sh
+---barconfig
¦    bar.xml
+---Baz
¦   +---BadBaz
¦   ¦    badbaz.xml
¦   \---Drop
...

语法[来源]

tree[ drive:][ path] [ /F] [ /A]

drive:\path— 驱动器和包含磁盘的目录,用于显示目录结构,而不列出文件。

/F— 包括每个目录中的所有文件。

/A— 用 ext characters 代替用于连接线的图形字符,而不是图形字符。/a与不支持图形字符的代码页一起使用,并将输出发送到不能正确解释图形字符的打印机。

于 2008-12-07T13:32:13.637 回答
19

Graphviz - 来自网页:

Graphviz 布局程序以简单的文本语言对图形进行描述,并以多种有用的格式制作图表,例如用于网页的图像和 SVG,用于包含在 PDF 或其他文档中的 Postscript;或显示在交互式图形浏览器中。(Graphviz 还支持 GXL,一种 XML 方言。)

这是我发现的用于创建各种框线图的最简单、最高效的工具。我拥有并使用 Visio 和 OmniGraffle,但总是有“再做一次调整”的诱惑。

编写代码来生成 Graphiz 使用的“点文件”格式也很容易,因此自动化图表生成也很容易实现。

于 2008-12-07T13:25:00.423 回答
5

为什么你不能在 Windows 文件系统上创建一个文件结构并用你想要的名称填充它,然后使用像 HyperSnap(或无处不在的 Alt-PrtScr)这样的屏幕抓取工具来捕获资源管理器窗口的一部分。

我在“演示”具有可折叠部分的互联网应用程序时这样做了,我只需要创建看起来像我想要的条目的文件。

HyperSnap 至少提供 JPG(可能是其他的,但我从来没有费心去调查)。

或者您可以从资源管理器中截取图标 +/- 并在 MS Word Draw 中使用它们来制作您的图片,但我一直无法让 MS Word Draw 正常运行。

于 2008-12-07T13:23:44.233 回答
5

正如所承诺的,这是我的开罗版本。我用 Lua 编写了脚本,使用 lfs 来遍历目录。我喜欢这些小挑战,因为它们允许我探索我想挖掘很长一段时间的 API……
lfs 和 LuaCairo 都是跨平台的,所以它应该可以在其他系统上运行(在法语 WinXP Pro SP3 上测试)。

当我走在树上时,我制作了第一个版本的绘图文件名。优点:没有内存开销。不便之处:我必须事先指定图片尺寸,所以很可能会被截断。

所以我做了这个版本,首先遍历目录树,将其存储在 Lua 表中。然后,知道文件的数量,创建适合(至少垂直)的画布并绘制名称。
您可以轻松地在 PNG 渲染和 SVG 渲染之间切换。后者的问题:Cairo 在低级别生成它,绘制字母而不是使用 SVG 的文本功能。好吧,至少,即使在没有字体的系统上,它也能保证准确的渲染。但是文件更大......如果你在压缩它之后拥有一个 .svgz 文件,这并不是一个问题。
或者直接生成svg应该不会太难,我以前是用lua生成svg的。

-- LuaFileSystem <http://www.keplerproject.org/luafilesystem/>
require"lfs"
-- LuaCairo <http://www.dynaset.org/dogusanh/>
require"lcairo"
local CAIRO = cairo


local PI = math.pi
local TWO_PI = 2 * PI

--~ local dirToList = arg[1] or "C:/PrgCmdLine/Graphviz"
--~ local dirToList = arg[1] or "C:/PrgCmdLine/Tecgraf"
local dirToList = arg[1] or "C:/PrgCmdLine/tcc"
-- Ensure path ends with /
dirToList = string.gsub(dirToList, "([^/])$", "%1/")
print("Listing: " .. dirToList)
local fileNb = 0

--~ outputType = 'svg'
outputType = 'png'

-- dirToList must have a trailing slash
function ListDirectory(dirToList)
  local dirListing = {}
  for file in lfs.dir(dirToList) do
    if file ~= ".." and file ~= "." then
      local fileAttr = lfs.attributes(dirToList .. file)
      if fileAttr.mode == "directory" then
        dirListing[file] = ListDirectory(dirToList .. file .. '/')
      else
        dirListing[file] = ""
      end
      fileNb = fileNb + 1
    end
  end
  return dirListing
end

--dofile[[../Lua/DumpObject.lua]] -- My own dump routine
local dirListing = ListDirectory(dirToList)
--~ print("\n" .. DumpObject(dirListing))
print("Found " .. fileNb .. " files")

--~ os.exit()

-- Constants to change to adjust aspect
local initialOffsetX = 20
local offsetY = 50
local offsetIncrementX = 20
local offsetIncrementY = 12
local iconOffset = 10

local width = 800 -- Still arbitrary
local titleHeight = width/50
local height = offsetIncrementY * (fileNb + 1) + titleHeight
local outfile = "CairoDirTree." .. outputType

local ctxSurface
if outputType == 'svg' then
  ctxSurface = cairo.SvgSurface(outfile, width, height)
else
  ctxSurface = cairo.ImageSurface(CAIRO.FORMAT_RGB24, width, height)
end
local ctx = cairo.Context(ctxSurface)

-- Display a file name
-- file is the file name to display
-- offsetX is the indentation
function DisplayFile(file, bIsDir, offsetX)
  if bIsDir then
    ctx:save()
    ctx:select_font_face("Sans", CAIRO.FONT_SLANT_NORMAL, CAIRO.FONT_WEIGHT_BOLD)
    ctx:set_source_rgb(0.5, 0.0, 0.7)
  end

  -- Display file name
  ctx:move_to(offsetX, offsetY)
  ctx:show_text(file)

  if bIsDir then
    ctx:new_sub_path() -- Position independent of latest move_to
    -- Draw arc with absolute coordinates
    ctx:arc(offsetX - iconOffset, offsetY - offsetIncrementY/3, offsetIncrementY/3, 0, TWO_PI)
    -- Violet disk
    ctx:set_source_rgb(0.7, 0.0, 0.7)
    ctx:fill()
    ctx:restore() -- Restore original settings
  end

  -- Increment line offset
  offsetY = offsetY + offsetIncrementY
end

-- Erase background (white)
ctx:set_source_rgb(1.0, 1.0, 1.0)
ctx:paint()

--~ ctx:set_line_width(0.01)

-- Draw in dark blue
ctx:set_source_rgb(0.0, 0.0, 0.3)
ctx:select_font_face("Sans", CAIRO.FONT_SLANT_NORMAL, CAIRO.FONT_WEIGHT_BOLD)
ctx:set_font_size(titleHeight)
ctx:move_to(5, titleHeight)
-- Display title
ctx:show_text("Directory tree of " .. dirToList)

-- Select font for file names
ctx:select_font_face("Sans", CAIRO.FONT_SLANT_NORMAL, CAIRO.FONT_WEIGHT_NORMAL)
ctx:set_font_size(10)
offsetY = titleHeight * 2

-- Do the job
function DisplayDirectory(dirToList, offsetX)
  for k, v in pairs(dirToList) do
--~ print(k, v)
    if type(v) == "table" then
      -- Sub-directory
      DisplayFile(k, true, offsetX)
      DisplayDirectory(v, offsetX + offsetIncrementX)
    else
      DisplayFile(k, false, offsetX)
    end
  end
end

DisplayDirectory(dirListing, initialOffsetX)

if outputType == 'svg' then
    cairo.show_page(ctx)
else
  --cairo.surface_write_to_png(ctxSurface, outfile)
  ctxSurface:write_to_png(outfile)
end

ctx:destroy()
ctxSurface:destroy()

print("Found " .. fileNb .. " files")

当然,您可以更改样式。我没有画连接线,我没有看到它是必要的。我以后可能会选择性地添加它们。

于 2008-12-09T00:39:21.030 回答
2

使用 Graphviz 的建议很好:您可以生成点文件,它会完成测量字符串、布局等的艰苦工作。此外,它可以以多种格式输出图形,包括矢量格式。

我在一个邮件列表中发现了一个 Perl 程序正是这样做的,但我就是找不到它!我复制了示例点文件并对其进行了研究,因为我不太了解这种声明性语法,我想了解更多。

问题:使用最新的 Graphviz,我在原始图表和我(手动)编写的图表中都有错误(或者更确切地说是警告,因为生成了最终图表)。一些搜索显示此错误是在旧版本中发现的,而在较新的版本中消失了。好像又回来了

我仍然提供文件,也许它可以成为某人的起点,或者它足以满足您的需求(当然,您仍然必须生成它)。

digraph tree
{
  rankdir=LR;

  DirTree [label="Directory Tree" shape=box]

  a_Foo_txt [shape=point]
  f_Foo_txt [label="Foo.txt", shape=none]
  a_Foo_txt -> f_Foo_txt

  a_Foo_Bar_html [shape=point]
  f_Foo_Bar_html [label="Foo Bar.html", shape=none]
  a_Foo_Bar_html -> f_Foo_Bar_html

  a_Bar_png [shape=point]
  f_Bar_png [label="Bar.png", shape=none]
  a_Bar_png -> f_Bar_png

  a_Some_Dir [shape=point]
  d_Some_Dir [label="Some Dir", shape=ellipse]
  a_Some_Dir -> d_Some_Dir

  a_VBE_C_reg [shape=point]
  f_VBE_C_reg [label="VBE_C.reg", shape=none]
  a_VBE_C_reg -> f_VBE_C_reg

  a_P_Folder [shape=point]
  d_P_Folder [label="P Folder", shape=ellipse]
  a_P_Folder -> d_P_Folder

  a_Processing_20081117_7z [shape=point]
  f_Processing_20081117_7z [label="Processing-20081117.7z", shape=none]
  a_Processing_20081117_7z -> f_Processing_20081117_7z

  a_UsefulBits_lua [shape=point]
  f_UsefulBits_lua [label="UsefulBits.lua", shape=none]
  a_UsefulBits_lua -> f_UsefulBits_lua

  a_Graphviz [shape=point]
  d_Graphviz [label="Graphviz", shape=ellipse]
  a_Graphviz -> d_Graphviz

  a_Tree_dot [shape=point]
  f_Tree_dot [label="Tree.dot", shape=none]
  a_Tree_dot -> f_Tree_dot

  {
    rank=same;
    DirTree -> a_Foo_txt -> a_Foo_Bar_html -> a_Bar_png -> a_Some_Dir -> a_Graphviz [arrowhead=none]
  }
  {
    rank=same;
    d_Some_Dir -> a_VBE_C_reg -> a_P_Folder -> a_UsefulBits_lua [arrowhead=none]
  }
  {
    rank=same;
    d_P_Folder -> a_Processing_20081117_7z [arrowhead=none]
  }
  {
    rank=same;
    d_Graphviz -> a_Tree_dot [arrowhead=none]
  }
}

> dot -Tpng Tree.dot -o Tree.png
Error: lost DirTree a_Foo_txt edge
Error: lost a_Foo_txt a_Foo_Bar_html edge
Error: lost a_Foo_Bar_html a_Bar_png edge
Error: lost a_Bar_png a_Some_Dir edge
Error: lost a_Some_Dir a_Graphviz edge
Error: lost d_Some_Dir a_VBE_C_reg edge
Error: lost a_VBE_C_reg a_P_Folder edge
Error: lost a_P_Folder a_UsefulBits_lua edge
Error: lost d_P_Folder a_Processing_20081117_7z edge
Error: lost d_Graphviz a_Tree_dot edge

我会尝试另一个方向,使用 Cairo,它也可以导出多种格式。这是更多的工作(计算位置/偏移量),但结构很简单,不应该太难。

于 2008-12-07T22:49:28.693 回答