鶴你分享 | 隨心所動 自定義QQ動態名片

點開別人QQ的名片主頁，常規情況下頭像、暱稱、籤名等一行行映入眼帘，但是在現在，靜態的名片有辦法動起來。

可能讀到這裡已經在心裡嘀咕「不就是超會大會員那幾個模板，又沒有什麼好看的」，騰訊只提供了模板，沒有提供自定義修改的接口，但我們卻實實在在有辦法對它進行自定義修改。

能自定義動效名片將會產生無窮的可能性，設計的心有多麼天馬行空，名片主頁就有多麼絢麗。

這篇文章將從原理到實踐，一步一步講述清楚該怎樣自定義動效名片。

一、動效名片的原理

QQ最近更新的動態名片是一種json動畫，而且該數據並非通過http/https傳輸，而是通過jsRequest來使用QQ的TCP協議傳輸數據，那麼只要在傳輸過程中攔截數據，然後替換json代碼，就可以換成我們所希望的動畫。

這麼一長串聽起來雲裡霧裡，而且我們並平常人不知道怎麼攔截，那不是一長串廢話麼（才不是）。

這時候就需要Xposed的幫助，它是一套開源的、在Android高權限模式下運行的框架服務，可以在不修改APK文件的情況下影響文件運行。也就是不需要反編譯就可以在軟體原有基礎上增加額外功能，例如比較常見的QQ卡片、複讀機、微信QQ釘釘防撤回等模塊。

而有研究xposed框架模塊的大佬就發布了替換動態名片的模塊，它幫助我們在自定義完成時攔截下數據，讓我們來替換json代碼，所以我們只需要站在前人的肩膀上實現名片的替換。

二、自定義動效名片的教程

為了循序漸進的把替換的過程講清楚，接下來分部分講操作的難點。

1.注意事項

使用手機軟體：應用轉生、QQ、QQ複讀機

需要QQ特權服務：svip或者大會員

應用轉生：一個類Xposed框架，能夠加載Xposed模塊、模塊能通過它改變系統和應用的行為。 能免Root/免刷機運行，穩定性稍弱。

QQ複讀機：作者BUG，該模塊可以發送xml、json卡片，以及今天用到的改動態名片的代碼，可能不支持新版安卓

2.安裝事宜

因為我的個人公眾號暫時不支持跳轉外鏈，請點擊文章最下方閱讀原文從百度網盤獲取安裝文件，提取碼為st4s。

關於Xposed框架，一開始是用的太極，但是這個複讀機模塊後來不在太極的白名單內，所以教程使用的是應用轉生。同時還有VirtualXposed等類似應用，哪款最能適配手機就使用哪一款。

安裝的步驟如下：

② 等待應用導入成功（應用原本安裝過會增加一步卸載步驟）

滑動查看更多

強制停止應用QQ，當重新進入的時候界面有了雪花飄落，那麼說明到這裡的安裝都已成功。

3.修改資料卡操作

複讀機的使用需要付費，在設置裡面可以找到付費通道，或者可以通過搭梯子來繞過驗證使用修改資料卡的功能，如果實在想繞過請大家自己搗鼓一下。

按照傳統修改資料卡的步驟去設置DIY名片：

③ 點擊立即使用，在代碼框更改成自己希望修改的代碼，點擊確定

滑動查看更多

4.代碼編寫

關於代碼的使用，這裡先放出兩個最簡單的代碼

    

    ①純圖片名片

{  "styleId":22,  "bgId":2000,  "cardId":3547,  "renderInfo":{    "v":1584552026,    "bg":[      {        "type":"image_view",        "scale_type":"center_crop",        "content":"這裡放圖片直鏈"      }],    "header":{      "type":"layout",      "width":"fill",      "height":"fill",      "order":0,      "child":[]    },    "body":{      "id":22,      "c":"#ff482b26",      "f":"",      "t_bg":"",      "arr":"",      "sbg":"",      "cbg":"",      "cpd":8,      "line":"#ff482b26",      "module":[],      "ts":0    }  },  "callback":"__MQQ_CALLBACK_AUTO_7"}
    ②動態名片
{  "styleId":22,  "bgId":2000,  "cardId":3547,  "renderInfo":{    "v":1584552026,    "bg":[      {        "type":"lottie_view",        "scale_type":"center_crop",        "content":"這裡放動態壓縮包直鏈"      }],    "header":{      "type":"layout",      "width":"fill",      "height":"fill",      "order":0,      "child":[]    },    "body":{      "id":22,      "c":"#ff482b26",      "f":"",      "t_bg":"",      "arr":"",      "sbg":"",      "cbg":"",      "cpd":8,      "line":"#ff482b26",      "module":[],      "ts":0    }  },  "callback":"__MQQ_CALLBACK_AUTO_7"}
代碼定義的界面最後簡介明了，像文章開頭的圖一樣，沒有任何資料，但是過於簡介也帶來了沒有任何信息的弊端。
5.直鏈包製作
將圖片或者壓縮包上傳到http://up.ly93.cc/，然後替換上述代碼中存放直鏈的位置，然後進行修改名片操作即可。
三、總結
這個教程只是籠統的講述了製作過程，中間會遇到的坑以及更多的動態名片樣式代碼有機會的話在之後的文章中續寫。這次就先告一段落，使用的軟體點擊底下的原文連結進行下載，提取碼見文章中藍字。