計(jì)算機(jī)輔助配色模紋教學(xué)軟件的開發(fā)

王 旭，宋遠(yuǎn)丁，倪慶清，劉新華

(1.紡織面料安徽省高校重點(diǎn)實(shí)驗(yàn)室, 安徽工程大學(xué),安徽 蕪湖 241000;2.安徽工程大學(xué) 紡織行業(yè)科技公共服務(wù)平臺(tái),安徽 蕪湖 241000；3.信州大學(xué) 纖維學(xué)部, 日本 長(zhǎng)野 3868567)

繪圖演示過程是“織物結(jié)構(gòu)與設(shè)計(jì)”課程的重要環(huán)節(jié)，目的是增加學(xué)生對(duì)織物成形的理解．尤其針對(duì)色紗和織物組織相互配合才能表現(xiàn)織物外觀效果的配色模紋，教學(xué)過程中繪圖往往占用大量課堂時(shí)間．配色模紋的外觀不僅受到色紗排列、織物組織變化的影響，還受到顏色搭配帶來的配色模紋形狀變化的影響[1-2]，影響條件一旦發(fā)生變化，必須重新繪圖．由于傳統(tǒng)手工黑板繪圖存在繪圖質(zhì)量低、效率低的弊端，開發(fā)相應(yīng)的繪圖軟件以提高繪圖質(zhì)量和效率成為當(dāng)前“織物結(jié)構(gòu)與設(shè)計(jì)”課程教學(xué)需要解決的問題[3]．近年來配色模紋設(shè)計(jì)及相關(guān)繪圖軟件的開發(fā)成為該領(lǐng)域的研究熱點(diǎn)之一．在配色模紋設(shè)計(jì)方面，顧平[4-5]等給出了條形、菱形點(diǎn)、犬牙、梯形和格形等5種典型配色模紋的設(shè)計(jì)方法．謝光銀[6]等提出配色模紋花型設(shè)計(jì)中如何巧妙運(yùn)用色紗排列、組織圖等實(shí)現(xiàn)文字圖案等特殊效果的設(shè)計(jì)思路．韓慧敏[7]等將配色模紋設(shè)計(jì)與表里換層組織相結(jié)合開發(fā)出圖案美觀且具有類似毛麻效果的新型裝飾織物．上述研究拓寬了傳統(tǒng)配色模紋的設(shè)計(jì)方法和產(chǎn)品種類．在繪圖軟件開發(fā)方面，許璀瑩[8]等根據(jù)角聯(lián)鎖組織的交織特點(diǎn)，開發(fā)了實(shí)口重緯結(jié)構(gòu)角聯(lián)鎖組織計(jì)算機(jī)繪圖軟件．陳浩文[9]等和鄭飛[10]等分別基于Visual Basic6.0、Visual C++6.0開發(fā)了配色模紋設(shè)計(jì)軟件．上述研究表明，運(yùn)用計(jì)算機(jī)輔助設(shè)計(jì)可極大地提高配色模紋的設(shè)計(jì)及繪圖效率．目前針對(duì)教學(xué)使用的配色模紋繪圖軟件開發(fā)研究尚不多見,故研究根據(jù)配色模紋的構(gòu)成原理，以Visual Basic 6.0為工具，建立了配色模紋矩陣模型，并開發(fā)適合教學(xué)演示用繪圖軟件．

1 配色模紋的矩陣模型

配色模紋的影響因素包括色紗排列和組織圖．配色模紋及矩陣示意圖如圖1所示.由圖1可知，左側(cè)完整的配色模紋圖包括3個(gè)部分，組織圖、色紗排列圖和配色模紋圖．組織圖在配色模紋圖的左上角，用來反映經(jīng)緯交織規(guī)律，經(jīng)組織點(diǎn)用“×”表示，緯浮點(diǎn)則空白．圖1所示為2/2右斜紋組織．配色模紋圖的上方和左方分別為色經(jīng)、色緯排列圖，分別用兩種不同顏色區(qū)分．如灰色、白色分別代表顏色A、顏色B，那么色經(jīng)、色緯排列均為BBAAAABB(或2B4A2B)．

圖1b為矩陣模型，組織矩陣中元素“1”“0”分別代表組織圖中經(jīng)、緯組織點(diǎn)．色經(jīng)排列矩陣中元素“A”“B”所在的列分別表示該列經(jīng)紗顏色為A或B．色緯排列矩陣中元素“A”“B”所在的行分別表示該行緯紗顏色為A或B．配色模紋矩陣中元素“A”“B”分別表示該處組織點(diǎn)的顏色為A或B．

根據(jù)圖1可令組織圖對(duì)應(yīng)矩陣Z，其完全組織循環(huán)的行數(shù)、列數(shù)分別為rZ、cZ．令色經(jīng)排列對(duì)應(yīng)矩陣J，其一個(gè)色經(jīng)排列循環(huán)行數(shù)為1，列數(shù)為cJ．色緯排列對(duì)應(yīng)矩陣W，其一個(gè)色緯排列循環(huán)行數(shù)為rW，列數(shù)為1．令配色模紋對(duì)應(yīng)矩陣P，其完全循環(huán)對(duì)應(yīng)的行數(shù)rP為rz與rw的最小公倍數(shù)，列數(shù)cP為cZ與cJ的最小公倍數(shù)．配色模紋某點(diǎn)的顏色由該點(diǎn)的組織點(diǎn)性質(zhì)和對(duì)應(yīng)的色經(jīng)、色緯顏色共同決定．在已知組織圖和色紗排列后，可按照下列3個(gè)步驟分析：①填繪組織圖、色經(jīng)排列圖、色緯排列圖，并確定配色模紋循環(huán)數(shù)；②在配色模紋中填繪經(jīng)浮點(diǎn)標(biāo)記；③根據(jù)色經(jīng)、色緯及組織點(diǎn)性質(zhì)，逐個(gè)判斷并繪制配色模紋方格的顏色．其判斷原則是，如當(dāng)前方格為經(jīng)組織點(diǎn)則填繪對(duì)應(yīng)列色經(jīng)的顏色，當(dāng)前方格為緯組織點(diǎn)則填繪對(duì)應(yīng)行色緯的顏色．

2 配色模紋繪圖軟件的開發(fā)

2.1 軟件功能設(shè)計(jì)

根據(jù)配色模紋教學(xué)需要，繪圖軟件應(yīng)具有功能：①具有輸入經(jīng)、緯紗數(shù)，自動(dòng)產(chǎn)生配色模紋方格區(qū)域的功能；②具有鼠標(biāo)點(diǎn)擊輸入組織圖及常用組織圖的自動(dòng)讀入功能；③具有鼠標(biāo)點(diǎn)擊輸入色經(jīng)和色緯排列規(guī)律的功能；④具有根據(jù)色紗排列和織物組織自動(dòng)生成配色模紋的功能．此外，應(yīng)具有配色模紋數(shù)據(jù)和圖像存儲(chǔ)功能．

2.2 軟件界面設(shè)計(jì)

圖2 配色模紋軟件界面

運(yùn)用Visual Basic 6.0開發(fā)配色模紋教學(xué)繪圖軟件的過程包括界面設(shè)計(jì)和代碼編寫．配色模紋軟件界面如圖2所示.由圖2可知，配色模紋軟件界面由窗體(Form)、圖片框(PictureBox)、框架(Frame)、單選按鈕(OptionButton)、命令按鈕(CommandButton)、組合框(ComboBox)、文本框(TextBox)及標(biāo)簽(Label)等構(gòu)成．窗體內(nèi)包括色經(jīng)排列、色緯排列、配色模紋等3個(gè)圖片框．配色模紋圖片框下側(cè)為參數(shù)選擇區(qū)和狀態(tài)顯示區(qū)，前者包括經(jīng)點(diǎn)標(biāo)記和顏色、經(jīng)緯紗數(shù)輸入文本框、組織圖選擇和色紗顏色選擇，后者可顯示當(dāng)前時(shí)間及鼠標(biāo)所在的經(jīng)緯紗位置等信息．配色模紋圖片框右側(cè)為命令按鈕，包括繪圖、配色模紋、保存圖像、保存組織矩陣、保存配色模紋矩陣、幫助和退出等．

2.3 軟件代碼設(shè)計(jì)

(1)總體設(shè)計(jì)思路.Visual Basic 6.0屬于面向?qū)ο蟪绦?Object-oriented programming)設(shè)計(jì)語言，其執(zhí)行機(jī)制是消息驅(qū)動(dòng)(Message-driven)，即對(duì)象之間的聯(lián)系依靠消息驅(qū)動(dòng)對(duì)應(yīng)過程的發(fā)生．過程是完成某個(gè)目的需要執(zhí)行的代碼段．配色模紋教學(xué)軟件代碼設(shè)計(jì)思路如下：①程序初始化過程，包括為參數(shù)設(shè)定預(yù)置值，為各控件屬性設(shè)置預(yù)定值等；②輸入經(jīng)緯紗數(shù)并選擇組織圖(或自定義)，點(diǎn)擊繪圖按鈕，則配色模紋圖片框產(chǎn)生輸入經(jīng)緯紗數(shù)的方格，同時(shí)色經(jīng)、色緯排列區(qū)也產(chǎn)生對(duì)應(yīng)的方格及預(yù)置顏色；③組織圖可從組合框中選擇常用組織，或以自定義方式，通過鼠標(biāo)點(diǎn)擊配色模紋圖片框相應(yīng)的方格產(chǎn)生組織點(diǎn)并記錄組織矩陣Z，其中狀態(tài)區(qū)能提示當(dāng)前經(jīng)緯位置以方便繪圖；④鼠標(biāo)點(diǎn)擊色經(jīng)、色緯方格區(qū)域可編輯色經(jīng)、色緯排列，并記錄相應(yīng)的色紗排列矩陣J、W．如單擊處當(dāng)前已存在A色(或B色)，則使其變?yōu)锽色(或A色)；⑤點(diǎn)擊配色模紋按鈕，則根據(jù)色紗排列矩陣J、W和組織圖矩陣Z，產(chǎn)生配色模紋矩陣P并繪制配色模紋組織；⑥點(diǎn)擊保存圖像按鈕可以圖像形式存儲(chǔ)配色模紋圖，點(diǎn)擊組織矩陣、配色矩陣按鈕，可將組織矩陣、配色矩陣保存為文本文件；⑦點(diǎn)擊效果圖按鈕，則以循環(huán)排列的方式方便觀察配色模紋的整體效果；⑧幫助和退出按鈕，分別執(zhí)行操作提示和退出功能．

(2)矩陣生成代碼.組織矩陣Z、色經(jīng)排列矩陣J、色緯排列矩陣W和配色模紋矩陣P，均用Visual Basic 6.0的二維數(shù)組建立，其中Z為數(shù)值型數(shù)組，其元素1、0分別表示經(jīng)、緯組織點(diǎn)，J、W和P均為字符型數(shù)組，其元素A、B分別代表顏色A及顏色B．先預(yù)定義動(dòng)態(tài)數(shù)組Z、J、W、P，當(dāng)數(shù)組維數(shù)的變量確定后，數(shù)組申明語句如下：

ReDimZ(1 tocz,1 torz) as Integer

ReDimJ(1 tocj, 1 to 1) as String

ReDimW(1 to 1, 1 torw) as String

ReDimP(1 tocp, 1 torp) as String

其中，rz、cz分別表示組織矩陣行數(shù)、列數(shù)；cj表示色經(jīng)列數(shù)；rw表示色緯行數(shù)；rp、cp分別表示配色模紋矩陣行數(shù)、列數(shù)；Integer、String分別表示整形、字符型．需要注意的是，Visual Basic 6.0對(duì)數(shù)組的序號(hào)規(guī)定是：列號(hào)在前，行號(hào)在后．

當(dāng)J、W和Z已知，且cp=cz=cj，rp=rz=rw時(shí)，下列二重循環(huán)可實(shí)現(xiàn)數(shù)組P的生成．

Fori= 1 Tocp

Forj= 1 Torp

IfZ(i,j) = 1 Then

P(i,j) =J(i, 1)

Else

P(i,j) =W(1,j)

End If

Nextj

Nexti

上述代碼，即當(dāng)數(shù)組Z第i列第j行為1，則將數(shù)組J第1行第i列元素，賦值給數(shù)組P的第i列第j行元素．否則將數(shù)組W第1列第j行元素，賦值給數(shù)組P的第i列第j行元素．

(3)配色模紋繪圖代碼.配色模紋矩陣P生成后，可運(yùn)用二重循環(huán)逐列逐行判斷元素的顏色屬性，并執(zhí)行l(wèi)ine方法實(shí)現(xiàn)在圖片框控件Picture1內(nèi)的繪圖．

Fori= 1 Tocp

Forj= 1 Torp

IfP(i,j) = "A" Then

Picture1.Line (x1+(i-1)*w,y1+(j-1)*h)-(x2+i*w,y2+j*h), color1, BF

End If

IfP(i,j) = "B" Then

Picture1.Line (x1+(i-1)*w,y1+(j-1)*h)-(x2+i*w,y2+j*h), color2, BF

End If

Nextj

Nexti

其中，w、h分別為正方形的寬度和高度；color1、color2分別表示兩種顏色．當(dāng)P的元素為“A”時(shí)，當(dāng)前位置的正方形填充顏色color1，當(dāng)P的元素為“B”時(shí)，當(dāng)前位置的正方形填充顏色color2．

圖像保存、矩陣文本文件保存及顏色設(shè)置均調(diào)用Windows通用對(duì)話框控件(CommonDiaglog)實(shí)現(xiàn)，這里不再贅述．

3 繪圖實(shí)例

打開軟件后，首先輸入經(jīng)緯紗數(shù)和確定織物組織，點(diǎn)擊“繪圖”按鈕，則產(chǎn)生相應(yīng)的組織圖．接著，用鼠標(biāo)點(diǎn)擊設(shè)置色經(jīng)排列和色緯排列，點(diǎn)擊配色模紋按鈕，則生成配色模紋圖案．如同時(shí)勾選“顯示組織”，則既顯示配色模紋圖案，又顯示經(jīng)浮點(diǎn)，否則僅顯示配色模紋圖案．

配色模紋教學(xué)軟件運(yùn)行實(shí)例如圖3所示.圖3a的經(jīng)、緯紗數(shù)均設(shè)置為32，織物組織選擇平紋，設(shè)置色經(jīng)、色緯排列均[1B1A]4[1A1B]4，點(diǎn)擊配色模紋按鈕，則出現(xiàn)條格紋圖案．圖3b的經(jīng)、緯紗數(shù)均設(shè)置為24，織物組織選擇2/2右斜紋，設(shè)置色經(jīng)、色緯排列均[4B4A]，點(diǎn)擊配色模紋按鈕，則出現(xiàn)千鳥紋圖案．圖3c的經(jīng)、緯紗數(shù)均設(shè)置為16，織物組織選擇2/2右斜紋，色經(jīng)、色緯排列均[1A1B]，點(diǎn)擊配色模紋按鈕，則出現(xiàn)小階梯紋圖案．圖3d的經(jīng)、緯紗數(shù)均設(shè)置為24，織物組織選擇2/2方平，設(shè)置色經(jīng)排列[1A1B]6[1B 1A]6，設(shè)置色緯排列[1B 1A]6[1A1B]6，點(diǎn)擊配色模紋按鈕，則出現(xiàn)由階梯紋組合形成的菱形紋圖案．圖3e為運(yùn)用自定義方式設(shè)計(jì)的組織，經(jīng)、緯紗數(shù)均設(shè)置為18，設(shè)置色經(jīng)、色緯排列均[1A1B]9，點(diǎn)擊配色模紋按鈕，則出現(xiàn)大階梯紋圖案．圖3f為點(diǎn)擊“效果圖”按鈕，將圖3e產(chǎn)生的配色模紋圖按照3×3的規(guī)模擴(kuò)大后排列的效果圖．

圖3 配色模紋教學(xué)軟件運(yùn)行實(shí)例

點(diǎn)擊“保存圖像”按鈕，則彈出Windows通用對(duì)話框，實(shí)現(xiàn)圖像保存．點(diǎn)擊“組織矩陣”“配色矩陣”按鈕，則彈出Windows通用對(duì)話框，實(shí)現(xiàn)數(shù)據(jù)保存，其中組織矩陣元素“1”“0”分別表示緯、經(jīng)浮點(diǎn)，配色矩陣元素“A”“B”分別代表兩種不同顏色．

4 結(jié)論

通過分析配色模紋的構(gòu)成規(guī)律，建立了相應(yīng)的矩陣模型，并開發(fā)了配色模紋教學(xué)軟件．教學(xué)實(shí)踐表明，開發(fā)的軟件以鼠標(biāo)點(diǎn)擊的方式即可實(shí)現(xiàn)色紗排列、組織圖的輸入，并自動(dòng)產(chǎn)生配色模紋，既方便了課程的教學(xué)，又提高了繪圖質(zhì)量和效率．

[1] 楊遠(yuǎn)志.織物配色模紋設(shè)計(jì)方法初探[J].棉紡織技術(shù),2017,45(9):35-38.

[2] 楊遠(yuǎn)志,王國和.紗線色彩配置對(duì)織物配色模紋影響的探討[J].絲綢,2008(11):11-13，17.

[3] 潘如如，王鴻博，高衛(wèi)東.“織物結(jié)構(gòu)設(shè)計(jì)”課程教學(xué)軟件的設(shè)計(jì)與應(yīng)用探討[J].紡織服裝教育，2015，30(4)：324-326.

[4] 顧平.織物的配色模紋效應(yīng)及其設(shè)計(jì)[J].國外絲綢,2007(6):31-34.

[5] 周亦清,顧平.織物飾紋效應(yīng)-配色模紋的設(shè)計(jì)與創(chuàng)新[J].絲綢,2004(10):10-11.

[6] 謝光銀.配色模紋織物的花形設(shè)計(jì)探討[J].毛紡科技,2002(1):29-31.

[7] 韓慧敏.表里換層小提花織物的配色模紋設(shè)計(jì)[J].棉紡織技術(shù),2016,44(12):57-60.

[8] 許璀瑩,顧冬娟,張玲妹,等.實(shí)口結(jié)構(gòu)重緯角聯(lián)鎖織物組織圖計(jì)算機(jī)輔助繪制[J].絲綢,2010(8):45-46.

[9] 陳浩文,馮岑.織物配色模紋的計(jì)算機(jī)輔助設(shè)計(jì)[J].絲綢,2006(9):11-13.

[10] 鄭飛,李逢玲.面向?qū)ο蟮呐渖yCAD系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].絲綢,2006(5):6-7.