本公開涉及人機交互領域,特別涉及一種搜索結果顯示方法及裝置。
背景技術:
在用戶使用終端上的應用程序時,經常會對應用程序的用戶界面中顯示的興趣文本進行搜索。
在相關技術提供的搜索過程中,用戶將用戶界面上的興趣文本進行復制,然后打開瀏覽器中的搜索框,將興趣文本粘貼到搜索框中進行搜索;然后,瀏覽器顯示與興趣文本對應的多個搜索結果。如果用戶希望查看某一個搜索結果的詳細信息,則點擊跳轉至與該搜索結果對應的詳情頁面進行查看。
但是當詳情頁面中的內容并非用戶期望的內容時,用戶需要重新返回上一頁面,然后點擊跳轉至與其它搜索結果對應的詳情頁面進行查看,或者需要重新復制興趣文本進行搜索。
技術實現要素:
為了方便用戶對多個搜索結果信息進行快速的預覽,解決用戶查看不同搜索結果操作流程繁瑣的問題,本公開實施例提供了一種搜索結果顯示方法及裝置。所述技術方案如下:
根據本公開的第一方面,提供了一種搜索結果顯示方法,所述方法包括:
在第一用戶界面上的第一局部區(qū)域疊加顯示n個第一預覽元素,第i個第一預覽元素上顯示有第i個搜索結果的第一級信息,i≤n且i,n均為正整數;
接收在所述第i個第一預覽元素上觸發(fā)的觸發(fā)操作;
在所述第一用戶界面上的第二局部區(qū)域疊加顯示第i個第二預覽元素,所述第二預覽元素上顯示有所述第i個搜索結果的第二級信息;
其中,所述第二局部區(qū)域的面積大于所述第一局部區(qū)域的面積。
在一個可選的實施例中,所述在所述第一用戶界面上的第二局部區(qū)域疊加顯示第i個第二預覽元素,包括:
在所述第一用戶界面的第二局部區(qū)域上疊加顯示列表視圖控件,所述列表視圖控件包括所述第i個第二預覽元素,所述第i個第二預覽元素與其它第二預覽元素在所述列表視圖控件中按照第一方向順序排列。
在一個可選的實施例中,所述在所述第一用戶界面上的第二局部區(qū)域疊加顯示第i個第二預覽元素之后,還包括:
在所述第i個第二預覽元素上接收第一滑動操作,所述第一滑動操作是沿第一方向滑動的操作;將所述第i個第二預覽元素跟隨所述第一滑動操作沿所述第一方向進行滑動顯示,將所述第i個第二預覽元素滑出所述第二局部區(qū)域的部分進行隱藏,將第i-1個第二預覽元素滑入所述第二局部區(qū)域的部分進行顯示,i為大于1的整數;
和/或,
在所述第i個第二預覽元素上接收第二滑動操作,所述第二滑動操作是沿所述第二方向滑動的操作;將所述第i個第二預覽元素跟隨所述第二滑動操作沿所述第二方向進行滑動顯示,將所述第i個第二預覽元素滑出所述第二局部區(qū)域的部分進行隱藏,將第i+1個第二預覽元素滑入所述第二局部區(qū)域的部分進行顯示,i為小于或等于n-1的整數;
其中,所述第一方向和所述第二方向相反。
在一個可選的實施例中,所述方法還包括:
緩存至少一個第二預覽元素對應的顯示內容,所述至少一個第二預覽元素包括:所述第i-1個第二預覽元素,和/或,所述第i+1個第二預覽元素。
在一個可選的實施例中,所述在所述第一用戶界面上的第二局部區(qū)域疊加顯示第i個第二預覽元素之后,還包括:
在所述第i個第二預覽元素上接收第三滑動操作,所述第三滑動操作是沿第三方向滑動的操作;根據所述第三滑動操作對所述第i個第二預覽元素內的顯示內容沿所述第三方向進行滑動顯示,將所述顯示內容中滑出所述第二局部區(qū)域的部分進行隱藏,將所述顯示內容中滑入所述第二局部區(qū)域的部分進行顯示;
和/或,
在所述第i個第二預覽元素上接收第四滑動操作,所述第四滑動操作是沿第四方向滑動的操作;根據所述第四滑動操作對所述第i個第二預覽元素內的顯示內容沿所述第四方向進行滑動顯示,將所述顯示內容中滑出所述第二局部區(qū)域的部分進行隱藏,將所述顯示內容中滑入所述第二局部區(qū)域的部分進行顯示;
其中,所述第三方向和所述第四方向相反。
在一個可選的實施例中,所述第i個第二預覽元素上包括第一預設控件,所述第一預設控件用于跳轉至與所述第i個第二預覽元素對應的第i個第二用戶界面;
所述方法還包括:
接收在所述第一預設控件上觸發(fā)的第一觸發(fā)操作;
根據所述第一觸發(fā)操作顯示與所述第i個第二預覽元素對應的第i個第二用戶界面,所述第i個第二用戶界面是所述第i個搜索結果對應的用戶界面。
在一個可選的實施例中,所述第i個第二預覽元素上包括第二預設控件,所述第二預設控件用于跳轉至與所述第i個第二預覽元素對應的第i個第二用戶界面;
所述方法還包括:
接收到在所述第二預設控件上觸發(fā)的第二觸發(fā)操作;
根據所述第二觸發(fā)操作顯示分屏用戶界面,所述分屏用戶界面包括第一分屏和第二分屏,所述第一分屏用于顯示與所述第i個第二預覽元素對應的所述第i個第二用戶界面,所述第二分屏用于顯示所述第一用戶界面。
在一個可選的實施例中,所述在第一用戶界面上的第一局部區(qū)域疊加顯示n個第一預覽元素之后,還包括:
在第j個第一預覽元素上接收第一滑動操作,所述第一滑動操作是沿所述第一方向滑動的操作;將所述第j個第一預覽元素跟隨所述第一滑動操作沿所述第一方向進行滑動顯示,將所述第j個第一預覽元素滑出所述第一局部區(qū)域的部分進行隱藏,將第j-1個第一預覽元素滑入所述第一局部區(qū)域的部分進行顯示,j為大于1的整數,且j小于或等于n;
和/或,
在第k個第一預覽元素上接收第二滑動操作,所述第二滑動操作是沿所述第二方向滑動的操作;將所述第k個第一預覽元素跟隨所述第二滑動操作沿所述第二方向進行滑動顯示,將所述第k個第一預覽元素滑出所述第二局部區(qū)域的部分進行隱藏,將第j+1個第一預覽元素滑入所述第二局部區(qū)域的部分進行顯示,k為小于等于n的整數;
其中,所述第一方向和所述第二方向相反。
在一個可選的實施例中,所述第一局部區(qū)域是所述第一用戶界面的底部區(qū)域,所述第二局部區(qū)域是所述第一用戶界面的中部區(qū)域。
在一個可選的實施例中,所述在第一用戶界面上的第一局部區(qū)域疊加顯示n個第一預覽元素,包括:
顯示所述第一用戶界面,所述第一用戶界面包括至少一個界面元素;
接收在所述第一用戶界面上觸發(fā)的選擇操作,所述選擇操作用于從所述至少一個界面元素中選擇出目標界面元素;
在所述第一用戶界面的第一局部區(qū)域上疊加顯示列表視圖控件,所述列表視圖控件包括與所述目標界面元素對應的n個第一預覽元素,n≥2,所述第i個第一預覽元素用于顯示與所述目標界面元素對應的第i個搜索結果的第一級信息,所述n個第一預覽元素在所述列表視圖控件中按照第一方向順序排列且第i個第一預覽元素的尾部與第i+1個第一預覽元素的首部相接,i為正整數且i≤n-1。
根據本公開的第二方面,提供了一種搜索結果顯示裝置,所述裝置包括:
顯示模塊,被配置為在第一用戶界面上的第一局部區(qū)域疊加顯示n個第一預覽元素,第i個第一預覽元素上顯示有第i個搜索結果的第一級信息,i≤n且i,n均為正整數;
操作接收模塊,被配置為接收在所述第i個第一預覽元素上觸發(fā)的觸發(fā)操作;
所述顯示模塊,被配置為在所述第一用戶界面上的第二局部區(qū)域疊加顯示第i個第二預覽元素,所述第二預覽元素上顯示有所述第i個搜索結果的第二級信息;
其中,所述第二局部區(qū)域的面積大于所述第一局部區(qū)域的面積。
在一個可選的實施例中,所述顯示模塊,還被配置為在所述第一用戶界面的第二局部區(qū)域上疊加顯示列表視圖控件,所述列表視圖控件包括第i個第二預覽元素,所述第i個第二預覽元素與其它第二預覽元素在所述列表視圖控件中按照第一方向順序排列。
在一個可選的實施例中,所述操作接收模塊,還被配置為在所述第i個第二預覽元素上接收第一滑動操作,所述第一滑動操作是沿第一方向滑動的操作;
所述顯示模塊,被配置為將所述第i個第二預覽元素跟隨所述第一滑動操作沿所述第一方向進行滑動顯示,將所述第i個第二預覽元素滑出所述第二局部區(qū)域的部分進行隱藏,將第i-1個第二預覽元素滑入所述第二局部區(qū)域的部分進行顯示,i為大于1的整數;
和/或,
所述操作接收模塊,還被配置為在所述第i個第二預覽元素上接收第二滑動操作,所述第二滑動操作是沿所述第二方向滑動的操作;
所述顯示模塊,被配置為將所述第i個第二預覽元素跟隨所述第二滑動操作沿所述第二方向進行滑動顯示,將所述第i個第二預覽元素滑出所述第二局部區(qū)域的部分進行隱藏,將第i+1個第二預覽元素滑入所述第二局部區(qū)域的部分進行顯示,i為小于或等于n-1的整數;
其中,所述第一方向和所述第二方向相反。
在一個可選的實施例中,所述裝置還包括:
緩存模塊,被配置為緩存至少一個第二預覽元素對應的顯示內容,所述至少一個第二預覽元素包括:所述第i-1個第二預覽元素,和/或,所述第i+1個第二預覽元素。
在一個可選的實施例中,所述操作接收模塊,還被配置為在所述第i個第二預覽元素上接收第三滑動操作,所述第三滑動操作是沿第三方向滑動的操作;
所述顯示模塊,被配置為根據所述第三滑動操作對所述第i個第二預覽元素內的顯示內容沿所述第三方向進行滑動顯示,將所述顯示內容中滑出所述第二局部區(qū)域的部分進行隱藏,將所述顯示內容中滑入所述第二局部區(qū)域的部分進行顯示;
和/或,
所述操作接收模塊,還被配置為在所述第i個第二預覽元素上接收第四滑動操作,所述第四滑動操作是沿第四方向滑動的操作;
所述顯示模塊,被配置為根據所述第四滑動操作對所述第i個第二預覽元素內的顯示內容沿所述第四方向進行滑動顯示,將所述顯示內容中滑出所述第二局部區(qū)域的部分進行隱藏,將所述顯示內容中滑入所述第二局部區(qū)域的部分進行顯示;
其中,所述第三方向和所述第四方向相反。
在一個可選的實施例中,所述操作接收模塊,還被配置為接收在所述第一預設控件上觸發(fā)的第一觸發(fā)操作;
所述顯示模塊,被配置為根據所述第一觸發(fā)操作跳轉顯示與所述第i個第二預覽元素對應的第i個第二用戶界面,所述第i個第二用戶界面是所述第i個搜索結果對應的用戶界面。
在一個可選的實施例中,所述第i個第二預覽元素上包括第二預設控件,所述第二預設控件用于跳轉至與所述第i個第二預覽元素對應的第i個第二用戶界面;
所述方法還包括:
接收到在所述第二預設控件上觸發(fā)的第二觸發(fā)操作;
根據所述第二觸發(fā)操作顯示分屏用戶界面,所述分屏用戶界面包括第一分屏和第二分屏,所述第一分屏用于顯示與所述第i個第二預覽元素對應的所述第i個第二用戶界面,所述第二分屏用于顯示所述第一用戶界面。
在一個可選的實施例中,所述操作接收模塊,還被配置為在第j個第一預覽元素上接收第一滑動操作,所述第一滑動操作是沿所述第一方向滑動的操作;
所述顯示模塊,被配置為將所述第j個第一預覽元素跟隨所述第一滑動操作沿所述第一方向進行滑動顯示,將所述第j個第一預覽元素滑出所述第一局部區(qū)域的部分進行隱藏,將第j-1個第一預覽元素滑入所述第一局部區(qū)域的部分進行顯示,j為大于1的整數,且j小于或等于n;
和/或,
所述操作接收模塊,還被配置為在第k個第一預覽元素上接收第二滑動操作,所述第二滑動操作是沿所述第二方向滑動的操作;
所述顯示模塊,還被配置為將所述第k個第一預覽元素跟隨所述第二滑動操作沿所述第二方向進行滑動顯示,將所述第k個第一預覽元素滑出所述第二局部區(qū)域的部分進行隱藏,將第j+1個第一預覽元素滑入所述第二局部區(qū)域的部分進行顯示,k為小于等于n的整數;
其中,所述第一方向和所述第二方向相反。
在一個可選的實施例中,所述顯示模塊,還被配置為顯示所述第一用戶界面,所述第一用戶界面包括至少一個界面元素;
所述操作接收模塊,還被配置為接收在所述第一用戶界面上觸發(fā)的選擇操作,所述選擇操作用于從所述至少一個界面元素中選擇出目標界面元素;
所述顯示模塊,還被配置為在所述第一用戶界面的第一局部區(qū)域上疊加顯示列表視圖控件,所述列表視圖控件包括與所述目標界面元素對應的n個第一預覽元素,n≥2,所述第i個第一預覽元素用于顯示與所述目標界面元素對應的第i個搜索結果的第一級信息,所述n個第一預覽元素在所述列表視圖控件中按照第一方向順序排列且第i個第一預覽元素的尾部與第i+1個第一預覽元素的首部相接,i為正整數且i≤n-1。
本公開實施例提供的技術方案的有益效果是:
用戶對第一預覽元素進行選擇操作之后,在第一用戶界面上的第二局部區(qū)域疊加顯示第二預覽元素,可以提供對搜索結果的兩級預覽,其中第一預覽元素上顯示的第一級信息可以是對搜索結果的概括性介紹,第二預覽元素上顯示的第二級信息可以是對搜索結果的詳細性介紹,用戶可以通過第一預覽元素進行簡要預覽后,再通過第二預覽元素進行精確預覽,提高選中感興趣的搜索結果的準確率,提高了用戶與終端在搜索過程中進行人機交互時的效率。
附圖說明
此處的附圖被并入說明書中并構成本說明書的一部分,示出了符合本公開的實施例,并于說明書一起用于解釋本公開的原理。
圖1是本公開一個示例性實施例提供的搜索結果顯示方法的流程圖;
圖2a至圖2b是本公開一個示例性實施例提供的搜索結果顯示方法在實施時的界面示意圖;
圖3是本公開另一個示例性實施例提供的搜索結果顯示方法的流程圖;
圖4a至圖4b是本公開另一個示例性實施例提供的搜索結果顯示方法在實施時的界面示意圖;
圖5是本公開另一個示例性實施例提供的搜索結果顯示方法的流程圖;
圖6a至圖6c是本公開另一個示例性實施例提供的搜索結果顯示方法在實施時的界面示意圖;
圖7是本公開另一個示例性實施例提供的搜索結果顯示方法的流程圖;
圖8a至圖8b是本公開另一個示例性實施例提供的搜索結果顯示方法在實施時的界面示意圖;
圖9是本公開一個示例性實施例提供的信息顯示裝置的框圖;
圖10是本公開一個示例性實施例提供的終端的框圖。
具體實施方式
這里將詳細地對示例性實施例進行說明,其示例表示在附圖中。下面的描述涉及附圖時,除非另有表示,不同附圖中的相同數字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本公開相一致的所有實施方式。相反,它們僅是與如所附權利要求書中所詳述的、本公開的一些方面相一致的裝置和方法的例子。
圖1是本公開一個示例性實施例提供的搜索結果顯示方法的流程圖。本實施例以該搜索結果顯示方法應用于終端中來舉例說明。該方法包括:
在步驟101中,在第一用戶界面上的第一局部區(qū)域疊加顯示n個第一預覽元素。
第一用戶界面可以是操作系統原生提供的應用程序的用戶界面,也可以是第三方應用程序的用戶界面。本申請中的“第三方”是指除用戶和操作系統兩方之外的另一方,不排除第三方和操作系統提供方實質上是同一組織的可能性。
終端在第一用戶界面的第一局部區(qū)域上疊加顯示n個第一預覽元素,該第一預覽元素為n個,存在至少兩個第一預覽元素中的第一級信息是不同的,n為正整數??蛇x地,n≥2。由于顯示屏的顯示區(qū)域的大小限制,在第一用戶界面上正在顯示的第一預覽元素是n個第一預覽元素的全部或者一部分。
第一局部區(qū)域是底部區(qū)域、頂部區(qū)域、左邊框區(qū)域、右邊框區(qū)域中的任意一個。第一局部區(qū)域是顯示屏的整個顯示區(qū)域中的一部分,通常是整個顯示區(qū)域中未遮蓋住目標界面元素的區(qū)域??蛇x地,若顯示屏包括主屏和副屏,則局部區(qū)域是副屏所在的區(qū)域。可選的,第一局部區(qū)域為矩形區(qū)域,第一局部區(qū)域的寬度等于第一用戶界面底邊寬度,高度小于第一用戶界面?zhèn)冗叺囊话搿?/p>
第i個第一預覽元素中顯示第i個搜索結果的第一級信息,可選的,搜索結果的第一級信息包括:人名信息、地名信息、百科介紹信息、導航信息、行程信息、用戶評論信息、購物信息和網站信息中的至少一種。
在步驟102中,接收在第i個第一預覽元素上觸發(fā)的觸發(fā)操作。
可選地,觸發(fā)操作可以是對第一預覽元素的點擊操作、長按操作、壓力觸控操作、多次點擊操作、懸浮觸控操作和雙指觸控操作中的至少一種。
其中,點擊操作是指用戶點擊觸摸屏的操作,長按操作是按壓觸摸屏的時長超過第一時長的操作;壓力觸控操作是按壓壓力超過預設壓力值的操作;多次點擊操作是在預定時長內點擊次數超過預定次數的操作;懸浮觸控操作是懸浮在觸摸屏上方的時長超過第二時長的操作;雙指觸控操作是用戶使用雙指同時點擊觸摸屏的操作。
可選地,在第i個第一預覽元素中存有對應的url地址,在第i個第一預覽元素上觸發(fā)的觸發(fā)操作會使第一預覽元素跳轉至對應的第i個第二預覽元素,第二預覽元素上的顯示的是與url地址對應的網頁頁面。
在步驟103中,在第一用戶界面上的第二局部區(qū)域疊加顯示第i個第二預覽元素。
示意性的,第二局部區(qū)域是顯示屏的中部區(qū)域。第二局部區(qū)域是顯示屏的整個顯示區(qū)域中的一部分。示意性的,第二局部區(qū)域為矩形區(qū)域,第二局部區(qū)域的寬度小于或等于第一用戶界面底邊寬度,大于底邊寬度的一半,高度小于或等于側邊高度,大于第一用戶界面?zhèn)冗叺囊话?,本實施例并不限定第二局部區(qū)域的位置和大小。
可選地,第二預覽元素是對與url地址對應的網頁頁面的全屏界面的縮小,比如將網頁頁面的全屏界面按照80%的比例縮小后的畫面。
可選地,第二預覽元素為一個可操作的控件元素,第二預覽元素為按照80%的比例縮小后的瀏覽器搜索界面,該界面不包含地址欄和工具欄部分。
第i個第二預覽元素中顯示第i個搜索結果的第二級信息,可選的,搜索結果的第二級信息包括:人名信息、地名信息、百科介紹信息、導航信息、行程信息、用戶評論信息、購物信息和網站信息中的至少一種。第i個搜索結果的第二級信息的信息量大于第一級信息的信息量??蛇x的,第二預覽元素的排列方式包括但不限于:第i個第二預覽元素和第i+1個第二預覽元素并列平鋪排列,以第i個第二預覽元素為主進行顯示,第i+1個第二預覽元素為輔進行顯示,第i+1個第二預覽元素只顯示一部分,來向用戶表示可以滑動,第i+1個第二預覽元素也可以不顯示,本實施例不限定。
以第i個第二預覽元素和第i+1個第二預覽元素并列平鋪排列為例,結合圖2a可知,第一用戶界面21中存在第一局部區(qū)域211,在第一局部區(qū)域中顯示有第i個第一預覽元素22,第i個第一預覽元素中顯示第i個搜索結果的第一級信息。當用戶在第i個第一預覽元素22上觸發(fā)了觸發(fā)操作后,第一用戶界面21中的第二局部區(qū)域212中顯示第i個第二預覽元素23以及第i+1個第二預覽元素24的部分區(qū)域,第i個第二預覽元素23中顯示第i個搜索結果的第二級信息。
以第i個第二預覽元素和第i+1個第二預覽元素部分重疊排列為例,結合圖2b可知,第一用戶界面21中存在第一局部區(qū)域211,在第一局部區(qū)域中顯示有第i個第一預覽元素22,第i個第一預覽元素中顯示第i個搜索結果的第一級信息。當用戶在第i個第一預覽元素22上觸發(fā)了觸發(fā)操作后,第一用戶界面21中的第二局部區(qū)域212中顯示第i個第二預覽元素25以及第i+1個第二預覽元素26的部分區(qū)域,第i+1個第二預覽元素26的與第i個第二預覽元素25重疊部分被第i個第二預覽元素25遮蓋,第i個第二局部區(qū)域25中顯示第i個搜索結果的第二級信息。
圖3是本公開另一個示例性實施例提供的搜索結果顯示方法的流程圖。本實施例以該搜索結果顯示方法應用于終端中來舉例說明。該方法包括:
在步驟201中,顯示應用程序的第一用戶界面,第一用戶界面中包括至少一個界面元素;
終端中安裝的應用程序包括:操作系統提供的原生應用程序,和/或,用戶自行安裝的第三方應用程序。
對于一個應用程序,通常包括有多個用戶界面。在終端中位于前臺運行的應用程序的用戶界面,會優(yōu)先顯示在終端的顯示屏中。
第一用戶界面上包括至少一個界面元素,每個界面元素均為第一用戶界面上的一個組成部分,界面元素包括但不限于:文本、圖片、音頻和視頻中的至少一種。
在步驟202中,接收在第一用戶界面上觸發(fā)的選擇操作,該選擇操作用于選擇至少一個界面元素中的目標界面元素;
選擇操作包括但不限于:長按操作、壓力觸控操作、多次點擊操作、懸浮觸控操作和雙指觸控操作中的至少一種。
其中,長按操作是按壓觸摸屏的時長超過第一時長的操作;壓力觸控操作是按壓壓力超過預設壓力值的操作;多次點擊操作是在預定時長內點擊次數超過預定次數的操作;懸浮觸控操作是懸浮在觸摸屏上方的時長超過第二時長的操作;雙指觸控操作是用戶使用雙指同時點擊觸摸屏的操作。
目標界面元素是至少一個界面元素中的一個界面元素(不排除是兩個或更多的可能性),目標界面元素通常是文本和圖片中的至少一種。目標界面元素具有內容信息,當目標界面元素是文本時,內容信息是字符;當目標界面元素是圖片時,內容信息是對圖片進行ocr識別出的文字,或,內容信息是對圖片進行圖像識別出的物體的屬性信息和/或類別信息。可選地,該圖片是靜態(tài)圖片、動態(tài)圖片中的一幀或視頻中的一幀。
在步驟203中,在第一用戶界面的第一局部區(qū)域疊加顯示列表視圖控件,列表視圖控件包括n個第一預覽元素。
可選的,列表視圖控件包括n個第一預覽元素,n≥2,所述n個第一預覽元素在所述列表控件中按照第一方向順序排列且第i個顯示元素的尾部與第i+1個顯示元素的首部相接,i為正整數且i≤n-1。
在步驟204中,接收在第i個第一預覽元素上觸發(fā)的觸發(fā)操作。
觸發(fā)操作包括但不限于:點擊操作、長按操作、壓力觸控操作、多次點擊操作、懸浮觸控操作和雙指觸控操作中的至少一種。
其中,點擊操作是指用戶點擊觸摸屏的操作;長按操作是按壓觸摸屏的時長超過第一時長的操作;壓力觸控操作是按壓壓力超過預設壓力值的操作;多次點擊操作是在預定時長內點擊次數超過預定次數的操作;懸浮觸控操作是懸浮在觸摸屏上方的時長超過第二時長的操作;雙指觸控操作是用戶使用雙指同時點擊觸摸屏的操作。
在步驟205中,在第一用戶界面上的第二局部區(qū)域疊加顯示第i個第二預覽元素。
示意性的,第二局部區(qū)域是顯示屏的中部區(qū)域。第二局部區(qū)域是顯示屏的整個顯示區(qū)域中的一部分。可選的,第二局部區(qū)域為矩形區(qū)域,第二局部區(qū)域的寬度等于第一用戶界面底邊寬度,高度大于第一用戶界面?zhèn)冗叺囊话搿?/p>
示意性的,本實施例中以第二局部區(qū)域是顯示屏的中部區(qū)域,第二局部區(qū)域為矩形區(qū)域,第二局部區(qū)域的寬度小于第一用戶界面底邊的寬度,高度大于第一用戶界面?zhèn)冗叺囊话霝槔?。在不同的實施例中,第二局部區(qū)域也可以是屏幕上方區(qū)域、下方區(qū)域、左側區(qū)域、右側區(qū)域中的至少一種;第二局部區(qū)域也可以是橢圓形區(qū)域、六邊形區(qū)域、不規(guī)則圖形區(qū)域中的至少一種;第二局部區(qū)域的寬度也可以是等于第一用戶界面的底邊寬度,第二局部區(qū)域的高度也可以是等于第一用戶界面的側邊高度的一半,本實施例對第二局部區(qū)域的位置、形狀、寬度和高度不加以限制。
第i個第二預覽元素中顯示第i個搜索結果的第二級信息,可選的,搜索結果的第二級信息包括:人名信息、地名信息、百科介紹信息、導航信息、行程信息、用戶評論信息、購物信息和網站信息中的至少一種。第i個搜索結果的第二級信息的信息量大于第一級信息的信息量。可選的,第二預覽元素的排列方式包括但不限于:第i個第二預覽元素和第i+1個第二預覽元素并列排列、第i個第二預覽元素和第i+1個第二預覽元素部分重疊排列。
在步驟206中,在第i個第二預覽元素上接收第一滑動操作。
可選的,第一滑動操作沿第一方向進行滑動的操作??蛇x的,第一滑動方向包括但不限于:沿水平方向向左排列、沿垂直方向向上排列。
在步驟207中,將第i個第二預覽元素跟隨第一滑動操作沿第一方向進行滑動顯示。
沿第一方向進行滑動顯示是指將第i個第二預覽元素跟隨第一滑動操作向第一方向滑動,將滑出第一用戶界面的部分隱藏顯示,并將滑入第一用戶界面的部分進行顯示。
以第一滑動方向為水平方向向左為例,結合圖4a可知,第i個第二預覽元素31與第i+1個第二預覽元素32沿水平方向向右平鋪排列,用戶在第i個第二預覽元素31上沿水平方向向左進行滑動操作后,將滑出第一用戶界面的第i個第二預覽元素31部分隱藏顯示,將滑入第一用戶界面的第i+1個第二預覽元素32進行顯示,并將滑入第一用戶界面的第i+2個第二預覽元素33的部分進行顯示,當i等于n時,第i個第二預覽元素的滑動情況包括但不限于:不跟隨第一滑動操作沿第一方向進行滑動顯示、跟隨第一滑動操作沿第一方向進行滑動且在第一用戶界面上顯示無更多第二預覽元素的信息中的至少一種,無更多第二預覽元素的信息包括但不限于:跟隨第一滑動操作沿第一方向發(fā)生相應的拉伸形變動畫、跟隨第一操作沿第一方向進行滑動并在滑動后在第一用戶界面上顯示無更多第二預覽元素的提示性語句,本公開對此不加以限制。
在步驟208中,在第i個第二預覽元素上接收第二滑動操作。
可選的,第二滑動操作沿第二方向進行滑動的操作??蛇x的,第二方向包括但不限于:沿水平方向向右排列、沿垂直方向向下排列。
在步驟209中,將第i個第二預覽元素跟隨第二滑動操作沿第二方向進行滑動顯示。
沿第二方向進行滑動顯示是指將第i個第二預覽元素跟隨第二滑動操作向第二方向滑動,將滑出第一用戶界面的部分隱藏顯示,并將滑入第一用戶界面的部分進行顯示。
以第二滑動方向為水平方向向右為例,結合圖4b可知,第i個第二預覽元素31與第i-1個第二預覽元素34沿水平方向向右平鋪排列,用戶在第i個第二預覽元素31上沿水平方向向右進行滑動操作后,將滑出第一用戶界面的第i個第二預覽元素31部分隱藏顯示,將滑入第一用戶界面的第i-1個第二預覽元素34進行顯示,并將滑入第一用戶界面的第i-2個第二預覽元素36的部分進行顯示,當i等于1時,第i個第二預覽元素不跟隨第二滑動操作沿第二方向進行滑動顯示。
上述實施例中所述的步驟206和步驟207所描述的第一滑動顯示過程與步驟208和步驟209所描述的第二滑動顯示過程為兩個獨立存在的滑動顯示過程,在不同的實施例中:第一滑動顯示過程與第二滑動顯示過程可以交替執(zhí)行,可以僅執(zhí)行第一滑動顯示過程也可以僅執(zhí)行第二滑動顯示過程;第一滑動顯示過程可在第二滑動顯示過程之前執(zhí)行,也可在第二滑動顯示過程之后執(zhí)行,第一滑動顯示過程與第二滑動顯示過程也可以都不執(zhí)行,具體的執(zhí)行方式視終端接收到的用戶的滑動操作而定,本公開對此不加以限定。
綜上所述,本公開提供的搜索結果顯示方法,在用戶對第一預覽元素進行選擇操作之后,在第一用戶界面上的第二局部區(qū)域疊加顯示第二預覽元素,用戶可以對第二局部區(qū)域顯示的不同第二預覽元素之間進行切換,如:對第二局部區(qū)域中顯示的不同第二預覽元素進行左右切換,從而對多個第二預覽元素顯示的搜索結果信息的第二級信息進行快速的預覽,減少了用戶在搜索過程中的操作次數,提高了用戶與終端進行人機交互時的效率。
在基于圖3實施例的可選實施例中,步驟205之后還可以包括如下步驟306至步驟309,如圖5所示:
在步驟306中,在第i個第二預覽元素上接收第三滑動操作。
第三滑動操作是對第i個第二預覽元素內的顯示內容沿第三滑動操作方向進行滑動,將滑出第i個第二局部區(qū)域的部分進行隱藏顯示,并將滑入第i個第二局部區(qū)域的部分進行顯示。
可選的,第三滑動操作方向包括但不限于:垂直方向向上滑動。
在步驟307中,根據滑動操作對第i個第二預覽元素內的顯示內容沿第三滑動操作方向進行滑動顯示。
以第三滑動操作方向為垂直方向向上為例,結合圖6a可知,在第i個第二預覽元素23上接收垂直方向向上的滑動操作后,根據滑動操作的方向對第i個第二預覽元素內的顯示內容沿垂直方向向上進行滑動后得到第i個第二預覽元素27,將滑出第i個第二局部區(qū)域的部分進行隱藏顯示,并將滑入第i個第二局部區(qū)域的部分進行顯示。
可選的,當接收到在第i個第二預覽元素上的滑動操作后,終端檢測第i個第二預覽元素的顯示內容沿滑動操作的方向上是否存在未顯示的部分,若存在未顯示的部分,則根據第三滑動操作對第i個第二預覽元素內的顯示內容進行滑動顯示,將顯示內容中滑出第二局部區(qū)域的部分進行隱藏顯示,將顯示內容中滑入所述第二局部區(qū)域的部分進行顯示;
以第三滑動操作的滑動方向為垂直方向向上為例,結合圖6c可知,在本實施例中,第二預覽元素是一個隱藏了地址欄的網頁瀏覽器,第二預覽元素上顯示有標題欄和正文部分,標題欄包括了圖標、標題和按鈕等部分,由于正文部分的顯示內容可能比較長,所以在正文部分的顯示內容較長時提供了可以上下滑動查看的機制。示意性的,在第i個第二預覽元素51上接收垂直方向向上的滑動操作后,檢測第二預覽元素51在垂直向下方向上是否有未顯示內容,若存在未顯示內容,根據第三滑動操作的方向對第i個第二預覽元素內的顯示內容沿垂直方向向上進行滑動,將顯示內容中滑出第i個第二局部區(qū)域的部分進行隱藏顯示,并將滑入第i個第二局部區(qū)域的部分進行顯示。
在步驟308中,在第i個第二預覽元素上接收第四滑動操作。
第四滑動操作是對第i個第二預覽元素內的顯示內容沿第四滑動操作方向進行滑動,將滑出第i個第二局部區(qū)域的部分進行隱藏顯示,并將滑入第i個第二局部區(qū)域的部分進行顯示。
可選的,第四滑動操作方向包括但不限于:垂直方向向下滑動。
在步驟309中,根據滑動操作對第i個第二預覽元素內的顯示內容沿第四滑動操作方向進行滑動顯示。
以第四滑動操作方向為垂直方向向下為例,結合圖6b可知,在第i個第二預覽元素23上接收垂直方向向下的滑動操作后,根據滑動操作的方向對第i個第二預覽元素內的顯示內容沿垂直方向向下進行滑動,將顯示內容中滑出第i個第二局部區(qū)域的部分進行隱藏顯示,并將滑入第i個第二局部區(qū)域的部分進行顯示。
上述實施例中所述的步驟306和步驟307所描述的第三滑動顯示過程與步驟308和步驟309所描述的第四滑動顯示過程為兩個獨立存在的滑動顯示過程。在不同的實施例中:第三滑動顯示過程與第四滑動顯示過程可以交替執(zhí)行,可以僅執(zhí)行第三滑動顯示過程也可以僅執(zhí)行第四滑動顯示過程,第三滑動顯示過程可在第四滑動顯示過程之前執(zhí)行,也可在第四滑動顯示過程之后執(zhí)行,第三滑動顯示過程與第四滑動顯示過程也可以都不執(zhí)行,具體的執(zhí)行方式視終端接收到的用戶的滑動操作而定,本公開對此不加以限定。
還需要說明的是,步驟206和步驟207所描述的第一滑動顯示過程,步驟208和步驟209所描述的第二滑動顯示過程,步驟306和步驟307所描述的第三滑動顯示過程以及步驟308和步驟309所描述的第四滑動顯示過程分別為四個獨立的滑動顯示過程,第一滑動顯示過程、第二滑動顯示過程、第三滑動顯示過程和第四滑動顯示過程之間也可以交替執(zhí)行,可以僅執(zhí)行其中任意一個或任意幾個滑動顯示過程,其中任意一個滑動顯示過程可以在任意其他三個滑動顯示過程之前執(zhí)行也可在其他三個滑動顯示過程之后執(zhí)行,四個獨立的滑動顯示過程也可都不執(zhí)行,具體的執(zhí)行方式視終端接收到的用戶的滑動操作而定。本公開對此不加以限定。
在上述實施例中,以第一方向、第二方向、第三方向以及第四方向分別為水平方向向左、水平方向向右、垂直方向向上以及垂直方向向下為例。在其它可能的實施例中,第一方向、第二方向、第三方向以及第四方向還可以分別是垂直方向向上、垂直方向向下、水平方向向左以及水平方向向右,對此本公開不加以限定。綜上所述,本公開提供的搜索結果顯示方法,在用戶對第一預覽元素進行選擇操作之后,在第一用戶界面上的第二局部區(qū)域疊加顯示第二預覽元素,用戶可以通過對第二局部區(qū)域進行上下滑動,以便查看第二局部區(qū)域的正文部分中被隱藏的顯示內容,提高了用戶與終端進行人機交互時的效率。
在基于圖3實施例的可選實施例中,步驟205之后還包括如下步驟407至步驟408,如圖7所示:
在步驟407中,接收在第一預設控件上觸發(fā)的第一觸發(fā)操作。
第一預設控件是用于接收第一觸發(fā)操作的控件。
可選地,第一預設控件為顯示在第二預覽元素上方的一個按鈕,點擊該按鈕可觸發(fā)打開第二用戶界面的操作。本公開對此不加以限定。
在步驟408中,根據第一觸發(fā)操作跳轉顯示與第i個第二預覽元素對應的第i個第二用戶界面。
第二用戶界面是指搜索結果所對應的用戶界面。
可選的,第二用戶界面占據了顯示屏上除頂部狀態(tài)欄以外的全部區(qū)域;或,顯示屏上包括頂部狀態(tài)欄的全部區(qū)域。
在步驟409中,接收在第二預設控件上的第二觸發(fā)操作。
第二預設控件是用于接收第二觸發(fā)操作的控件。
可選地,第二預設控件為顯示在第二預覽元素上方的邊框部分,向上拖動該邊框部分到觸摸屏頂部,可觸發(fā)打開第二用戶界面的操作。
在本實施例中,以向上拖動該邊框部分到觸摸屏的頂部可觸發(fā)打開第二用戶界面的操作為例,在實際的操作過程中,還可以向下拖動第二預覽元素下方的邊框部分至觸摸屏底部,或向左拖動第二預覽元素左側的邊框部分至觸摸屏的左側,或向右拖動第二預覽元素右側的邊框部分至觸摸屏的右側來觸發(fā)打開第二用戶界面的操作,本公開對此不加以限定。
在步驟410中,根據第二觸發(fā)操作顯示分屏用戶界面,該分屏用戶界面包括第一分屏和第二分屏,第一分屏用于顯示與第i個第二預覽元素對應的第i個第二用戶界面,第二分屏用于顯示第一用戶界面;
在上述實施例中,步驟407和步驟408所描述的第一跳轉顯示過程與步驟409和步驟410所描述的第二跳轉顯示過程為兩個獨立存在的跳轉顯示過程,用戶可以選擇單獨觸發(fā)第一跳轉顯示過程或單獨觸發(fā)第二跳轉顯示過程。
在一個可選的實施例中,第二用戶界面是:瀏覽器或預定應用程序提供的界面。預定應用程序為與第二預覽元素對應的預定應用程序,第二預覽元素中為搜索結果的第二級信息,第一預覽元素中為搜索結果的第一級信息,第二級信息為第一級信息的詳細搜索信息。搜索結果的第一級信息包括但不限于:人名信息、地名信息、百科介紹信息、影視作品信息和購物信息中的至少一種。當然,搜索結果的第一級信息也可以包括其它未示出的信息,或者,搜索結果的第一級信息僅包括其它未示出的信息,而不包括上述列舉的信息。
示意性的:
當搜索結果的第一級信息包括:人名信息時,第二預覽元素跳轉到的用戶界面包括但不限于:瀏覽器的搜索引擎中對人名信息的搜索結果界面、人名在本地通訊錄中匹配的聯系人用戶界面中的至少一種。
當搜索結果的第一級信息包括:地名信息時,第二預覽元素跳轉到的用戶界面包括但不限于:瀏覽器的搜索引擎對地名信息的搜索結果界面、以該地點為為目的地的導航軟件用戶界面、該地點信息在本地應用或網絡上的收藏入口中的至少一種。
當搜索結果的第一級信息包括:百科介紹信息時,第二預覽元素跳轉到的用戶界面包括但不限于:瀏覽器的搜索引擎對百科介紹信息的搜索結果界面、該百科介紹信息在本地應用或網絡上的收藏入口中的至少一種。
當搜索結果的第一級信息包括:影視作品信息時,第二預覽元素跳轉到的用戶界面包括但不限于:瀏覽器的搜索引擎對影視作品信息的搜索結果界面、該影視作品信息在本地應用或網絡上的收藏入口、該影視作品在網絡上的購票入口中的至少一種。
當搜索結果的第一級信息包括:購物信息時,第二預覽元素跳轉到的用戶界面包括但不限于:瀏覽器的搜索引擎對購物信息的搜索結果界面、該購物信息在本地應用或網絡上的收藏入口、該購物信息在網絡上的物流查詢中的至少一種。
示意性的,結合圖8a可知,用戶在第一用戶界面a中點擊在第i個第二預覽元素上方的第一預設控件35后,根據觸發(fā)操作跳轉顯示與第i個第二預覽元素對應的第i個第二用戶界面b,第二用戶界面b中的界面內容37與第i個第二預覽元素中的第二級信息相對應,其中,第一用戶界面a與第二用戶界面b為兩個不同的用戶界面。
示意性的,結合圖8b可知,用戶在第一用戶界面a垂直向上拖動第i個第二預覽元素的邊框部分38至觸摸屏頂部后,終端的顯示屏顯示為分屏用戶界面,分為第一分屏39以及第二分屏40。其中,第一分屏39中顯示的是第二用戶界面b,即與第i個第二預覽元素對應的搜索結果界面;第二分屏40中顯示的是第一用戶界面a,其中,第一用戶界面a與第二用戶界面b為兩個不同的用戶界面。
可選地,第一分屏39占據分屏用戶界面的一部分顯示區(qū)域,第二分屏40占據分屏用戶界面的另一部分顯示區(qū)域。其中,第一分屏39中顯示的是第二用戶界面b的全部的縮小版或一部分界面內容;第二分屏40顯示的是第一用戶界面a的全部的縮小版或一部分界面內容。
在上述實施例中,以第一分屏39中顯示的是第二用戶界面b,第二分屏40中顯示的是第一用戶界面a為例,在實際操作中,第一分屏39中顯示的可以是第一用戶界面a,而第二分屏40中顯示的可以是第二用戶界面b,且分屏用戶界面的分屏方式可以是第一分屏是屏幕上半部分、第二屏是屏幕下半部分,也可以是第一分屏是屏幕左半部分和第二分屏是屏幕右半部分。
在一個可選的實施例中,可以由第i個第一預覽元素直接跳轉到與第i個搜索結果對應的第二用戶界面,而不需要顯示第i個第二預覽元素,此時圖1所示的流程圖中,步驟101至103可替換實現為如下步驟101’至103’:在步驟101’中,在第一用戶界面上的第一局部區(qū)域疊加顯示n個第一預覽元素。
在步驟102’中,接收在第i個第一預覽元素上觸發(fā)的觸發(fā)操作。
在步驟103’中,跳轉顯示與第i個第一預覽元素對應的第i個第二用戶界面。
可選地,操作系統還可以預先提供模式選擇控件,該模式選擇控件的配置項包括:第一模式與第二模式。當該配置項被配置為第一模式時,終端按照如圖1所示的流程圖完成步驟101至步驟103所示出的搜索結果顯示方法;當該配置項被配置為第二模式時,終端按照上述步驟101’至步驟103’完成所述搜索結果顯示方法。
圖9示出了本公開一個示例性實施例提供的搜索結果顯示裝置的框圖,該搜索結果顯示裝置可以通過軟件、硬件和/或兩者的結合實現成為終端的全部和一部分,該裝置中安裝有操作系統和應用程序,所述裝置包括:
顯示模塊710,被配置為在第一用戶界面上的第一局部區(qū)域疊加顯示n個第一預覽元素;
操作接收模塊720,被配置為接收在所述第i個第一預覽元素上觸發(fā)的觸發(fā)操作;
在一個可選地實施例中,所述顯示模塊710,被配置為在第一用戶界面的第二局部區(qū)域上疊加顯示列表視圖控件;
在一個可選地實施例中,所述操作接收模塊,還被配置為在所述第i個第二預覽元素上接收第一滑動操作,所述第一滑動操作是沿第一方向滑動的操作;
所述顯示模塊,還被配置為將所述第i個第二預覽元素跟隨所述第一滑動操作沿所述第一方向進行滑動顯示;
和/或,
所述操作接收模塊,還被配置為在所述第i個第二預覽元素上接收第二滑動操作,所述第二滑動操作是沿所述第二方向滑動的操作;
所述顯示模塊,還被配置為將所述第i個第二預覽元素跟隨所述第二滑動操作沿所述第二方向進行滑動顯示;
在一個可選地實施例中,所述裝置還包括:
緩存模塊,被配置為緩存至少一個第二預覽元素對應的顯示內容;
在一個可選地實施例中,所述操作接收模塊,還被配置為在所述第i個第二預覽元素上接收第三滑動操作,所述第三滑動操作是沿第三方向滑動的操作;
所述顯示模塊,被配置為根據所述第三滑動操作對所述第i個第二預覽元素內的顯示內容沿所述第三方向進行滑動顯示;
和/或,
所述操作接收模塊,還被配置為在所述第i個第二預覽元素上接收第四滑動操作,所述第四滑動操作是沿第四方向滑動的操作;
所述顯示模塊,被配置為根據所述第四滑動操作對所述第i個第二預覽元素內的顯示內容沿所述第四方向進行滑動顯示;
在一個可選地實施例中,所述操作接收模塊,被配置為接收在所述第一預設控件上觸發(fā)的第一觸發(fā)操作;
所述顯示模塊,被配置為根據所述第一觸發(fā)操作跳轉顯示與所述第i個第二預覽元素對應的第i個第二用戶界面,所述第i個第二用戶界面是所述第i個搜索結果對應的用戶界面;
在一個可選地實施例中,所述操作接收模塊,被配置為接收到在所述第二預設控件上觸發(fā)的第二觸發(fā)操作;
所述顯示模塊,被配置為根據第二觸發(fā)操作顯示分屏用戶界面,該分屏用戶界面包括第一分屏和第二分屏,第一分屏用于顯示與第i個第二預覽元素對應的第i個第二用戶界面,第二分屏用于顯示所述第一用戶界面。
在一個可選地實施例中,所述所述操作接收模塊,被配置為在第j個第一預覽元素上接收第一滑動操作,所述第一滑動操作是沿所述第一方向滑動的操作;
所述顯示模塊,被配置為將所述第j個第一預覽元素跟隨所述第一滑動操作沿所述第一方向進行滑動顯示;
和/或,
在第k個第一預覽元素上接收第二滑動操作,所述第二滑動操作是沿所述第二方向滑動的操作;
所述顯示模塊,被配置為將所述第k個第一預覽元素跟隨所述第二滑動操作沿所述第二方向進行滑動顯示;
在一個可選地實施例中,所述顯示模塊,被配置為顯示所述第一用戶界面,所述第一用戶界面包括至少一個界面元素;
所述操作接收模塊,被配置為接收在所述第一用戶界面上觸發(fā)的選擇操作,所述選擇操作用于從所述至少一個界面元素中選擇出目標界面元素;
所述顯示模塊,被配置為在所述第一用戶界面的第一局部區(qū)域上疊加顯示列表視圖控件。
圖10示出了本公開一個示例性實施例提供的終端的結構示意圖,該終端包括:顯示屏41、處理器42、存儲器43和網絡接口44。
處理器42包括一個或一個以上的處理核心。
存儲器43用于存儲程序指令和/或數據,處理器42被配置為執(zhí)行存儲器43中的程序指令,從而實現各種功能應用以及數據處理。可選地,存儲器43中存儲的程序指令被執(zhí)行時用于實現本公開各個實施例提供的信息顯示方法中由終端執(zhí)行的步驟。存儲器43可以包括高速隨機存取存儲器,還可以包括非易失性存儲器,例如至少一個磁盤存儲器件、閃存器件、或其他易失性固態(tài)存儲器件。
顯示屏41用于顯示用戶界面和接收外部輸入的觸摸操作??蛇x地,顯示屏41是觸摸屏,該觸摸屏可以收集用戶在其上或附近的觸摸操作。可選地,觸摸屏是支持懸浮觸控的觸摸屏,和/或,支持壓力觸控的觸摸屏。
可選地,存儲器43存儲有至少一條程序指令,所述指令由處理器加載并執(zhí)行以實現上述任一實施例的搜索結果顯示方法。
網絡接口44用于實現與終端之間、或與其它服務器之間的通信,網絡接口44可以是有線通信組件,比如,光纖接口、rj45網卡及接口等。網絡接口44也可以是無線通信組件。
在示例性實施例中,還提供了一種計算機可讀存儲介質,例如包括指令的存儲器43,上述指令可由處理器42執(zhí)行以實現圖1、圖3、圖4、圖6、圖7和圖9所示的至少一個方法實施例中的搜索結果顯示方法的步驟。例如,非臨時性計算機可讀存儲介質可以使rom、隨機存取存儲器(英文:random-accessmemory,簡稱:ram)、cd-rom、磁帶、軟盤和光數據存儲設備等。
本領域技術人員在考慮說明書及實踐這里公開的發(fā)明后,將容易想到本公開的其它實施方案。本申請旨在涵蓋本公開的任何變型、用途或者適應性變化,這些變型、用途或者適應性變化遵循本公開的一般性原理并包括本公開未公開的本技術領域中的公知常識或慣用技術手段。說明書和實施例僅被視為示例性的,本公開的真正范圍和精神由下面的權利要求指出。
應當理解的是,本公開并不局限于上面已經描述并在附圖中示出的精確結構,并且可以在不脫離其范圍進行各種修改和改變。本公開的范圍僅由所附的權利要求來限制。