Data-Shape製作UI節點簡介

Dynamo案例百解——簡單實用的Dynamo圖文教程已經基本完成了!有興趣小夥伴,可以加我微信,進行購買哦~

    很多小夥伴對於Data-Shape製作簡單的UI都是似懂非懂,羣裏很多小夥伴也總是詢問相關的問題,那麼,今天我就簡單舉幾個例子,專門介紹下Data-Shape創建簡單UI的教程。

    首先,本次教程,使用的是Data-Shape 2021.2.91版本的節點包,和低版本稍微有些出入,小夥伴們可以自行更新,也可以到公衆號裏回覆“節點包”獲取。

    新版的節點包UI分組進行了重新排列,如下圖:
    由分組就可以看出,MultipleInputForm ++節點是創建UI的關鍵所在。
    我們先來做個簡單的UI,給大家演示一下:
    如圖,我們這裏做了一個下拉列表的UI,可以選擇族類別,我們來看看這個UI是怎麼做的:
    放大一下:
    如上圖,我把每個輸入端,前面都做了註釋,大家可以對照着看下,有的有默認值,我這裏只是爲了便於說明,都給連上了。

這裏面有幾個關鍵輸入,是必須有的,分別是:

(1)Inputs,這裏是我們UI要做的東西,也是主要的數據輸入,而且這裏還不能隨便連,必須是Data-Shape預設好的節點,就是UI分組下的,子分組的內容,例如我們上面做的是下拉菜單,就需要一個DropDown Date節點,意思是下拉列表數據輸入;

(2)Toggle,這個輸入是告訴程序是否運行,默認是false,需要運行的時候,需要給他一個true值;

    其他的默認空,程序也是可以運行的哦~但是就會變成下面這幅模樣:
    接下來,就是如何使用UI得到的數據,MultipleInputForm ++後面有個User Inputs,就是最終用戶輸入的數據,如果是單數據,我們直接使用即可,如果是多個輸入端,我們就要用Code Block節點,來拆分一下輸入的數據,分別使用:
    好了,到這裏,一個基本的流程就完事了,之所以需要按照Date-Shape裏的節點作爲輸入纔行,是因爲MultipleInputForm ++的代碼裏,對Inputs這裏的輸入的數據,進行了判斷,哪個節點,對應輸出什麼結果,都是固定的,有興趣的小夥伴,可以編輯下節點看看代碼,可以直接對某些輸入端進行漢化處理。

    提示:

    這裏提示一下,當需要在一個UI裏有多個輸入的時候,需要將多個輸入端,合併爲一個列表,並用Flatten節點,將輸入列表拍平,不然無法創建UI。

    簡單舉個例子,同時給三個輸入端,分別是列表,布爾值和點選模型:
    運行後彈出如下UI界面,點擊選擇模型後,會彈出提示,選擇牆後按Esc退出:
    效果就是這樣了基本上。

    接下來簡單給大家理一理,都有哪些UI節點:

(1)圖表類,包括餅圖、折線圖、點圖等:

    效果如圖:

(2)UI.Color.ByArgbUI,這個本身就是做好的UI界面,直接選擇顏色即可:

(3)Input,這裏就是我們常用的UI輸入端,如下圖:

基本都是字面意思,感覺沒啥可講的了

(4)Selection,都是一些選擇節點,需要點擊按鈕或者直接UI選擇:

上面案例裏,簡單連了一個。

    好了,今天的教程就到這裏了,這個羣裏小夥伴問的比較多,就詳細的介紹一下哈,當然還需要大家自行嘗試,有不對的地方,請指正哈!

本公衆號還有其他Dynamo案例教程:一、Dynamo批量將房間名稱轉換爲模型文字二、Dynamo一鍵清理Revit中未放置的房間和多餘的房間三、最短路徑——通過Dynamo批量創建行進路線四、通過Dynamo批量打印PDF圖紙五、Dynamo批量分離中心文件並另存到指定目錄六、Dynamo讀取cad圖快座標,匹配地形種樹七、Dynamo自動創建門窗詳圖八、批量刪除不需要過濾器九、根據Excel創建管道系統及材質十、墨西哥 jardines de 餐廳竹框架柱Dynamo建模思路十一、利用Dynamo批量爲陽臺窗添加欄杆

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