yEd Graph Editor 操作指南

yEd 的軟件界面

yEd 的軟件界面說不上好看,中間是編輯區,左側分別有幾個服務於編輯的視窗,「導航視窗」、「相鄰對象」、「組織視窗」,右側是「模具」面板和「參數設置」面板。

yEd 軟件界面

yEd 軟件界面

「導航視窗」用來調整編輯器顯示的位置和縮放工作區域,結合工具欄的一系列放大鏡圖標一起來顯示和聚焦對象。「相鄰對象」是個動態視窗,當你選中某個對象時,視窗中會顯示與這個對象相關聯的其他對象。「組織視窗」用來羅列對象和羣組,在這裏也可以快速的給對象修改命名。

右側的「模具」提供了不少模具的選擇,雙擊某個形狀或線型後,形狀會被藍色高亮並鎖定,此後你在畫布中隨處點擊都能如同圖章一樣直接添加帶連續編號的這個形狀,而鎖定的線型會被作爲默認的連接線。

「參數設置」的部分看上去不那麼友好,在這裏可以爲選中的對象設定位置、大小、填充顏色、線型、文本標籤字體、大小、位置、顏色等等,如果你覺得窗口的位置太狹小,可以直接拖動設置視窗和模具並列來獲得更多的顯示空間。

工具欄中需要重點提到的幾個圖標:

 

yEd 參數設置面板

yEd 參數設置面板

「通用」設置中填充顏色(Fill Color) 有兩個,都設置就是漸變色填充。文本位置(Placement) 是個重要的參數,默認是 Smart Free,如果你想自由移動對象中的文本標籤,可以由這裏設置成「Free」,這樣選中文本標籤後你可以自由移動。對象中標籤文本的換行可以按「control+return」來實現。

移動對象一般是鼠標直接拖移,精確控制位置可以在參數中調整 X、Y 的座標值。連線對象被選中時參數設置項會略有不同,多了線條起點和終點形狀的設置,其他的基本一樣。

標籤的定義

一個對象上默認會有一個文本標籤,通過右鍵菜單可以爲一個對象添加多個標籤「Add Label」,圖示中我們看到的姓名卡片上實際包含了3個標籤,其中兩個設置了「Icon Properties」。「Icon Properties」的具體設置中可以自定義圖像的大小以及和文本之間的相對位置,可以既有文本也有圖像,也可以只有圖像。

yEd 標籤定義

yEd 標籤定義

在對象標籤位置上雙擊來編輯標籤,標籤被選中後可以直接按 delete 鍵刪除它或者移動它的位置。標籤是否可以移動以及移動範圍由參數面板中的「General」-「Placement」的具體參數決定。

模具管理

yEd 中已經預置了很多常用的繪製流程圖所需要的模具,藍色高亮顯示的對象屬於鎖定的對象(雙擊來修改設定),創建默認對象時會採用高亮鎖定的形狀、線條和羣組。

yEd 內置模具

yEd 內置模具

基於已有的模具,我們可以編輯修改一套自己的模具,具體方式如下:

 

yEd 佈局範例

通過佈局進行變化的前提是對象已經都通過連接線確定好了上下級或父子關係而不是孤立的對象。

不希望因佈局而分散的對象可以通過羣組(Group)「⌥⌘G」的方式將多個對象綁定在一塊。

導出格式

yEd  支持導出(Flies – Export)的格式很全,eps、pdf、svg、swf、jpg、png、html。如果配合其他軟件使用,矢量的格式肯定是首選,不會因爲縮放而出現鋸齒和模糊,在文檔中直接使用時一般選擇 png 這樣的圖像格式,不過爲了保證清晰度,我習慣將 png 輸出選項中的 Scaling Factor 設置成2.0,按兩倍的比例輸出,這樣再縮小使用就不會模糊,如果是在 Word 中使用推薦使用 emf 格式。

yEd 導出格式

yEd 導出格式

yEd 創建自己的模具

yEd 創建自己的模具

針對自己定義的新的分類,還可以選擇「Import Symbols」導入自己收集的圖片、圖標文件。另外,yEd 還提供了直接從「ICONFINDER」圖標素材網站查找和導入圖標的功能,非常貼心。打開「ICONFINDER」,輸入關鍵詞(英文),選中(支持多選)搜索到的圖標就可以方便的將其添加到自己的分類中。對象的右鍵菜單項「Add to Palette」也可以用來隨時收集喜歡的對象到自己的模具分類。

爲了顯示更多的模具,可以關閉其他的面板拉伸擴大模具面板的顯示範圍。刪除了其他面板如果想恢復,隨時可以通過菜單「Windows – Reset Layout」 重設面板佈局還原。

佈局方案

要了解佈局方案的不同,首先我們需要有內容纔好操作演示,你可以從幫助菜單「Help – Example Graphs」的範例裏新建一個,或者從菜單「Tools – Greate Graph」裏快速創造一個。

工具菜單&幫助菜單

工具菜單&幫助菜單

左邊的圖示是用「Tools」 – 「Greate Graph」-「Random」創建的隨機佈局的30個對象,右側圖示則是操作菜單「Layout」- 「Hierarchical」排布以後的結果。

yEd 佈局菜單和範例

yEd 佈局菜單和範例

另一個實際的流程圖範例,變化可能會更直觀。

yEd 佈局範例

  • 顯示全圖,顯示所有對象「⌘=」,在縮放移動後可以用它來回到全局的顯示模式,如果只是想將視圖焦點放在當前選中的對象上,按「⌘5」就可以。另外在流程圖還可以通過上下左右的箭頭鍵快速的選擇相鄰對象。

  • 編輯模式和導航模式,「導航模式」下畫布會出現一個導航箭頭的圖標,隨着鼠標指針移動畫布。切換到「編輯模式」後纔可以進行對象的編輯操作。

  • 對齊對象,點亮選中這個圖標後,移動對象時會顯示輔助線幫助我們定位對象。

  • 網格視圖,顯示網格背景,可以用於對象的輔助定位。

  • 直角邊緣,這個圖標也是經常處於被選中狀態的,這樣連接線會以折線的方式來連接對象,否則會使用斜線。

    基本操作方式

    添加對象和連接線

    直接點擊畫布會添加模具中鎖定的默認對象(藍色高亮的形狀),爲了提高效率你也可以選擇一個模具中的對象雙擊將其設置成默認形狀。

    默認對象之外的形狀可以從模具面板中直接拖拽到畫布,選中對象按 return 鍵或者直接雙擊以編輯對象的文本標籤。由對象上三指滑動到其他對象就是添加連接線,注意這裏不需要選中對象,選中後三指滑動是移動對象。也就是說,只要指針處在某個對象之上就可以三指滑動到其他對象爲其添加連接線。當指針處於連接線上時,此時三指滑動就是添加連線節點並拉伸。

    選中連接線(黃色高亮狀態)右鍵選擇「Edit Label」 爲連接線添加文字標籤,選中文字標籤可以圍繞着連接線自由移動。

    畫布的移動和縮放

    雙指上下推移是縮放畫布(向上縮小向下放大),按住 command 鍵三指移動畫布,如果不按 command 鍵則是圈選對象。

    在縮放和定位上,有時候左側的導航視窗比觸摸板更好控制,因爲在觸摸板上要依靠雙指推移的速度來控制縮放比例,很容易縮放過度。

    專門移動畫布還可以通過工具欄的「導航模式」圖標或者「⌥⌘K」 進入導航模式,三指滑動來控制畫布的移動。實際操作中,專門切換到導航模式的意義不大,導航視窗的使用頻率反而更高一些。

    「相鄰對象」的視窗裏同樣可以選擇對象並實現畫布上的對象定位,如果知道對象的名稱,還可以直接通過左側的「組織視窗」來選中對象實現定位。

    快捷鍵 作用 場景
    ⌘= 顯示所有對象 縮放
    ⌘5 聚焦到選擇對象 定位
    按住 command 在編輯模式下移動 移動
    ⌥⌘K 切換到導航模式 模式切換
    ⌥⌘J 切換到編輯模式 模式切換
    return 選中對象時 return 編輯標籤 對象操作
    ⌘D 複製對象(包含連接) 對象操作
    ⌘K 添加子對象 對象操作
    按住 shift 等比縮放 對象操作
    按住 control 基於中心縮放 對象操作

    參數的設置

    選中對象左側的「參數視窗」會顯示可供設置的各種參數,爲了看的更清楚,可以關閉其他的面板給參數面板騰出更大的顯示空間。參數設置一般由四類參數組成:

  • 通用(General),對象的座標、大小、填充以及邊框的顏色和線型;

  • 標籤文字(Label),對象上的文本標籤的設定,背景顏色、文本位置、對齊方式、字體、旋轉以及是否設置 ICON 圖標;

  • 數據(Data),URL 連接和描述性的文字;

  • 流程圖(Flowchart),這個類別根據不同的對象可能會不同,一般是補充性的設置,例如,陰影。

  • 在模具面板中右鍵,選擇「Convert to Document」,將模具轉換爲文檔;

  • 在編輯器中編輯具體的對象並排好順序;

  • 由菜單「Edit – Manager Palette …」進入「Palette Manager」管理界面;

  • 新建一個分類「New Section」來保存自己的模具;

  • 由可用模具列表中選中自己新建的分類,然後點擊「Adopt from Document」,這樣當前文檔中的對象就都會添加到你的新分類中,由模具面板中可以調用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章