創作內容

3 GP

自製LINE主題教學

作者:鮭魚│2020-05-09 16:39:49│巴幣:6│人氣:1515
最近LINE不小心更新了,之前做的格式全部跑掉,害我花很多時間重做
為了不要之後更新到又花很多時間,發一篇教學留著備用
另外提醒一件事:改app的檔案跟破解遊戲是一樣意思,大家做好之後拿來自嗨或炫耀就好,請勿營利。
底下開始詳細介紹:

需要的工具


  • 一台電腦
  • 文字編輯器(推薦VS code)
  • 圖片去背程式(office word內建、PS…)
  • 解壓縮程式 (Android手機)
  • itools (IOS手機)
  • w3schools (網頁json教學)(不是很重要)
  • color selector (網頁)(方便找到自己喜歡的顏色)
因為LINE主題的程式部分只有一行,打開後用VS code的format document功能(shift + alt + f)可以把code分行+縮排,方便之後的作業

shift + alt + f (需要等一下,我的電腦是5秒左右)
用iphone的人要另外裝itools才能把檔案拿出來或放回去
google "color selector"就會有google自己的跑出來,不用下載軟體

版本

兔兔主題:V2.36
LINE:10.6.5
舊版可能會有一些不同,可是相信大家看完底下教學就可以完全知道主題檔案在幹嘛,然後融會貫通了
用兔兔主題是因為東西多,不想花太多時間的人只要在步驟二把圖片蓋一蓋就解決了

修改流程

前置工作:

下載兔兔主題
可以先套用,後面邊看邊改,但是要存檔前記得改到其他主題

第一步:找到兔兔主題檔案

Andriod路徑:
內部儲存空間\Android\data\jp.naver.line.android\theme\a0768339-c2d3-4189-9653-2909e9bb6f58\themefile.xxx(三位數)
把檔案抓到電腦上之後直接解壓縮,會看到images資料夾跟theme.json檔案
IOS:(itools)應用程式 -> LINE -> 開啟

打開後找到a0768339-c2d3-4189-9653-2909e9bb6f58資料夾,把底下的images資料夾跟theme.json檔案抓到電腦上

圖是網路找的,我沒用itools

第二步:改圖片

打開images資料夾後可以看到很多圖片,大家可以一邊用手機打開LINE看要改的位置是哪一張圖,然後用自己的圖把它蓋掉

改圖有幾個建議:

  1. 建議全部用png,jpg不能去背還要改副檔名,很麻煩
  2. 大小盡量改成跟原本一樣,不然可能變形
  3. 部分圖片需要去背,不然會有一塊白色很醜

一些圖片代表的位置:
splash_img/logo : 剛點進去的logo頁面,logo可以用一樣大的透明圖蓋掉才不會擋到你的圖
chatroom_balloon : 聊天泡泡,改這裡的話通常需要進第三步調整泡泡大小
chatroom_ic_* : 聊天室裡面的各種圖片
gnb_bottom_* : 底下的主頁、聊天、貼文串…的圖片,有兩種狀態

其他還有很多,可以邊看手機對照邊找
不想改code的同學可以跳到第四步:存檔

第三步:改code

警告:此步驟需要debug很多次,極度耗時

基本構造:{“name”:“value”,…,“name”:“value”}

特別注意有沒有逗號,不能多不能少
如果不小心改錯也沒關係,VS code會幫你把錯的地方用波浪底線標出來
開始改內容

view.common
整個主題的顏色

chathistory.* | chat*
聊天室相關

chathistory.balloon.text.(recv|send)
這裡面的padding就是把聊天泡泡形狀改正的東西
4個數字分別是左上右下的長度

friendlist.*
好友頁面相關

grouphome*
群組相關

main.view.common
感覺像是主要顏色

myhome.*
不知道

navigationBar* | tabBar
最上面的橫槓

notification
ㄊㄓ

passcode
密碼

[profile
個人檔案

search*
最上面的搜尋

splash
logo頁面

timeline*
貼文頁 大概

wallet*
錢包頁

searchBar.common
我找超久,更新之後多一條搜尋害我一直翻其他主題檔
這個就是最上面的橫槓下面的搜尋

chathistory.view.common
聊天室背景,改這裡會套用到全部聊天室
有些版本要自己+code:
"chathistory.view.common":{
"background.image.pattern":true,
"background.image":{"normal":"檔案名稱","gravity":[""],"top":[""],"pattern":[""]}}

其他很多東西我也不知道在哪,大家有熱誠的話可以慢慢研究

第四步:存檔+套用

記得把主題換成兔兔以外的主題,然後把LINE關掉
網路上有人說要關網路,我是不知道有沒有差啦,保險起見關一下
Android:
  1. 檢視->副檔名記得勾,不然改不到副檔名
  2. 把images跟theme.json壓成zip檔
  3. 把2得到的檔案名稱改成themefile.xxx(跟原本一樣的數字)
  4. 放回手機原本的位置把原版蓋掉,怕出事的人可以備份原檔
IOS:
把images跟theme.json直接丟回原本的位置,不用壓縮

存檔完之後打開LINE,到我的主題套用兔兔主題就可以收工了嗎?
不行,還要測試

第五+步:debug

  • 打開每個選單檢查有沒有改到,漏掉的話就回去前面步驟改
  • 如果你有改聊天泡泡就要再調整padding到大小剛好為止,通常要調5、6次
  • logo頁面的圖片位置可能會跑掉
  • 主頁底下5個圖案可能會高低不同,要稍微調整圖片

補充:其他小技巧


快速找到要改的顏色色碼

如果有一個地方顏色不知道是哪個變數控制,可以截圖後用小畫家3D的挑選顏色功能找到那個顏色的色碼(偶爾會有誤差),找到後再用ctrl+f功能在code海中找到這個顏色
建議不要用6碼找,例如顏色#abcdef在找的時候用#ab或def下去找,可以避開因為誤差找不到的問題


聊天室背景圖加工

如果直接放原圖會太鮮豔,眼睛會很花,這時可以用畫圖軟體在圖上放一個半透明矩形

多觀察其他主題檔案

本人有買初音主題,透過跟兔兔各種比對之後找到要的位置的次數很多,也可以一定程度減少上面顏色誤差導致找不到的狀況

維持熱情

抱著對喜歡作品的熱情來改主題檔,不然很快就膩了
真的,我過來人,改到快起肖

成果:

引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4776535
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 3 篇留言

麻糬
https://imgur.com/tAMmlnR.png
當我編輯過聊天泡泡的圖片檔後,它就會被拉伸,改padding數字似乎沒有效果,請問這種問題該如何解決

02-09 20:47

鮭魚
那個泡泡真的很迷(¯―¯٥)可能要padding多改一點或換個圖檔或改正常的泡泡顏色之類試試看02-09 21:46
麻糬
好,謝謝,我再試試

02-09 21:59

麻糬
想請問你是用什麼軟體編輯聊天泡泡的,儲存時有特別選擇什麼選項嗎?因為我連用圖片編輯軟體開啟聊天泡泡的圖檔,什麼都不做就直接存檔,它也會失效,變成會被拉伸

02-11 12:04

鮭魚
我也是用小畫家改一改會變形,就直接用現成的了XD感覺是圖片太小很難改02-11 14:38
我要留言提醒:您尚未登入,請先登入再留言

3喜歡★DShamus 可決定是否刪除您的留言,請勿發表違反站規文字。

追蹤私訊切換新版閱覽

作品資料夾

Triangle360⭐喜歡動畫的你⭐
⭐點我頭像看4月新番快評👉https://home.gamer.com.tw/artwork.php?sn=5921394看更多我要大聲說昨天15:38


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】