專利名稱:一種帶滑動動畫效果的多圖像查看界面的顯示方法
技術(shù)領(lǐng)域:
本發(fā)明涉及信息技術(shù)領(lǐng)域,具體涉及一種帶滑動動畫效果的多圖像查看界面的顯 示方法。
背景技術(shù):
在傳統(tǒng)的手機(jī)軟件中,圖像查看界面千篇一律,或者是普通的列表界面,或者是中 規(guī)中矩的矩陣界面,這兩種方法基本上都是通過圖像decoder直接將解碼出來的圖像刷新 到屏的某一區(qū)域,由于列表和矩陣界面留給縮略圖顯示的區(qū)域比較小,比如50*36,會給用 戶造成圖像不清晰,操控比較單調(diào)的感覺。本發(fā)明研究出一種顯示方法,能夠顯示較大的縮略圖,一般顯示為160*120或 120*160分辨率,并且引導(dǎo)用戶關(guān)注界面正中高亮顯示的圖像,其他圖像以半透明的方式顯 示,表明這些圖像是下一張或上一張圖,當(dāng)上下左右進(jìn)行移動切換時,本方法計算每一張圖 像的移動軌跡,并且相應(yīng)的放大縮小移動圖像,形成滑動動畫,達(dá)到良好的視覺層次效果。本方法不但可以應(yīng)用于圖像查看界面,并且可以方便的給其他應(yīng)用使用,比如手 機(jī)主菜單界面等等
發(fā)明內(nèi)容
本發(fā)明的目的是提供一種方法來改善和避免上面的情況出現(xiàn),該方法可以顯示較 大分辨率的縮略圖,并且顯示和移動圖像過程中達(dá)到良好的視覺層次效果。一種帶滑動動畫效果的多圖像查看界面的顯示方法,該方法包括一組配置參數(shù), 人機(jī)交互接口,圖像讀取接口,圖像排列分層算法,圖像縮放算法。所述的一組配置參數(shù)包含屏幕旋轉(zhuǎn)度數(shù),目標(biāo)顯示圖像尺寸,每個圖像顯示的位 置信息,其他注釋信息顯示的位置信息,軌跡過程中產(chǎn)生的數(shù)據(jù)信息,圖像和存儲空間的映 射關(guān)系信息,圖像顯示的排版信息,其中一部份是程序或者調(diào)用者預(yù)定義的,一部份是系統(tǒng) 在運行過程中計算產(chǎn)生的。所述的一個界面中顯示多少個圖像是由程序內(nèi)置的。所述的人機(jī)交互接口包括手機(jī)鍵盤事件的處理,觸摸屏事件的處理,這些事件主 要影響到圖像排版信息,軌跡數(shù)據(jù)信息和圖像和存儲空間的映射關(guān)系信息。所述的圖像讀取接口處理在顯示之前將每個待顯示的圖像讀入內(nèi)存,同時創(chuàng)建排 版信息,圖像和內(nèi)存的映射信息。所述的圖像排列分層顯示算法是指計算圖像顯示位置的編號,將編號信息記錄下來。所述的圖像縮放算法應(yīng)用在移動圖像時,按計算出來的軌跡數(shù)據(jù)縮放圖像到指定 大小。
圖1是本發(fā)明圖像和存儲空間映射關(guān)系圖;圖2是本發(fā)明圖像排版層次圖;圖3是本發(fā)明垂直方向圖像排版層次圖;圖4是本發(fā)明水平方向圖像排版層次圖。
具體實施例方式下面結(jié)合附圖對本發(fā)明作進(jìn)一步描述。本界面的顯示過程是首先接收用戶或預(yù)置的參數(shù),根據(jù)這些參數(shù)申請內(nèi)存空間, 然后將要顯示的圖像讀取到相應(yīng)的內(nèi)存中,如圖1所示,同時生成圖像排版層次信息,如圖 2所示,最后根據(jù)這個排版信息以及各圖像的坐標(biāo)大小信息顯示到屏幕上,顯示的時候會應(yīng) 用圖像縮放算法,將圖像按給出的大小適配。當(dāng)界面接收到來自鍵盤和觸摸屏的移動事件時,本方法首先根據(jù)每個圖像的坐標(biāo) 和大小計算軌跡數(shù)據(jù),軌跡數(shù)據(jù)包含每張圖像每幀動畫的坐標(biāo)和大小,并保存起來,然后應(yīng) 用圖像縮放算法顯示到屏幕上,形成滑動動畫,高亮圖像逐漸變成半透明效果,半透明圖像 逐漸變成高亮圖像,形成良好的視覺效果。排版算法將最中間的圖像排在最上面,其他依次排在下面,從側(cè)面看是一種層次 結(jié)構(gòu),顯示在界面上的是俯視結(jié)果,最頂上的一張圖高亮顯示,其他圖半透明顯示,如圖3、4 所示。技術(shù)上只需用數(shù)組實現(xiàn)即可。排版算法是固定的,但是每張圖的位置和大小是由參 數(shù)決定的,而參數(shù)是可以給用戶配置的,所以本方法可以很好的應(yīng)用到其他界面中去,具有 良好的移植性。
權(quán)利要求
一種帶滑動動畫效果的多圖像查看界面的顯示方法,其特征在于所述的該方法包括一組配置參數(shù),人機(jī)交互接口,圖像讀取接口、圖像排列分層算法,圖像縮放算法。
2.根據(jù)權(quán)利要求1所述的一種帶滑動動畫效果的多圖像查看界面的顯示方法,其特征 在于所述的一組配置參數(shù)包含屏幕旋轉(zhuǎn)度數(shù),目標(biāo)顯示圖像尺寸,每個圖像顯示的位置信 息,其他注釋信息顯示的位置信息,軌跡過程中產(chǎn)生的數(shù)據(jù)信息,圖像和存儲空間的映射關(guān) 系信息,圖像顯示的排版信息,其中一部份是程序或者調(diào)用者預(yù)定義的,一部份是系統(tǒng)在運 行過程中計算產(chǎn)生的。
3.根據(jù)權(quán)利要求2所述的一種帶滑動動畫效果的多圖像查看界面的顯示方法,其特征 在于所述的一個界面中顯示多少個圖像是由程序內(nèi)置的。
4.根據(jù)權(quán)利要求1所述的一種帶滑動動畫效果的多圖像查看界面的顯示方法,其特征 在于所述的人機(jī)交互接口包括手機(jī)鍵盤事件的處理,觸摸屏事件的處理,這些事件主要影 響到圖像排版信息,軌跡數(shù)據(jù)信息和圖像和存儲空間的映射關(guān)系信息。
5.根據(jù)權(quán)利要求1所述的一種帶滑動動畫效果的多圖像查看界面的顯示方法,其特征 在于所述的圖像讀取接口處理在顯示之前將每個待顯示的圖像讀入內(nèi)存,同時創(chuàng)建排版 信息,圖像和內(nèi)存的映射信息。
6.根據(jù)權(quán)利要求1所述的一種帶滑動動畫效果的多圖像查看界面的顯示方法,其特征 在于所述的圖像排列分層顯示算法是指計算圖像顯示位置的編號,將編號信息記錄下來。
7.根據(jù)權(quán)利要求1所述的一種帶滑動動畫效果的多圖像查看界面的顯示方法,其特征 在于所述的圖像縮放算法應(yīng)用在移動圖像時,按計算出來的軌跡數(shù)據(jù)縮放圖像到指定大
全文摘要
本發(fā)明公開了一種帶滑動動畫效果的多圖像查看界面的顯示方法,該方法可以在圖像查看界面中顯示若干個圖像,其中有一張圖像高亮顯示在界面正中,其他圖像等比例縮小按設(shè)置的坐標(biāo)參數(shù)分布兩旁,并且半透明顯示。當(dāng)通過左右或上下方向鍵操作時,所有的圖片都能按系統(tǒng)計算的軌跡平滑的移動,達(dá)到良好的動畫視覺效果,并且該方法支持水平和垂直顯示的切換。本發(fā)明方法可以方便的應(yīng)用于所有需要的場合,比如照片瀏覽界面,主菜單界面等等。
文檔編號G06F3/048GK101893980SQ200910051588
公開日2010年11月24日 申請日期2009年5月20日 優(yōu)先權(quán)日2009年5月20日
發(fā)明者王強(qiáng), 肖韋, 黃曉東 申請人:龍旗科技(上海)有限公司