[發(fā)明專利]一種圖片折疊交互動畫的實現(xiàn)方法和裝置

在審

• 申請?zhí)枺?/td>: 201611059516.9
• 申請日: 2016-11-22
• 公開（公告）號: CN106775379A
• 公開（公告）日: 2017-05-31
• 發(fā)明（設計）人: 李偉
• 申請（專利權）人: 騰訊音樂娛樂（深圳）有限公司
• 主分類號: G06F3/0488
• 分類號: G06F3/0488;G06F3/0484;G06F3/0481
• 代理公司: 廣州三環(huán)專利代理有限公司44202
• 代理人: 郝傳鑫,熊永強

技術領域

本發(fā)明涉及計算機技術領域，尤其涉及一種圖片折疊交互動畫的實現(xiàn)方法和裝置。

背景技術

在Android(操作系統(tǒng))視覺交互風格界面中，有兩種交互動畫受到人們的青睞，其中一種交互動畫是共享元素動畫，即當兩個頁面中包含視覺相同的共享元素時，那么在這兩個頁面中進行切換時，會出現(xiàn)共享元素逐漸變化的一個過渡動畫；另一種交互動畫是圖片折疊動畫，即在有工具欄的頁面中對列表視圖進行滑動時，界面中的圖片會隨著列表視圖的滑動折疊或展開，工具欄也會隨著列表視圖的滑動出現(xiàn)或消失。

本發(fā)明的發(fā)明人在研究過程中發(fā)現(xiàn)，現(xiàn)有技術中采用ActivityOptionsCompat(過渡動畫兼容，指視覺交互設計中的一種方法)來實現(xiàn)共享元素動畫，采用CoordinatorLayout(協(xié)調布局，指一種頁面布局視圖)布局、AppBarLayout(應用工具欄布局，指一種垂直布局視圖)組件以及CollapsingToolbarLayout(折疊工具欄布局，指一種可折疊工具欄的布局)組件來實現(xiàn)圖片折疊動畫，其中，現(xiàn)有技術實現(xiàn)圖片折疊動畫的層級嵌套關系如圖1所示，CoordinatorLayou布局為根布局，CoordinatorLayou布局下嵌套RecyclerView(循環(huán)視圖，指一種滑動視圖)組件和AppBarLayout組件，AppBarLayout組件下嵌套CollapsingToolbarLayout組件，CollapsingToolbarLayout組件下嵌套View(圖片)組件和Toolbar(工具欄)組件，如果將圖片折疊動畫和共享元素動畫進行結合則View組件中的內容為共享元素，即共享元素處于第4層級，而在Android 5.0系統(tǒng)上共享元素所在層級超過3層會導致共享元素動畫失效，即采用現(xiàn)有技術實現(xiàn)圖片折疊動畫與共享元素動畫的結合會導致共享元素動畫失效，另外，采用CoordinatorLayout布局實現(xiàn)圖片折疊動畫時滑動視圖的滑動效果不流暢。

發(fā)明內容

本發(fā)明提供一種圖片折疊交互動畫的實現(xiàn)方法和裝置，與共享元素動畫結合時保證共享元素動畫的正常顯示，同時使滑動視圖的滑動效果更為流暢。

本發(fā)明實施例第一方面提供一種折疊交互動畫的實現(xiàn)方法，所述方法包括：

獲取用戶在共享交互界面上針對滑動視圖組件的滑動操作，所述共享交互界面包括所述滑動視圖組件、共享元素視圖組件以及工具欄組件，其中所述滑動視圖組件和所述共享元素視圖組件在所述共享交互界面中的顯示區(qū)域互不重疊；

根據(jù)所述滑動操作將所述滑動視圖組件的顯示區(qū)域在所述共享交互界面中進行移動；

監(jiān)聽所述滑動視圖組件的顯示區(qū)域的移動，并根據(jù)所述滑動視圖組件的顯示區(qū)域的移動在所述共享交互界面中放大或縮小所述共享元素視圖組件的顯示區(qū)域；

根據(jù)所述共享元素視圖組件的顯示區(qū)域調整所述工具欄組件的顯示效果。

相應的，本發(fā)明實施例第二方面提供一種圖片折疊交互動畫的實現(xiàn)裝置，所述裝置包括：

滑動操作獲取模塊，用于獲取用戶在共享交互界面上針對滑動視圖組件的滑動操作，所述共享交互界面包括所述滑動視圖組件、共享元素視圖組件以及工具欄組件，其中所述滑動視圖組件和所述共享元素視圖組件在所述共享交互界面中的顯示區(qū)域互不重疊；

滑動視圖移動模塊，用于根據(jù)所述滑動操作將所述滑動視圖組件的顯示區(qū)域在所述共享交互界面中進行移動；

共享視圖移動模塊，用于監(jiān)聽所述滑動視圖組件的顯示區(qū)域的移動，并根據(jù)所述滑動視圖組件的顯示區(qū)域的移動在所述共享交互界面中放大或縮小所述共享元素視圖組件的顯示區(qū)域；

工具欄顯示模塊，用于根據(jù)所述共享元素視圖組件的顯示區(qū)域調整所述工具欄組件的顯示效果。

本發(fā)明實施例通過獲取用戶的滑動操作，根據(jù)所述滑動操作將滑動視圖組件的顯示區(qū)域在共享交互界面中進行移動，監(jiān)聽所述滑動視圖組件的顯示區(qū)域的移動，根據(jù)所述滑動視圖組件的顯示區(qū)域的移動在所述共享交互界面中放大或縮小共享元素視圖組件的顯示區(qū)域，實現(xiàn)圖片的折疊與展開，同時根據(jù)所述共享元素視圖組件的顯示區(qū)域調整工具欄組件的顯示效果，實現(xiàn)工具欄的出現(xiàn)與消失，直接利用滑動視圖組件來實現(xiàn)滑動視圖的滑動使得滑動視圖的滑動更加流暢。

附圖說明

為了更清楚地說明本發(fā)明實施例中的技術方案，下面將對實施例中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。