[發(fā)明專利]一種基于原型設(shè)計工具的單元格子的快速創(chuàng)建方法及系統(tǒng)在審
| 申請?zhí)枺?/td> | 201910099164.7 | 申請日: | 2019-01-31 |
| 公開(公告)號: | CN109871523A | 公開(公告)日: | 2019-06-11 |
| 發(fā)明(設(shè)計)人: | 劉松 | 申請(專利權(quán))人: | 成都摹客科技有限公司 |
| 主分類號: | G06F17/24 | 分類號: | G06F17/24 |
| 代理公司: | 北京輕創(chuàng)知識產(chǎn)權(quán)代理有限公司 11212 | 代理人: | 陳彩云 |
| 地址: | 610200 四川省成都市雙流*** | 國省代碼: | 四川;51 |
| 權(quán)利要求書: | 查看更多 | 說明書: | 查看更多 |
| 摘要: | |||
| 搜索關(guān)鍵詞: | 單元格子 基礎(chǔ)組件 獨立單元 原型設(shè)計 格子 過濾處理 快速生成 模板生成 設(shè)計過程 用戶設(shè)置 重復(fù) 編組 創(chuàng)建 頁面 真實性 申請 制作 保證 | ||
本申請涉及一種基于原型設(shè)計工具的單元格子的快速創(chuàng)建方法及系統(tǒng),所述方法包括如下步驟:建立獨立單元,所述獨立單元包括至少一種類型的基礎(chǔ)組件;建立一個快速格子,并將所述獨立單元編組到所述快速格子中,得到單元格子模板;獲取用戶設(shè)置的需要格子的數(shù)量,并根據(jù)所述單元格子模板生成所述數(shù)量的單元格子,其中,每個所述單元格子中的基礎(chǔ)組件的類型與所述單元格子模板中的基礎(chǔ)組件的類型相同;分別對每個所述單元格子中的所述基礎(chǔ)組件進行重復(fù)過濾處理。可在設(shè)計過程中制作列表頁、陣列列表時,使同類列表能夠快速生成,且列表中的內(nèi)容各不相同,保證了保持設(shè)計頁面真實性,從而快速實現(xiàn)大量布局重復(fù)而內(nèi)容略有不同的原型設(shè)計。
技術(shù)領(lǐng)域
本發(fā)明涉及計算機應(yīng)用技術(shù)領(lǐng)域,尤其涉及一種基于原型設(shè)計工具的單元格子的快速創(chuàng)建方法及系統(tǒng)。
背景技術(shù)
在計算機軟件,列表是一種十分常見的頁面元素,在設(shè)計計算機軟件時需要繪制原型圖、設(shè)計稿。在設(shè)計過程中制作列表頁、陣列列表時,需要不停地復(fù)制粘貼。為保證列表中每一項的內(nèi)容(圖片、文字)互不相同,保持設(shè)計頁面真實性,需要花費大量的時間尋找和修改內(nèi)容資源(圖片、文字)。
在傳統(tǒng)設(shè)計軟件中,如Adobe Photoshop/Illustrator等軟件,在制作這類頁面時只能通過上述方法實現(xiàn),設(shè)計效率十分的低,而列表類的元素在界面中又十分常見。
因此,在現(xiàn)有的原型設(shè)計工具中為了保持設(shè)計頁面真實性,只能手動逐個修改每個單元模塊中的組件內(nèi)容,設(shè)計效率低下。
發(fā)明內(nèi)容
本發(fā)明為了解決上述技術(shù)問題提供一種基于原型設(shè)計工具的單元格子的快速創(chuàng)建方法。
本發(fā)明解決上述技術(shù)問題的技術(shù)方案為:一種基于原型設(shè)計工具的單元格子的快速創(chuàng)建方法,包括如下步驟:
建立獨立單元,所述獨立單元包括至少一種類型的基礎(chǔ)組件。
建立一個快速格子,并將所述獨立單元編組到所述快速格子中,得到單元格子模板。
獲取用戶設(shè)置的需要格子的數(shù)量,并根據(jù)所述單元格子模板生成所述數(shù)量的單元格子,其中,每個所述單元格子中的基礎(chǔ)組件的類型與所述單元格子模板中的基礎(chǔ)組件的類型相同。
分別對每個所述單元格子中的所述基礎(chǔ)組件進行重復(fù)過濾處理。
本發(fā)明的有益效果是,通過將需要組合的基礎(chǔ)組件按照不同類型組合成獨立單元并添加到快速格子中以形成單元格子模板,隨后可根據(jù)單元格子模板快速復(fù)制出多個單元格子,以快速生成由單元格子組成的同類列表。再對每個單元格子中的基礎(chǔ)組件進行重復(fù)過濾處理。從而實現(xiàn)在設(shè)計過程中制作列表頁、陣列列表時,同類列表能夠快速生成,且列表中的內(nèi)容各不相同,保證了保持設(shè)計頁面真實性,同時也提高了設(shè)計效率。
在上述技術(shù)方案的基礎(chǔ)上,本發(fā)明還可以做如下改進。
進一步,所述基礎(chǔ)組件包括文本組件或/和圖片組件。
進一步,所述生成所述數(shù)量的單元格子的具體實現(xiàn)如下:
以所述單元格子模板為起始點在顯示界面上建立一個矩形的顯示區(qū)域;
根據(jù)所述顯示區(qū)域的面積和所述單元格子模板的面積確定所述單元格子的數(shù)量。
采用上述進一步方案的有益效果是,通過在界面上以顯示區(qū)域的面積來確定單元格子的數(shù)量,可更直觀、快捷地在界面上直接確定需要的單元格子數(shù)量,從而提升了用戶的設(shè)計體驗和設(shè)計效率。
進一步,所述確定所述單元格子的數(shù)量具體實現(xiàn)如下:
獲取所述顯示區(qū)域的高度、所述單元格子模板的高度以及縱向相鄰兩個所述單元格子之間的間距,并根據(jù)所述顯示區(qū)域的高度、所述單元格子模板的高度以及所述縱向相鄰兩個所述單元格子之間的間距計算出所述顯示區(qū)域在縱向上的單元格子的數(shù)量M。
該專利技術(shù)資料僅供研究查看技術(shù)是否侵權(quán)等信息,商用須獲得專利權(quán)人授權(quán)。該專利全部權(quán)利屬于成都摹客科技有限公司,未經(jīng)成都摹客科技有限公司許可,擅自商用是侵權(quán)行為。如果您想購買此專利、獲得商業(yè)授權(quán)和技術(shù)合作,請聯(lián)系【客服】
本文鏈接:http://www.szxzyx.cn/pat/books/201910099164.7/2.html,轉(zhuǎn)載請聲明來源鉆瓜專利網(wǎng)。





