[iOS]LINE主題製作大解析與教學

 
很多讀者一直在跟瘋先生詢問怎麼做出屬於自己的LINE主題？有人愛自己做自己的主題，這點瘋先生就是其中之一，但都會分享給大家一起使用，順便可以幫忙測哪裡有問題或是BUG，但這教學拖到今天在寫給各位真的會有點不好意思，官方現在應該氣的牙癢癢，竟然還沒有推出付費主題就被這些傢伙給搶先一步推出，接下來就看官方要推出哪幾種主題包，但今天就先教大家製作自己專屬的LINE主題。

怎麼替換底圖顏色？
這會分成兩種，第一種是直接修改底圖顏色檔，此篇有教學可以參考。第二種就是要針對theme.json進行更改字體、線條顏色，這之後會推出教學。

修改主題圖案教學：
很多人一直好奇瘋先生這些圖怎麼替換的？那他們尺寸大小又是如何？這一切只要你下載粉紅主題就會明確知道，再說有些人懶到直接將貼圖的圖檔直接丟進images資料夾內去取代，往往會造成圖案跑出框架，一整個就非常噁心和醜陋，所以想要改圖檔要非常的有耐心，而且花費時間相當的長。

SETP1.請先下載瘋先生替各位準備好的換圖檔圖包，避免您在茫茫圖海中找尋要修改的檔案
》下載點 Mega 、 MediaFire 《 請使用解壓軟體解開。




 
這裡各位一定會發現怎麼會有大小張圖檔？
因為@2x是給iPhone4、4S、iPhone5機種使用，而剩下都是給3GS低解析度機種使用，如果你是安卓系統本篇就不適合使用，在開始做之前請決定一下要做@2x高解析度圖，就好還是連低解析度圖也要一起做起來？
  
SETP2. 貼圖位置畫面對照：

《好友頁面》
  
新增好友圖： navigation_icon_06@2x.png
個人簽名狀態圖： friends_list_balloon_01@2x.png 

好友：
(點狀態) line_GNB_01_on@2x
(沒點狀態) line_GNB_01@2x

聊天：
(點狀態) line_GNB_02_on@2x
(沒點狀態) line_GNB_02@2x

動態消息：
(點狀態) line_GNB_03_on@2x
(沒點狀態) line_GNB_03@2x
(新訊息狀態) timeline\line_GNB_03_newpost@2x

其他：
(點狀態) line_GNB_04_on@2x
(沒點狀態) line_GNB_04@2x

《編輯好友》
  
搜尋：searchbar_icon_search@2x

《加入好友》
  
加入好友左邊控制圖：navigation_icon_03@2x
通訊錄：invite_icon@2x
行動條碼：icon_qrcode@2x
搖一搖：icon_shake@2x
ID搜尋：icon_idsearch@2x

《聊天視窗》
  
聊天右邊圖：navigation_icon_04@2x

《好友聊天室窗對話框》
  
A：speech_bubble_01_default@2x
B：speech_bubble_02_default@2x
C：chattop_bt_icon01@2x

《好友聊天室窗 附件窗口》
  
選擇照片：c_menu_icon01@2x
拍攝照片與影片：c_menu_icon02@2x
選擇影片：c_menu_icon03@2x
傳送聲音訊息：c_menu_icon04@2x
傳送位置訊息：c_menu_icon05@2x
傳送好友資料：c_menu_icon06@2x

《好友聊天室窗 功能窗口》
  
好友名稱右方圖：chattop_bt_icon02@2x
免費通話：topmenu_01@2x 、 topmenu_01_off@2x
邀請：topmenu_02@2x 、 topmenu_02_off@2x
關閉提醒：topmenu_03@2x 、 topmenu_03_off@2x
封鎖：topmenu_04@2x 
變更名稱： topmenu_11@2x
照片：topmenu_12@2x
聊天設定：topmenu_07@2x

《動態消息總頁面》
  
動態消息右方圖：timeline\tm_topbar_write_icon_new@2x

《位置訊息》
  
位置訊息搜尋圖：searchbar_icon_search@2x

《其他》
  
加入好友：icon_addfriend@2x
設定：01B_01service02@2x
貼圖小舖：icon_stickershop@2x
官方帳號：(無訊息)icon_official@2x、(訊息)timeline\top_number_noti@2x
最新資訊：icon_notice@2x

《設定新密碼》
  
設定密碼圖：
1.暗影
passcode_code_1@2x
passcode_code_1b@2x
passcode_code_1c@2x
passcode_code_1d@2x
2.圖示
passcode_code_2@2x
passcode_code_2b@2x
passcode_code_2c@2x
passcode_code_2d@2x