一種界面布局方法和環(huán)繞式界面系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及界面布局技術(shù)領(lǐng)域,特別涉及一種界面布局方法和環(huán)繞式界面系統(tǒng)。
【背景技術(shù)】
[0002]目前各種計(jì)算機(jī)、移動(dòng)終端以及虛擬現(xiàn)實(shí)設(shè)備等的顯示界面都處于平面平鋪式布局,布局對(duì)象數(shù)量有限,只能通過滑動(dòng)屏幕更換內(nèi)容,界面功能擴(kuò)展性不強(qiáng),同時(shí)這種界面布局無法讓用戶找到自身存在感。當(dāng)在一個(gè)較大的顯示設(shè)備上布局若干對(duì)象時(shí),在用戶的視覺上,距離近的對(duì)象較大,距離遠(yuǎn)的對(duì)象較小,觀看效果不好。
【發(fā)明內(nèi)容】
[0003]為了解決上述問題,本發(fā)明提供了一種界面布局方法和環(huán)繞式界面系統(tǒng)。
[0004]依據(jù)本發(fā)明的一個(gè)方面,本發(fā)明提供了一種界面布局方法,包括:將整個(gè)界面分割成若干個(gè)顯示對(duì)象,在立體空間中環(huán)繞布局所述若干個(gè)顯示對(duì)象;
[0005]獲取用戶視線,根據(jù)用戶視線的方向?qū)⑽挥谟脩粢暰€上的顯示對(duì)象清晰地展示給用戶。
[0006]其中,所述方法還包括:
[0007]為每一個(gè)顯示對(duì)象設(shè)置三維空間坐標(biāo)范圍;
[0008]根據(jù)所述三維空間坐標(biāo)范圍將每一個(gè)顯示對(duì)象布局在立體空間中;
[0009]若一個(gè)顯示對(duì)象上某一點(diǎn)的三維空間坐標(biāo)在用戶的視線上,則判斷該顯示對(duì)象位于用戶視線上。
[0010]其中,所述立體空間為以用戶為中心的圓柱體空間,所述若干個(gè)顯示對(duì)象采用360度環(huán)繞布局在所述圓柱體空間的側(cè)面上。
[0011]其中,所述立體空間為以用戶為中心的球體空間,所述若干個(gè)顯示對(duì)象采用水平360度與垂直360度全方位環(huán)繞布局在所述球體空間的表面上,每一個(gè)顯示對(duì)象到人眼的距離相等。
[0012]其中,每一個(gè)顯示對(duì)象是能夠與所述立體空間的表面貼合的曲面對(duì)象;或者,每一個(gè)顯示對(duì)象是垂直于用戶視線的平面對(duì)象。
[0013]依據(jù)本發(fā)明的另一方面,本發(fā)明提供了一種環(huán)繞式界面系統(tǒng),包括:
[0014]分割單元,用于將整個(gè)界面分割成若干個(gè)顯示對(duì)象,在立體空間中環(huán)繞布局所述若干個(gè)顯示對(duì)象;
[0015]展示單元,用于獲取用戶視線,根據(jù)用戶視線的方向?qū)⑽挥谟脩粢暰€上的顯示對(duì)象清晰地展示給用戶。
[0016]其中,所述分割單元包括:
[0017]坐標(biāo)設(shè)置模塊,用于為每一個(gè)顯示對(duì)象設(shè)置三維空間坐標(biāo)范圍,根據(jù)所述三維空間坐標(biāo)范圍將每一個(gè)顯示對(duì)象布局在立體空間中;
[0018]所述展示單元,具體用于若一個(gè)顯示對(duì)象上某一點(diǎn)的三維空間坐標(biāo)在用戶的視線上,則將該顯示對(duì)象清晰地展示給用戶。
[0019]其中,所述立體空間為以用戶為中心的圓柱體空間;
[0020]所述分割單元,具體用于將所述若干個(gè)顯示對(duì)象采用360度環(huán)繞布局在所述圓柱體空間的側(cè)面上。
[0021]其中,所述立體空間為以用戶為中心的球體空間,
[0022]所述分割單元,具體用于將所述若干個(gè)顯示對(duì)象采用水平360度與垂直360度全方位環(huán)繞布局在所述球體空間的表面上,每一個(gè)顯示對(duì)象到人眼的距離相等。
[0023]其中,每一個(gè)顯示對(duì)象是能夠與所述立體空間的表面貼合的曲面對(duì)象;或者,每一個(gè)顯示對(duì)象是垂直于用戶視線的平面對(duì)象。
[0024]本發(fā)明實(shí)施例的有益效果是:采用在立體空間中以用戶為中心環(huán)繞式布局的方式,可布局的顯示對(duì)象數(shù)量更多,可擴(kuò)展性強(qiáng);將位于用戶視線上的顯示對(duì)象清晰地展示給用戶,有效地突出了界面中的主要內(nèi)容;并且能夠讓用戶找到自身的存在感,有更好的用戶體驗(yàn)。在優(yōu)選實(shí)施例中,校正了顯示對(duì)象到人眼的距離,使每一個(gè)顯示對(duì)象都處在視線的黃金位置,避免了近大遠(yuǎn)小的不良顯示效果,提供了更舒適的觀看體驗(yàn)。
【附圖說明】
[0025]圖1為本發(fā)明實(shí)施例提供的一種界面布局方法的具體流程圖;
[0026]圖2為本發(fā)明一優(yōu)選實(shí)施例提供的一種界面布局方法的具體流程圖;
[0027]圖3為本發(fā)明實(shí)施例提供的360度環(huán)繞布局方式的立體效果示意圖;
[0028]圖4為本發(fā)明實(shí)施例提供的全方位環(huán)繞布局方式的立體效果示意圖;
[0029]圖5為本發(fā)明實(shí)施例提供的一種環(huán)繞式界面系統(tǒng)的系統(tǒng)結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0030]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚,下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0031]圖1為本發(fā)明實(shí)施例提供的一種界面布局方法的具體流程圖。如圖1所示,為本發(fā)明提供的界面布局方法包括:
[0032]步驟SI10:將整個(gè)界面分割成若干個(gè)顯示對(duì)象,在立體空間中環(huán)繞布局這些顯示對(duì)象。
[0033]步驟S120:獲取用戶視線,根據(jù)用戶視線的方向?qū)⑽挥谟脩粢暰€上的顯示對(duì)象清晰地展示給用戶。
[0034]本實(shí)施例中,在立體空間中進(jìn)行布局,將各顯示對(duì)象環(huán)繞布置在用戶周圍,以用戶為中心向外發(fā)散,當(dāng)用戶身體或頭部轉(zhuǎn)動(dòng)時(shí),視線的方向會(huì)發(fā)生改變,根據(jù)用戶的視線方向?qū)⒃谖挥谟脩粢暰€上的顯示對(duì)象清晰地展示給用戶。可以將位于用戶視線上的顯示對(duì)象放大,或者對(duì)用戶視野中的其他的顯示對(duì)象做模糊處理,從而將位于用戶視線上的顯示對(duì)象清晰地展示給用戶,有效地突出了界面中的主要內(nèi)容。在立體空間中布局,使可布局的顯示對(duì)象的數(shù)量更多,可擴(kuò)展性更強(qiáng);采用以用戶為中心環(huán)繞式布局的方式能夠讓用戶找到自身的存在感,有更好的用戶體驗(yàn)。
[0035]圖2為本發(fā)明一優(yōu)選實(shí)施例提供的一種界面布局方法的具體流程圖。如圖2所示,為優(yōu)選實(shí)施例提供的界面布局方法包括:
[0036]步驟S210:在進(jìn)行界面布局的立體空間中建立坐標(biāo)系,為每一個(gè)顯示對(duì)象設(shè)置三維空間坐標(biāo)范圍。一個(gè)顯示對(duì)象上的每一點(diǎn)都對(duì)應(yīng)一個(gè)在這個(gè)立體空間中的三維空間坐標(biāo),所有點(diǎn)的三維空間坐標(biāo)的集合就是該顯示對(duì)象的三維空間坐標(biāo)范圍。
[0037]步驟S220:根據(jù)每一個(gè)顯示對(duì)象的三維空間坐標(biāo)范圍將每一個(gè)顯示對(duì)象布局在立體空間中,使顯示對(duì)象上的每一點(diǎn)的位置與其三維空間坐標(biāo)相對(duì)應(yīng)。
[0038]步驟S230:判斷一個(gè)顯示對(duì)象上是否有一點(diǎn)的三維空間坐標(biāo)在用戶的視線上。若該顯示對(duì)象上某一點(diǎn)的三維空間坐標(biāo)在用戶的視線上,則執(zhí)行步驟S240;否則執(zhí)行步驟S250o
[0039I 步驟S240:將該顯示對(duì)象清晰地展示給用戶。
[°04°] 步驟S250:不將該顯示對(duì)象清晰地展示給用戶。
[0041 ]在本優(yōu)選實(shí)施例中,每一個(gè)顯示對(duì)象都有自己的三維空間坐標(biāo)范圍,通過計(jì)算用戶當(dāng)前的視線,判斷是否有一點(diǎn)的三維空間坐標(biāo)在用戶的視線上,若該顯示對(duì)象上某一點(diǎn)的三維空間坐標(biāo)在用戶的視線上,則可以認(rèn)為該顯示對(duì)象位于用戶視線上,然后將該顯示對(duì)象清晰地展示給用戶。
[0042]圖3為本發(fā)明實(shí)施例提供的360度環(huán)繞布局方式的立體效果示意圖。如圖3所示,在本發(fā)明的一個(gè)優(yōu)選實(shí)施例中,在一個(gè)圓柱體空間內(nèi)進(jìn)行界面布局,這個(gè)圓柱體空間以用戶為中心,每一個(gè)顯示對(duì)象布置在這個(gè)圓柱體空間的側(cè)面上的某一個(gè)位置,所有顯示對(duì)象以用戶為中心水平360度環(huán)繞布局。用戶視線左右轉(zhuǎn)動(dòng)時(shí)能看到位于圓柱體空間側(cè)面上的相應(yīng)的顯示對(duì)象,每一個(gè)顯示對(duì)象到人眼的距離基本相等,不會(huì)產(chǎn)生平面平鋪式布局中視覺上近大遠(yuǎn)小的效果,通過調(diào)整顯示對(duì)象到用戶的距離,可以使每一個(gè)顯示對(duì)象處于用戶眼鏡視線最黃金位置,觀看效果更好。
[0043]圖4為本發(fā)明實(shí)施例提供的全方位環(huán)繞布局方式的立體效果示意圖。如圖4所示,在本發(fā)明的另一個(gè)優(yōu)選實(shí)施例中,在一個(gè)球體空間內(nèi)進(jìn)行界面布局,這個(gè)球體空間以用戶為中心,每一個(gè)顯示對(duì)象布置在這個(gè)圓柱體空間表面上的某一個(gè)位置,所有顯示對(duì)象以用戶為中心水平360和垂直360度全方位度環(huán)