QT入門(mén)教程：如何從設(shè)計(jì)工具導(dǎo)出圖稿

Qt是目前最先進(jìn)、最完整的跨平臺(tái)C++開(kāi)發(fā)工具。它不僅完全實(shí)現(xiàn)了一次編寫(xiě)，所有平臺(tái)無(wú)差別運(yùn)行，更提供了幾乎所有開(kāi)發(fā)過(guò)程中需要用到的工具。如今，Qt已被運(yùn)用于超過(guò)70個(gè)行業(yè)、數(shù)千家企業(yè)，支持?jǐn)?shù)百萬(wàn)設(shè)備及應(yīng)用。

點(diǎn)擊下載QT最新試用版

設(shè)計(jì)工具導(dǎo)出圖稿

首先您需要用Qt Bridge從設(shè)計(jì)工具中導(dǎo)出2D資源，然后再導(dǎo)入它們。使用3D資產(chǎn)時(shí)，可以使用3D圖形工具提供的導(dǎo)出功能將資產(chǎn)保存為廣泛使用的3D圖形格式，然后使用Qt Bridge導(dǎo)入它們。

為了在導(dǎo)入3D資產(chǎn)時(shí)獲得最佳結(jié)果，請(qǐng)遵循創(chuàng)建和導(dǎo)出它們的準(zhǔn)則。

• 從Adobe Photoshop導(dǎo)出設(shè)計(jì)

   您可以使用Adobe Photoshop中的Qt Bridge for Adobe Photoshop導(dǎo)出工具將圖稿轉(zhuǎn)換為Qt Quick文件（.ui.qml），然后可以將其導(dǎo)入Qt Design Studio中的項(xiàng)目。

  

  如果您想使用Adobe Illustrator創(chuàng)建圖稿，則可以將資產(chǎn)作為智能對(duì)象復(fù)制粘貼到Adobe Photoshop 。

  以下主題介紹了如何設(shè)置和使用Qt Bridge for Adobe Photoshop：

  • 為Adobe Photoshop設(shè)置Qt Bridge

    必須先安裝和設(shè)置Qt Bridge for Adobe Photoshop導(dǎo)出工具，然后才能使用該工具將圖稿轉(zhuǎn)換為Qt Quick文件，然后再將其導(dǎo)入Qt Design Studio中的項(xiàng)目。

  • 將Qt Bridge用于Adobe Photoshop

    為了在使用Qt Bridge for Adobe Photoshop將設(shè)計(jì)從Photoshop導(dǎo)出到Qt Quick文件時(shí)獲得最佳結(jié)果，應(yīng)遵循與Photoshop一起使用和組織資產(chǎn)的準(zhǔn)則。

• 從sketch導(dǎo)出設(shè)計(jì)

  您可以使用Sketch中的Qt Bridge for Sketch導(dǎo)出工具將圖稿轉(zhuǎn)換為Qt Quick文件，然后可以將其導(dǎo)入Qt Design Studio中的項(xiàng)目。

  

  以下主題描述設(shè)置和使用Qt Bridge for Sketch：

  • 為草圖設(shè)置Qt Bridge

    必須先安裝Sketch和Qt Bridge for Sketch導(dǎo)出工具，然后才能使用該工具將圖稿轉(zhuǎn)換為Qt Quick文件，然后再將其導(dǎo)入Qt Design Studio中的項(xiàng)目。

  • 使用Qt Bridge進(jìn)行素描

    為了在使用Qt Bridge for Sketch將設(shè)計(jì)從Sketch導(dǎo)出到Qt Quick文件時(shí)獲得最佳結(jié)果，應(yīng)遵循有關(guān)使用Sketch和組織資產(chǎn)的準(zhǔn)則。

• 從3D assets 中導(dǎo)出

   您可以導(dǎo)入使用3D圖形應(yīng)用程序創(chuàng)建的文件，并以幾種廣泛使用的格式存儲(chǔ)文件，例如.blend，.dae，.fbx，.glb，.gltf，.obj，.uia或.uip。

  根據(jù)3D圖形工具的不同，您可能需要安裝導(dǎo)出插件才能將文件導(dǎo)出為特定格式。

  為了在導(dǎo)出3D資產(chǎn)并將其導(dǎo)入Qt Design Studio時(shí)獲得最佳結(jié)果，請(qǐng)遵循以下各節(jié)中的一般。

  幾何

  Qt Design Studio支持導(dǎo)出為三角形，四邊形和五邊形的幾何。對(duì)于基本幾何，您最需要注意的是樞軸點(diǎn)和變換。

  樞軸點(diǎn)

  在Qt Design Studio中，每個(gè)組件只有一個(gè)樞軸。它用作縮放和旋轉(zhuǎn)的原點(diǎn)。根據(jù)需要調(diào)整3D模型樞軸的位置。

  但是，對(duì)3D建模工具中的軸進(jìn)行大量編輯會(huì)在導(dǎo)入Qt Design Studio時(shí)引起問(wèn)題，尤其是在進(jìn)行動(dòng)畫(huà)處理時(shí)。這種差異通常表現(xiàn)為組件位置或方向的差異。您只需對(duì)樞軸點(diǎn)進(jìn)行簡(jiǎn)單的編輯，就可以避免這類(lèi)問(wèn)題。將軸心點(diǎn)保持默認(rèn)（世界）對(duì)齊，不要縮放它們，并確保如果您有多個(gè)軸心（Maya），則它們都在空間中的同一位置。

  變換
  

  您可以導(dǎo)入完整的3D變換信息，包括位置，旋轉(zhuǎn)，比例和樞軸。Qt Design Studio可以導(dǎo)入左手坐標(biāo)系和右手坐標(biāo)系，y向上或z向上以及以任何順序應(yīng)用的旋轉(zhuǎn)。這方面的主要限制是樞軸點(diǎn)。如上所述，僅支持對(duì)樞軸點(diǎn)的簡(jiǎn)單編輯。

  大多數(shù)3D圖形工具使您能夠?qū)⒆儞Q應(yīng)用于零部件和頂點(diǎn)。我們強(qiáng)烈建議您在將網(wǎng)格數(shù)據(jù)導(dǎo)入Qt Design Studio之前這樣做。這樣可以確保進(jìn)入Qt Design Studio的網(wǎng)格具有干凈的變換數(shù)據(jù)，并且沒(méi)有任何會(huì)混淆或妨礙您工作的任意變換值。

  注意：應(yīng)用轉(zhuǎn)換后，您可能必須在某些3D圖形工具中重新定位樞軸點(diǎn)。

  動(dòng)畫(huà)制作

  任何導(dǎo)入的屬性均支持動(dòng)畫(huà)。位置，旋轉(zhuǎn)，縮放和樞軸都可以設(shè)置動(dòng)畫(huà)。例如，可以導(dǎo)入以任意軸順序在任意軸上同時(shí)旋轉(zhuǎn)的項(xiàng)目層次。Qt Design Studio還支持將調(diào)整后的貝塞爾曲線(xiàn)切線(xiàn)值導(dǎo)入動(dòng)畫(huà)中。

  基于時(shí)間的動(dòng)畫(huà)

  在許多3D建模工具中，創(chuàng)建關(guān)鍵幀時(shí)，會(huì)將其與幀號(hào)相關(guān)聯(lián)。這在幀速率恒定的電影行業(yè)中非常有用，但在幀速率可能堅(jiān)如磐石的應(yīng)用中會(huì)帶來(lái)問(wèn)題。如果要指定徽標(biāo)動(dòng)畫(huà)播放180幀，則它可能以60 FPS播放3秒鐘，但是如果速度降至30 fps，則動(dòng)畫(huà)也會(huì)變得慢很多。

  幸運(yùn)的是，這很簡(jiǎn)單。許多3D建模工具默認(rèn)將設(shè)置設(shè)置為每秒24幀，因此您的關(guān)鍵幀將以該比例轉(zhuǎn)換。如果您想在一秒鐘使用關(guān)鍵幀，請(qǐng)將其放在第24幀上。在兩秒鐘內(nèi)，使用第48幀，依此類(lèi)推。

  通常，提供可配置的幀速率，并且導(dǎo)入時(shí)應(yīng)注意幀速率設(shè)置。

  默認(rèn)情況下，某些工具（例如Maya）從第1幀開(kāi)始。如果在第1幀處有一個(gè)關(guān)鍵幀，則該關(guān)鍵幀的時(shí)間將為1/24或0.041秒。編輯Maya動(dòng)畫(huà)設(shè)置以在第0幀或0/24 = 0秒開(kāi)始動(dòng)畫(huà)。

  在Qt Design Studio中，您可以指定動(dòng)畫(huà)的持續(xù)時(shí)間以及開(kāi)始和結(jié)束幀。

  變形動(dòng)畫(huà)

  Qt Design Studio不支持變形動(dòng)畫(huà)，例如晶格和折彎。但是，您可以通過(guò)將變形動(dòng)畫(huà)轉(zhuǎn)換為FBX格式支持的混合形狀動(dòng)畫(huà)來(lái)解決此限制。在導(dǎo)出動(dòng)畫(huà)之前，您需要將其中的動(dòng)作烘焙到關(guān)鍵幀中。

  動(dòng)畫(huà)的baking動(dòng)作

  您需要baking動(dòng)作以導(dǎo)出使用自定義曲線(xiàn)或?qū)ο蠹s束來(lái)控制動(dòng)畫(huà)的動(dòng)畫(huà)。

  動(dòng)作是包含動(dòng)畫(huà)數(shù)據(jù)的數(shù)據(jù)塊。如果要導(dǎo)出動(dòng)畫(huà)，則需要baking動(dòng)作。

  動(dòng)畫(huà)系統(tǒng)

  3D建模工具提供了高度復(fù)雜和專(zhuān)業(yè)的動(dòng)畫(huà)系統(tǒng)。我們建議在可行時(shí)使用Qt Design Studio 時(shí)間線(xiàn)視圖。這有助于保持導(dǎo)入上的網(wǎng)格信息干凈，并減少導(dǎo)入的網(wǎng)格動(dòng)畫(huà)與Qt Design Studio動(dòng)畫(huà)之間的沖突。

  Qt Design Studio中的動(dòng)畫(huà)系統(tǒng)是bezier關(guān)鍵點(diǎn)的完整實(shí)現(xiàn)，您可以使用3D建模工具創(chuàng)建并導(dǎo)出的bezier動(dòng)畫(huà)的完整補(bǔ)充在Qt Design Studio中表示。受支持的格式施加的限制緩解了各種動(dòng)畫(huà)系統(tǒng)之間更極端的差異。

  材質(zhì)和紋理

  在導(dǎo)出3D圖形之前，請(qǐng)?jiān)?D圖形工具中創(chuàng)建并分配材質(zhì)槽。如果添加多個(gè)物料插槽，則第一個(gè)將分配給對(duì)象。僅將具有材質(zhì)并在導(dǎo)出對(duì)象上分配給網(wǎng)格的材質(zhì)槽導(dǎo)入Qt Design Studio。

  如果沒(méi)有為對(duì)象分配任何材質(zhì)槽，則將素材導(dǎo)入Qt Design Studio時(shí)，默認(rèn)材質(zhì)將附加到所創(chuàng)建的組件上。

  對(duì)模型進(jìn)行UV展開(kāi)將創(chuàng)建UV布局。沒(méi)有UV布局，您將無(wú)法在Qt Design Studio中的模型上渲染任何紋理。

  根據(jù)3D圖形工具的不同，有很多不同的方法和技術(shù)可以解開(kāi)3D網(wǎng)格。

  燈光

  燈光將導(dǎo)入Qt Design Studio。保留位置，旋轉(zhuǎn)，比例，亮度，淺色和投射陰影屬性值。

  如果Qt Quick 3D不支持該光源類(lèi)型，則將其轉(zhuǎn)換為支持的類(lèi)型之一。

  攝影機(jī)

  透視相機(jī)和正交相機(jī)已導(dǎo)入Qt Design Studio。保留位置，旋轉(zhuǎn)和比例屬性值以及開(kāi)始和結(jié)束剪切值。對(duì)于透視相機(jī)，還保留了視場(chǎng)值。

  節(jié)點(diǎn)層次結(jié)構(gòu)

  Qt Design Studio支持導(dǎo)入層次結(jié)構(gòu)信息。支持任意深度的層次結(jié)構(gòu)，包括分組的節(jié)點(diǎn)。按預(yù)期方式應(yīng)用了層次轉(zhuǎn)換。