[發(fā)明專利]用于實(shí)現(xiàn)基于模式的用戶界面呈現(xiàn)模型的系統(tǒng)及其方法

在審

• 申請(qǐng)?zhí)枺?/td>: 201910180691.0
• 申請(qǐng)日: 2019-03-11
• 公開（公告）號(hào): CN111679822A
• 公開（公告）日: 2020-09-18
• 發(fā)明（設(shè)計(jì)）人: 張欣欣;華慶一;邱凱強(qiáng);姬翔;丁敏喆;錢洋
• 申請(qǐng)（專利權(quán)）人: 西北大學(xué)
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F8/41;G06F9/451
• 代理公司: 西安佳士成專利代理事務(wù)所合伙企業(yè)(普通合伙) 61243
• 代理人: 李東京;李丹

一種用于實(shí)現(xiàn)基于模式的用戶界面呈現(xiàn)模型的系統(tǒng)及其方法，包括樹形結(jié)構(gòu)集合，所述樹形結(jié)構(gòu)集合用于表示用戶界面呈現(xiàn)模型的整體布局形式，所述樹形結(jié)構(gòu)集合中的樹形結(jié)構(gòu)包括根節(jié)點(diǎn)、中間節(jié)點(diǎn)和葉子節(jié)點(diǎn)；所述根節(jié)點(diǎn)表示用戶界面的整體布局結(jié)構(gòu)；所述葉子節(jié)點(diǎn)表示界面模式構(gòu)件，所述界面模式構(gòu)件中的界面為所述用戶界面；所述界面模式構(gòu)件也能夠?yàn)榻缑娴幕A(chǔ)構(gòu)件；所述中間節(jié)點(diǎn)表示所述界面模式構(gòu)件的布局策略，也就是用于組織所述葉子節(jié)點(diǎn)的布局容器對(duì)象。結(jié)合方法有效避免了現(xiàn)有技術(shù)中界面的開發(fā)效率低下、實(shí)現(xiàn)的可復(fù)用性不強(qiáng)、不利于界面的快速原型化、當(dāng)需求的變化導(dǎo)致界面設(shè)計(jì)改變時(shí)界面的實(shí)現(xiàn)需要在代碼層次做大量的修改的缺陷。

技術(shù)領(lǐng)域

本發(fā)明涉及用戶界面呈現(xiàn)模型技術(shù)領(lǐng)域，具體涉及一種用于實(shí)現(xiàn)基于模式的用戶界面呈現(xiàn)模型的系統(tǒng)及其方法。

背景技術(shù)

UI即UserInterface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。

通過對(duì)用戶界面設(shè)計(jì)不同需求進(jìn)行的分類以及用戶界面設(shè)計(jì)元素對(duì)用戶行為的影響，來研究用戶在用戶界面設(shè)計(jì)中所體現(xiàn)的重要性。交互性已經(jīng)成為用戶界面設(shè)計(jì)中設(shè)計(jì)追求的目標(biāo)。

另外，基于模型的用戶界面開發(fā)方法通過模型之間的轉(zhuǎn)換，從高度抽象的模型被轉(zhuǎn)換為幾個(gè)低級(jí)抽象模型，直到生成最終的用戶界面。使得界面“描述一次，到處運(yùn)行”。然而，基于模型的方法在創(chuàng)建呈現(xiàn)模型時(shí)只保留了具有相關(guān)用戶所需功能的用戶界面，而將可用性信息(如構(gòu)建布局、頁面布局、組件大小等)丟失。而當(dāng)前業(yè)界普遍使用了基于模式的用戶界面設(shè)計(jì)方法和技術(shù)。用戶界面模式，是一種經(jīng)過證明了的界面設(shè)計(jì)方案，能夠?yàn)橛脩籼峁┹^好可用性。

目前，基于模式的界面設(shè)計(jì)方法提供有關(guān)界面設(shè)計(jì)的模式，不僅保證了界面的可用性，而且提高界面設(shè)計(jì)效率。然而，現(xiàn)有平臺(tái)(如安卓)對(duì)于界面的實(shí)現(xiàn)仍然是基于WidgetSet層，平臺(tái)并沒有對(duì)界面模式的實(shí)現(xiàn)提供支持，開發(fā)人員在界面實(shí)現(xiàn)階段，必須根據(jù)自己的理解然后使用建立在小粒度交互組件(如菜單、按鈕等)基礎(chǔ)上的界面標(biāo)記語言，先將基本交互組件拼裝成大粒度的界面模式構(gòu)件，然后再構(gòu)建用戶界面的布局和交互邏輯，從而完成界面的編碼工作。這種開發(fā)流程可能會(huì)產(chǎn)生以下問題：其一，界面的開發(fā)效率低下，開發(fā)人員需要先將基本組件拼裝成大粒度的模式構(gòu)件，再構(gòu)件用戶界面，造成實(shí)現(xiàn)的可復(fù)用性不強(qiáng)；其二，不利于界面的快速原型化，當(dāng)需求的變化導(dǎo)致界面設(shè)計(jì)改變時(shí)，界面的實(shí)現(xiàn)需要在代碼層次做大量的修改。

發(fā)明內(nèi)容

為解決上述問題，本發(fā)明提供了一種用于實(shí)現(xiàn)基于模式的用戶界面呈現(xiàn)模型的系統(tǒng)及其方法，有效避免了現(xiàn)有技術(shù)中界面的開發(fā)效率低下、實(shí)現(xiàn)的可復(fù)用性不強(qiáng)、不利于界面的快速原型化、當(dāng)需求的變化導(dǎo)致界面設(shè)計(jì)改變時(shí)界面的實(shí)現(xiàn)需要在代碼層次做大量的修改的缺陷。

為了克服現(xiàn)有技術(shù)中的不足，本發(fā)明提供了一種用于實(shí)現(xiàn)基于模式的用戶界面呈現(xiàn)模型的系統(tǒng)及其方法的解決方案，具體如下：

一種用于實(shí)現(xiàn)基于模式的用戶界面呈現(xiàn)模型的系統(tǒng)，包括樹形結(jié)構(gòu)集合，所述樹形結(jié)構(gòu)集合用于表示用戶界面呈現(xiàn)模型的整體布局形式，所述樹形結(jié)構(gòu)集合中的樹形結(jié)構(gòu)包括根節(jié)點(diǎn)、中間節(jié)點(diǎn)和葉子節(jié)點(diǎn)；

所述根節(jié)點(diǎn)表示用戶界面的整體布局結(jié)構(gòu)；

所述葉子節(jié)點(diǎn)表示界面模式構(gòu)件，所述界面模式構(gòu)件中的界面為所述用戶界面；所述界面模式構(gòu)件也能夠?yàn)榻缑娴幕A(chǔ)構(gòu)件；

所述中間節(jié)點(diǎn)表示所述界面模式構(gòu)件的布局策略，也就是用于組織所述葉子節(jié)點(diǎn)的布局容器對(duì)象。

所述樹形結(jié)構(gòu)集合包括若干界面，每個(gè)界面均采用所述樹形結(jié)構(gòu)來組織界面元素；

每個(gè)界面又包含若干所述界面模式構(gòu)件，而所述界面模式構(gòu)件的布局容器是組織所述界面模式構(gòu)件的策略。