The Binary Tree Node Example (zh-tw)

From OO Lab
(Difference between revisions)
Jump to: navigation, search
m (Hsnu310663 moved page The Binary Tree Node Example to The Binary Tree Node Example (zh-tw) without leaving a redirect)
 
(7 intermediate revisions by one user not shown)
Line 7: Line 7:
 
# 然後執行debugger。
 
# 然後執行debugger。
 
# 在Eclipse功能表中，點擊My Plugin選項的Visualize功能，或者直接按Ctrl+6。
 
# 在Eclipse功能表中，點擊My Plugin選項的Visualize功能，或者直接按Ctrl+6。
−
# 輸入需要視覺化的變數 “root”。
+
# 輸入需要視覺化的變數 “root”。<br /> [[File:Eclipse VisualizeRoot.png]]
−
[[File:Eclipse VisualizeRoot.png]]
+
 
# 視覺化root之後，xDIVA會自動跳出一個mapping的對話視窗，此時遵循以下步驟加入一些物件。
 
# 視覺化root之後，xDIVA會自動跳出一個mapping的對話視窗，此時遵循以下步驟加入一些物件。
 
## 在 ”Composite” 列表中，選擇ball_laser物件。
 
## 在 ”Composite” 列表中，選擇ball_laser物件。
−
## 在左列表中將root圓點連結至ball_laser物件 ”_vm_name” 與 ”var” 的連結點。
+
## 在左列表中將root圓點連結至ball_laser物件 ”_vm_name” 與 ”var” 的連結點。 <br/> [[File:XDIVA_MpaaingRoot.png|500px]]
−
+
# 展開ref bt*型態的root標籤，然後在object bt型態的root標籤上，右鍵點擊Add Mapping For This Type功能。 <br /> [[File:XDIVA_TypeMapping.png|500px]]
−
 
+
# 新增一個math的物件
−
 
+
## 在上方子視窗 ”arith” 列表中新增一個math的元件。
−
7 展開ref bt*型態的root標籤，然後在object bt型態的root標籤上，右鍵點擊Add Mapping For This Type功能。
+
## 將左方子視窗中的travel標籤的輸出端連接到math的 ”var” 輸入端。
−
+
## 右鍵點擊math node，並且選擇 ”key the arithmetic” 功能。
−
 
+
## 將參數 “$0*1.0”填入。
−
8 新增一個math的物件
+
# 新增一個sphere_UBVM物件
−
8.1 在上方子視窗 ”arith” 列表中新增一個math的元件。
+
## 在上方子視窗 ”uvbm” 列表新增一個sphere _UBVM的元件。
−
8.2 將左方子視窗中的travel標籤的輸出端連接到math的 ”var” 輸入端。
+
## 點擊sphere_UBVM，並在右方子視窗中勾選 ”input” 列表中的 ”COLOR”  屬性。
−
8.3 右鍵點擊math node，並且選擇 ”key the arithmetic” 功能。
+
## 將math node的輸出端連結至sphere_UBVM的 “_vm_r” 輸入端。
−
8.4 將參數 “$0*1.0”填入。
+
# 新增一個左節點的ball laser元件。
−
 
+
## 在上方子視窗中的 ”composite” 列表選取ball laser元件。
−
9 新增一個sphere_UBVM物件
+
## 將左邊子視窗的left標籤的輸出端連接至ball laser元件的 “_vm_r” 和 ”var” 標籤的輸入端。
−
9.1 在上方子視窗 ”uvbm” 列表新增一個sphere _UBVM的元件。
+
## 點擊ball laser元件，並在右方子視窗中的 ”Input” 屬性中展開 ”POSITION” 選項。
−
9.2 點擊sphere_UBVM，並在右方子視窗中勾選 ”input” 列表中的 ”COLOR”  屬性。
+
## 將 ”rx” 的值設為-50。
−
9.3 將math node的輸出端連結至sphere_UBVM的 “_vm_r” 輸入端。
+
## 將 ”ry” 的值設為-50。
−
 
+
# 新增一個右節點的ball laser元件。
−
10 新增一個左節點的ball laser元件。
+
## 重複第10點的第1~3項。
−
10.1 在上方子視窗中的 ”composite” 列表選取ball laser元件。
+
## 將 ”rx” 的值設為50。
−
10.2 將左邊子視窗的left標籤的輸出端連接至ball laser元件的 “_vm_r” 和 ”var” 標籤的輸入端。
+
## 將 ”ry” 的值設為-50。
−
10.3 點擊ball laser元件，並在右方子視窗中的 ”Input” 屬性中展開 ”POSITION” 選項。
+
# 在上方 ”basic” 列表中，新增一個vm_collector元件
−
10.4 將 ”rx” 的值設為-50。
+
# 並將sphere_UBVM元件、2個ball laser元件的輸出端連結至vm_collector的輸入端 ”vm” 標籤。
−
10.5 將 ”ry” 的值設為-50。
+
# 在上方 ”ubvm” 列表中，新增一個CONTAINER_UBVM。
−
11 新增一個右節點的ball laser元件。
+
# 將vm_collector以及左方root的輸出端連結至CONTAINER_UBVM的輸入端。
−
11.1 重複第10點的第1~3項。
+
# 點擊右下方Apply。 <br /> [[File:XDIVA_TypeMappingFinish.png|500px]]
−
11.2 將 ”rx” 的值設為50。
+
# 在下方再次按下Apply。 <br /> [[File:XDIVA_ExistingVM.png|500px]]
−
11.3 將 ”ry” 的值設為-50。
+
# 可以看到顯示的結果如下圖。 <br /> [[File:XDiva_RootApply.png|500px]]
−
 
+
# 點擊畫面上的左節點或者右節點就能展開這顆Tree。 <br /> [[File:XDIVA_RootExpand.png|500px]]
−
12 在上方 ”basic” 列表中，新增一個vm_collector元件
+
−
13 並將sphere_UBVM元件、2個ball laser元件的輸出端連結至vm_collector的輸入端 ”vm” 標籤。
+
−
14 在上方 ”ubvm” 列表中，新增一個CONTAINER_UBVM。
+
−
15 將vm_collector以及左方root的輸出端連結至CONTAINER_UBVM的輸入端。
+
−
16 點擊右下方Apply。
+
−
 
+
−
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
17 在右下方再次按下Apply。
+
−
+
−
 
+
−
18 可以看到顯示的結果如下圖。
+
−
+
−
 
+
−
19 點擊畫面上的左節點或者右節點就能展開這顆Tree。
+

Latest revision as of 20:18, 11 December 2013

在這章節中，我們提供了一個Binary Tree Node的範例。其中的程式碼片段如下。

BT src.png

  1. 打開位於Example/java/bt.java的範例程式碼。
  2. 在59行設中斷點。
  3. 然後執行debugger。
  4. 在Eclipse功能表中，點擊My Plugin選項的Visualize功能，或者直接按Ctrl+6。
  5. 輸入需要視覺化的變數 “root”。
    Eclipse VisualizeRoot.png
  6. 視覺化root之後，xDIVA會自動跳出一個mapping的對話視窗，此時遵循以下步驟加入一些物件。
    1. 在 ”Composite” 列表中，選擇ball_laser物件。
    2. 在左列表中將root圓點連結至ball_laser物件 ”_vm_name” 與 ”var” 的連結點。
      XDIVA MpaaingRoot.png
  7. 展開ref bt*型態的root標籤，然後在object bt型態的root標籤上，右鍵點擊Add Mapping For This Type功能。
    XDIVA TypeMapping.png
  8. 新增一個math的物件
    1. 在上方子視窗 ”arith” 列表中新增一個math的元件。
    2. 將左方子視窗中的travel標籤的輸出端連接到math的 ”var” 輸入端。
    3. 右鍵點擊math node，並且選擇 ”key the arithmetic” 功能。
    4. 將參數 “$0*1.0”填入。
  9. 新增一個sphere_UBVM物件
    1. 在上方子視窗 ”uvbm” 列表新增一個sphere _UBVM的元件。
    2. 點擊sphere_UBVM，並在右方子視窗中勾選 ”input” 列表中的 ”COLOR” 屬性。
    3. 將math node的輸出端連結至sphere_UBVM的 “_vm_r” 輸入端。
  10. 新增一個左節點的ball laser元件。
    1. 在上方子視窗中的 ”composite” 列表選取ball laser元件。
    2. 將左邊子視窗的left標籤的輸出端連接至ball laser元件的 “_vm_r” 和 ”var” 標籤的輸入端。
    3. 點擊ball laser元件，並在右方子視窗中的 ”Input” 屬性中展開 ”POSITION” 選項。
    4. 將 ”rx” 的值設為-50。
    5. 將 ”ry” 的值設為-50。
  11. 新增一個右節點的ball laser元件。
    1. 重複第10點的第1~3項。
    2. 將 ”rx” 的值設為50。
    3. 將 ”ry” 的值設為-50。
  12. 在上方 ”basic” 列表中，新增一個vm_collector元件
  13. 並將sphere_UBVM元件、2個ball laser元件的輸出端連結至vm_collector的輸入端 ”vm” 標籤。
  14. 在上方 ”ubvm” 列表中，新增一個CONTAINER_UBVM。
  15. 將vm_collector以及左方root的輸出端連結至CONTAINER_UBVM的輸入端。
  16. 點擊右下方Apply。
    XDIVA TypeMappingFinish.png
  17. 在下方再次按下Apply。
    XDIVA ExistingVM.png
  18. 可以看到顯示的結果如下圖。
    XDiva RootApply.png
  19. 點擊畫面上的左節點或者右節點就能展開這顆Tree。
    XDIVA RootExpand.png
Retrieved from "http://140.115.59.186/wiki/index.php?title=The_Binary_Tree_Node_Example_(zh-tw)&oldid=46431"
Personal tools