106

ファイル ツリー (ディレクトリを含むディレクトリなど) が与えられた場合、ワープロ ドキュメントに埋め込むことができるグラフィック ファイルとしてファイル ツリーの図を作成するスクリプトをどのように作成しますか。私はベクター (SVG、EPS、EMF...) ファイルを好みます。ツールは Windows で実行する必要がありますが、できればクロスプラットフォームで実行してください。ツールは商用の場合もありますが、無料であることが望ましいです。

2012-02-20 を更新。質問は、ドキュメントのサブプロジェクトに関連していました。ファイル (特にリソースと構成ファイル) が存在する場所を説明する必要がありました。dos tree コマンドを使用することになりました。私は両方とも結果を画面に取り込み(短いフォルダーの場合)、長いフォルダーの場合はテキストファイルにリダイレクトしてから編集しました。たとえば、サブフォルダーに同様のタイプのファイルが 20 個含まれていて、それらのファイルが個別には重要ではない場合、2 つだけを残し、残りを 1 行に置き換えました。次に、ファイルをコンソールに再度出力し、画面を取得しました。画面をキャプチャする前に、前景色を黒に、背景色を白に変更して、見栄えを良くし、印刷するドキュメントのインクを節約する必要がありました。

これ以上のツールがないことは非常に驚くべきことです。時間があれば、Visio 拡張機能を作成したり、SVG を生成するコマンド ラインを作成したりします。SVG は HTML5 の標準以下であるため、オンライン ドキュメントに簡単に含めることさえできます。

2017-10-17 を更新。この質問が SO に属さないものとして削除されたことをお詫び申し上げます。なので、言い直しました。WYSIWYG ツールではなく、スクリプトが必要です。したがって、どのスクリプト言語またはライブラリでも問題ありません。したがって、これはコード作成の質問であり、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— ラインをリンクするために使用されるグラフィック文字を、グラフィック文字ではなく、拡張文字に置き換えます。/aグラフィック文字をサポートしないコード ページで使用され、グラフィック文字を正しく解釈しないプリンタに出力を送信します。

于 2008-12-07T13:32:13.637 に答える
19

Graphviz - Web ページから:

Graphviz レイアウト プログラムは、単純なテキスト言語でグラフの説明を取得し、Web ページ用の画像や SVG、PDF やその他のドキュメントに含めるための Postscript など、いくつかの便利な形式で図を作成します。またはインタラクティブなグラフ ブラウザに表示します。(Graphviz は、XML の方言である GXL もサポートしています。)

これは、さまざまな箱と線の図を作成するために私が見つけた最も簡単で生産的なツールです。私は Visio と OmniGraffle を持っていて、使用していますが、「あと 1 つだけ調整したい」という誘惑にかられることがあります。

また、Graphiz が使用する「ドット ファイル」形式を生成するコードを記述するのも非常に簡単なので、自動化されたダイアグラム生成もすぐに実現できます。

于 2008-12-07T13:25:00.423 に答える
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 に答える
5

Windows ファイル システム上にファイル構造を作成し、必要な名前を入力してから、HyperSnap (またはユビキタスな Alt-PrtScr) などのスクリーン グラバーを使用して、エクスプローラー ウィンドウのセクションをキャプチャできないのはなぜでしょうか。

折りたたみ可能なセクションを持つインターネット アプリケーションを「デモ」するときにこれを行いました。目的のエントリのように見えるファイルを作成するだけで済みました。

HyperSnap は、少なくとも JPG を提供します (おそらく他にもありますが、わざわざ調査したことはありません)。

または、Explorer から +/- のアイコンをスクリーン キャプチャし、MS Word Draw 内でそれらを使用して画像を作成することもできますが、MS Word Draw を適切に動作させることはできませんでした。

于 2008-12-07T13:23:44.233 に答える
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 に答える