一種呈現信息流卡片的方法、裝置及電子設備的制造方法
【技術領域】
[0001]本發明涉及計算機網絡通信技術,尤其涉及一種呈現信息流卡片的方法、裝置及電子設備。
【背景技術】
[0002]現有的移動平臺的界面,在顯示應用程序信息流時,一般采用將應用程序信息流拆分為多個信息流卡片,每一信息流卡片為一基本的信息單位,拆分的多個信息流卡片以流線型的方式在界面中呈現。
[0003]在移動平臺的界面應用設計中,如何減少界面切換時的切換時延,保持界面切換時的流暢性是界面應用設計需要優先考慮的因素。其中,在進行界面切換時,由于每一信息流卡片對應一信息流卡片界面,因而,目前最常用的切換方式是界面直接跳轉,即在當前呈現的信息流卡片界面中,如果用戶執行信息流卡片切換操作,則跳轉到切換操作對應的信息流卡片界面。但該切換時經過跳轉處理呈現信息流卡片的方法,使得呈現信息流所需的時間較長,界面切換不流暢;進一步地,跳轉處理易引起跳轉失敗,導致界面呈現信息流的效率較低。
【發明內容】
[0004]有鑒于此,本發明實施例提供一種呈現信息流卡片的方法、裝置及電子設備,降低呈現信息流所需的時間、提升界面呈現信息流的效率。
[0005]為達到上述目的,本發明的實施例采用如下技術方案:
[0006]第一方面,本發明實施例提供一種呈現信息流卡片的方法,包括:
[0007]在預設視圖的第一信息流卡片上接收應用程序控件加載指令;基于預先設置的應用程序控件與信息流卡片的映射關系集,獲取所述應用程序控件加載指令映射的第二信息流卡片;
[0008]依據預設視圖呈現的第一信息流卡片以及獲取的所述第二信息流卡片,生成切換動畫;以及
[0009]在所述預設視圖中呈現所述切換動畫。
[0010]可選的,所述依據預設視圖呈現的第一信息流卡片以及獲取的所述第二信息流卡片,生成切換動畫包括:
[0011]依據預先設置的提取策略,提取預設視圖呈現的第一信息流卡片中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一信息流卡片與所述第二信息流卡片之間的第一中間動畫幀;
[0012]依據所述提取策略,提取所述第一信息流卡片中的部分信息以及所述第一中間動畫幀中的部分信息,生成位于所述第一信息流卡片與所述第一中間動畫幀之間的第二中間動畫幀,以及,提取所述第一中間動畫幀中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一中間動畫幀與所述第二信息流卡片之間的第三中間動畫幀,直至生成的動畫幀數量滿足預先設置的閾值,得到包含第一信息流卡片、中間動畫幀以及第二信息流卡片的動畫幀集;
[0013]為所述動畫幀集設置動畫效果。
[0014]可選的,所述依據預設視圖呈現的第一信息流卡片以及獲取的所述第二信息流卡片,生成切換動畫包括:
[0015]獲取第一信息流卡片標識以及第二信息流卡片標識;
[0016]查詢預先設置的以首幀信息流卡片標識以及末幀信息流卡片標識為標識的動畫集映射關系,獲取所述第一信息流卡片標識以及第二信息流卡片標識映射的動畫。
[0017]可選的,所述依據預設視圖呈現的第一信息流卡片以及獲取的所述第二信息流卡片,生成切換動畫包括:
[0018]依據當前界面呈現的第一信息流卡片設置動畫;
[0019]依據所述第二信息流卡片的數據預繪制所述第二信息流卡片;
[0020]所述在所述預設視圖中呈現所述切換動畫包括:
[0021]呈現所述動畫;
[0022]監測是否已繪制完成所述第二信息流卡片,如果是,終止動畫呈現,呈現繪制完成的所述第二信息流卡片。
[0023]可選的,所述動畫包括:動畫幀以及動畫效果。
[0024]可選的,所述動畫幀的首幀為當前界面的第一信息流卡片,動畫幀的末幀為第二信息流卡片,首末幀之間的幀數依據實際需要設置。
[0025]可選的,所述動畫幀的不同區域設置有不同的動畫效果。
[0026]可選的,所述動畫效果包括:平移、放大、縮小、漸隱、漸現、滑動、顏色變化中的一種或其任意組合。
[0027]可選的,所述信息流卡片依據谷歌針對安卓設備上應用程序的設計規范進行設置。
[0028]第二方面,本發明實施例提供一種呈現信息流卡片的裝置,包括:加載指令處理模塊、動畫設置模塊以及動畫呈現模塊,其中,
[0029]加載指令處理模塊,用于在預設視圖的第一信息流卡片上接收應用程序控件加載指令;基于預先設置的應用程序控件與信息流卡片的映射關系集,獲取所述應用程序控件加載指令映射的第二信息流卡片;
[0030]動畫設置模塊,用于依據預設視圖呈現的第一信息流卡片以及獲取的所述第二信息流卡片,生成切換動畫;
[0031]動畫呈現模塊,用于在所述預設視圖中呈現所述切換動畫。
[0032]可選的,所述動畫設置模塊包括:第一動畫設置單元、第二動畫設置單元以及動畫效果設置單元,其中,
[0033]第一動畫設置單元,用于依據預先設置的提取策略,提取預設視圖呈現的第一信息流卡片中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一信息流卡片與所述第二信息流卡片之間的第一中間動畫幀;
[0034]第二動畫設置單元,用于依據所述提取策略,提取所述第一信息流卡片中的部分信息以及所述第一中間動畫幀中的部分信息,生成位于所述第一信息流卡片與所述第一中間動畫幀之間的第二中間動畫幀,以及,提取所述第一中間動畫幀中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一中間動畫幀與所述第二信息流卡片之間的第三中間動畫幀,直至生成的動畫幀數量滿足預先設置的閾值,得到包含第一信息流卡片、中間動畫幀以及第二信息流卡片的動畫幀集;
[0035]動畫效果設置單元,用于為所述動畫幀集設置動畫效果。
[0036]可選的,所述動畫設置模塊包括:標識獲取單元以及查詢單元,其中,
[0037]標識獲取單元,用于獲取第一信息流卡片標識以及第二信息流卡片標識;
[0038]查詢單元,用于查詢預先設置的以首幀信息流卡片標識以及末幀信息流卡片標識為標識的動畫集映射關系,獲取所述第一信息流卡片標識以及第二信息流卡片標識映射的動畫。
[0039]可選的,所述動畫設置模塊包括:動畫設置單元、繪制單元以及監測單元,其中,
[0040]動畫設置單元,用于依據當前界面呈現的第一信息流卡片設置動畫;
[0041]繪制單元,用于依據所述第二信息流卡片的數據預繪制所述第二信息流卡片;
[0042]監測單元,用于監測是否已繪制完成所述第二信息流卡片,如果是,通知動畫呈現模塊終止動畫呈現,呈現繪制完成的所述第二信息流卡片。
[0043]可選的,所述動畫包括:動畫幀以及動畫效果。
[0044]可選的,所述動畫幀的首幀為當前界面的第一信息流卡片,動畫幀的末幀為第二信息流卡片,首末幀之間的幀數依據實際需要設置。
[0045]可選的,所述動畫幀的不同區域設置有不同的動畫效果。
[0046]可選的,所述動畫效果包括:平移、放大、縮小、漸隱、漸現、滑動、顏色變化中的一種或其任意組合。
[0047]可選的,所述信息流卡片依據谷歌針對安卓設備上應用程序的設計規范進行設置。
[0048]第三方面,本發明實施例提供一種電子裝置,所述電子裝置包括:殼體、處理器、存儲器、電路板和電源電路,其中,電路板安置在殼體圍成的空間內部,處理器和存儲器設置在電路板上;電源電路,用于為上述電子設備的各個電路或器件供電;存儲器用于存儲可執行程序代碼;處理器通過讀取存儲器中存儲的可執行程序代碼來運行與可執行程序代碼對應的程序,用于執行以下步驟:
[0049]在預設視圖的第一信息流卡片上接收應用程序控件加載指令;
[00