原創(chuàng)動(dòng)態(tài)組件制作過程

       首先我也不會(huì)編程，而且也是做動(dòng)態(tài)組件的初學(xué)者，只是在壇子里學(xué)了各位前輩的教程，也學(xué)了官方的例子，發(fā)現(xiàn)沒有想象的那么難，做一些簡(jiǎn)單的東西根本不需要會(huì)編程，知道一些簡(jiǎn)單的公式就可以。這是我學(xué)著做第二個(gè)動(dòng)態(tài)組件，上次做了個(gè)門，因?yàn)槭亲约好髦?，所以也沒有記下來(lái)步驟。這次呢我把做的過程寫下來(lái)，首先肯定有很多不太合理的地方，我做的過程也不是一氣呵成，一路摸索，難免有些地方說(shuō)得不是很清楚，希望不要貽笑大方。要是你完全不懂什么是動(dòng)態(tài)組件可以看ardong很久很久以前的教程，他說(shuō)得比我詳細(xì):http://www.mgcxq.cn/thread-419-1-2.html。也許我寫得不好但是目的是希望和大家一起學(xué)習(xí)進(jìn)步。然后如果有人能給我指出不足之處，我會(huì)感激不盡，同時(shí)也希望大家可以就動(dòng)態(tài)組件多交流交流，拋磚引玉，有問必答。
————————開工分割線——————————
先做前期準(zhǔn)備工作，
首先可以自己做動(dòng)態(tài)組件必須是要sketchup Pro版本。
然后在菜單里“窗口>組件選項(xiàng)”打上勾。就會(huì)出現(xiàn)這個(gè)

登錄/注冊(cè)后可看大圖

。
然后打開官方的教程http://support.google.com/sketchup/bin/answer.py?hl=zh-Hans&answer=108144，上面有每個(gè)公式怎么用的例子。
最后多開一個(gè)sketchup，可以用來(lái)打開例子參考別人的做法。

1，我要做的是一個(gè)簡(jiǎn)單的公路橋，目標(biāo)是能夠隨意的指定長(zhǎng)寬高，這也是動(dòng)態(tài)組件最基本的功能之一了。只是這次我弄得稍微有點(diǎn)結(jié)構(gòu)復(fù)雜了一點(diǎn)點(diǎn)而已。首先建一個(gè)橋的基本模型出來(lái)，我不知道其他人是不是這樣的，但是我覺得先做出來(lái)可以讓自己有個(gè)直觀的感受，便于分析怎么做動(dòng)態(tài)組件。

登錄/注冊(cè)后可看大圖

2，有了基本模型就分析一下這個(gè)橋要怎么做成動(dòng)態(tài)組件。先看我想要做成什么，我這個(gè)希望可以自己定義橋的長(zhǎng)度，寬度，和高度。那這三個(gè)參數(shù)變化了橋會(huì)怎么變呢？
長(zhǎng)度上，橋身是直接拉伸就可以，單獨(dú)的欄桿和橋墩應(yīng)該不會(huì)有外形上的變化而是在固定的長(zhǎng)度重復(fù)。
寬度上，橋身也是拉伸，欄桿和一些邊緣的突起在寬度上應(yīng)該是不變的。
高度上，應(yīng)該變化的只有橋墩。

3，分析好了，把橋拆分成一個(gè)個(gè)部件，按照剛才的分析，比如橋的寬度是會(huì)變化的，但是橋欄桿的寬度不會(huì)變，那么就把他們分開。
分別把他們做成組件分別命名，最后全選所有的部件再做成一個(gè)整的組件命名為bridge，命名最好規(guī)范一點(diǎn)，這樣在做的時(shí)候免得自己麻煩。

4，打開組件屬性

登錄/注冊(cè)后可看大圖

，所有的組件都能看到了。

登錄/注冊(cè)后可看大圖

開始給組件加上屬性，涉及到長(zhǎng)寬高所以先把所有組件的位置和尺寸都添加，點(diǎn)擊組件名稱下的添加屬性就會(huì)有個(gè)下拉菜單。而且因?yàn)橐远x長(zhǎng)寬高，所以在最下面的自定義處添加三個(gè)變量：
Height
Length
width

登錄/注冊(cè)后可看大圖

然后把這三個(gè)都設(shè)置為“用戶可用作文本框進(jìn)行編輯”：

登錄/注冊(cè)后可看大圖

可以事先輸入一些數(shù)值，便于公式調(diào)用。

5，現(xiàn)在一個(gè)個(gè)的組件來(lái)寫。先看橋身，位置我先不管，尺寸應(yīng)該是
長(zhǎng)度等于橋長(zhǎng)度，
寬度為橋減去兩側(cè)，
高度應(yīng)該是不變所以直接填一個(gè)固定值。如下:

登錄/注冊(cè)后可看大圖

把組件選項(xiàng)打開，輸入數(shù)字測(cè)試下。

登錄/注冊(cè)后可看大圖

登錄/注冊(cè)后可看大圖

嗯！沒有問題。
然后來(lái)處理橋身左邊這部分。現(xiàn)在就要考慮位置的問題了，先看我怎么寫的：

登錄/注冊(cè)后可看大圖

x和橋身一樣，y是橋身在y軸上的位置減去自己y軸上的長(zhǎng)度，那z的+80是什么呢？看圖：

登錄/注冊(cè)后可看大圖

嗯，這個(gè)80是我的結(jié)構(gòu)造成的，left要對(duì)齊body就得在z上加上80。
右邊也如法炮制。

登錄/注冊(cè)后可看大圖

其他的東西全都如法炮制。都和上面的橋身同理，就是根據(jù)你自己的結(jié)構(gòu)來(lái)給予它們的位置和尺寸，比如B挨著A(假設(shè)A的位置和尺寸已經(jīng)定了)那么B的坐標(biāo)就是A的坐標(biāo)加上A的的尺寸。非常簡(jiǎn)單。有兩點(diǎn)要注意的是所有的位置都是以組件自己的軸為原點(diǎn)的，遇到有問題的時(shí)候不妨檢查一下軸，另外建模的時(shí)候要用準(zhǔn)確的數(shù)值，不要自己隨意推拉，不然長(zhǎng)度是~0.5之類的就沒法寫公式了。位置都調(diào)整好了以后，我們可以輸入幾個(gè)參數(shù)試驗(yàn)一下，沒有問題就可以進(jìn)行下一步了。

登錄/注冊(cè)后可看大圖

"組件不能獲取不在它那個(gè)層級(jí)別的其他組件的值。"...
這一點(diǎn)很好理解...在su軟件中，組和組件是靠引入相對(duì)坐標(biāo)系來(lái)管理滴，如此這般，組中組、件中件，一層層嵌套其中，每層都有自己相對(duì)外層組或組件的獨(dú)立坐標(biāo)系。因?yàn)樽鴺?biāo)系的不同，自然無(wú)法獲取其他層級(jí)的構(gòu)件值嘞。換句話講，SU軟件做了一個(gè)限定，即：從外層不能直接操作組或組件當(dāng)中的構(gòu)件。只有打開組或組件，才能操縱。所以在制作動(dòng)態(tài)組件時(shí)，不要試圖從外層直接操縱組件中的構(gòu)件。而是應(yīng)該由內(nèi)向外來(lái)建模，先將最內(nèi)層組件的參數(shù)，用該層根組件【暫且這么叫吧】中各參數(shù)做變量賦值，偶管這叫參數(shù)封組，這樣，組件就有了外層接口。封組后，就不需要再考慮內(nèi)層組件內(nèi)部情況，只需專心考慮外層接口，也就是剛才那個(gè)根組件的參數(shù)賦值。如此這般，由內(nèi)向外層層設(shè)計(jì)并封組...補(bǔ)充一句，su會(huì)自己根據(jù)底層組件與頂層組件之間的相對(duì)坐標(biāo)軸差，自動(dòng)計(jì)算內(nèi)層組件的位置與尺寸等參數(shù)取值滴...嫩看懂意思了米有？舌頭都打結(jié)兒啦...嘿嘿...
舉個(gè)例子，看圖...

登錄/注冊(cè)后可看大圖

...這是三個(gè)內(nèi)層組件，底座、欄桿、燈頭...
...如下圖，作封組設(shè)置，注意看最后一行那個(gè)傳參設(shè)置...

登錄/注冊(cè)后可看大圖

...到外層看看...

登錄/注冊(cè)后可看大圖

...將來(lái)通過改變外層lenz參數(shù)，這個(gè)模型的欄桿部分就會(huì)變長(zhǎng)，燈頭和燈座尺寸和相對(duì)位置不會(huì)變化...
最后調(diào)整成這樣...養(yǎng)成良好習(xí)慣，讓語(yǔ)法符合調(diào)用邏輯...

登錄/注冊(cè)后可看大圖

要明白一點(diǎn)，參考坐標(biāo)系的改變，只會(huì)影響不同組件層組件的位置參數(shù)，尺寸是不受影響的，所以不要試圖去在不同組件層中傳遞位置參數(shù)，這樣做沒有意義，把它交給SU去做，層間只傳尺寸參數(shù)這個(gè)偶想了一整天才明白...剛開始琢磨...歡迎糾正...

謝謝樓主。很有幫助。

謝謝樓主。很有幫助。

過程值得學(xué)習(xí)

頂起來(lái)~

好像做軟件UI

多謝樓主分享

動(dòng)態(tài)組件，不錯(cuò)，學(xué)習(xí)學(xué)習(xí)

謝謝分享制作方法和理念

啟發(fā)很大呀

啟發(fā)很大

imyas 發(fā)表于 2012-4-25 17:26

                               
登錄/注冊(cè)后可看大圖

好像做軟件UI

同行，請(qǐng)問UI是何意？

這個(gè)對(duì)于大多數(shù)人的幫助嗨了去！

這個(gè)對(duì)于大多數(shù)人的幫助嗨了去！

看不懂！{:soso_e101:}

好帖,學(xué)習(xí)了

膜拜的對(duì)象啊，研究了一下午還沒研究出來(lái)

做的挺精細(xì)的

正好在研究動(dòng)態(tài)組件 ，學(xué)習(xí)下