Line 特殊物件修改教學

現在LINE美化屬於一個現在非常熱門的話題,但在修改部分或許大家不是很了解,於是寫了這篇教學希望大家會喜歡!


先來介紹對應的檔名(只有部份,若是有大大知道其他的檔名,可以在下方留言~)

註：各檔名最後 (    ) 內數據為該圖示之大小值(單位:吋)

推播彈框
res/drawable-hdpi/v2_bar_pushpopup.9.png  (0.12 X 0.22)
res/drawable-hdpi/v2_img_line_logo.png  ( 0.16 X 0.16)
res/drawable-hdpi/v2_img_popup_num.9.png  (0.11 X 0.11)

通話背景
res/drawable-hdpi/voice_call_bg.png (0.72 X 0.80)

登入背景
res/drawable-hdpi/common_st_welcome.png(1.17 X 0.84)

app圖示
res/drawable-hdpi/icon.png  (0.24 X 0.24)
res/drawable-ldpi/icon.png  (0.12 X 0.12)
res/drawable-mdpi/icon.png  (0.16 X 0.16)
res/drawable-xhdpi/icon.png  (0.32 X 0.32)

狀態通知圖示
res/drawable-hdpi/icon_status.png  (0.13 X 0.13)
res/drawable-mdpi/icon_status.png  (0.08 X 0.08)
res/drawable-xhdpi/icon_status.png  (0.17 X 0.18)

對畫框
(受話)
res/drawable-hdpi/v2_img_chats_bg_01.9.png  (0.19 X 0.17)  
res/drawable-hdpi/v2_img_chats_bg_01_pressed.9.png  (0.19 X 0.17)
(發話)
res/drawable-hdpi/v2_img_chats_bg_02.9.png  (0.19 X 0.17)
res/drawable-hdpi/v2_img_chats_bg_02_pressed.9.png  (0.19 X 0.17)

選單圖示
res/drawable-hdpi/v2_ic_gnb_chat_off.png  (0.13 X 0.13)
res/drawable-hdpi/v2_ic_gnb_chat_on.png  (0.13 X 0.13)
res/drawable-hdpi/v2_ic_gnb_etc_off.png  (0.16 X 0.05)
res/drawable-hdpi/v2_ic_gnb_etc_on.png  (0.16 X 0.05)
res/drawable-hdpi/v2_ic_gnb_freinds_off.png  (0.17 X 0.13)
res/drawable-hdpi/v2_ic_gnb_freinds_on.png  (0.17 X 0.13)
res/drawable-hdpi/v2_ic_gnb_timeline_new.png  (0.14 X 0.14)
res/drawable-hdpi/v2_ic_gnb_timeline_off  (0.14 X 0.14)
res/drawable-hdpi/v2_ic_gnb_timeline_on.png  (0.14 X 0.14)

歡迎畫面
res/drawable-hdpi/splash_bg.png (背景)  (1.6 X 2.54)
res/drawable-hdpi/splash_logo_line.png (LINE logo的位置)  (1.5 X1.44)
res/drawable-hdpi/splash_logo_naver.png (3.6.5版已經移除這張了) (0.92 X 0.17)

以下為joeliupeter大大提供

朋友欄無朋友資料時圖示
res/drawable-xhdpi/common_welcome_no_friends_01.png  (1.37 X 0.70)
res/drawable-xhdpi/common_welcome_no_friends_02.png (1.43 X 1.22)

朋友欄朋友無相片時圖示
res/drawable-hdpi/launcher_shape.png  (0.24 X 0.24)
res/drawable-hdpi/launcher_shape2.png  (0.24 X 0.24)

聊天欄朋友無相片時圖示
res/drawable-hdpi/chat_noimg_01.png  (0.2 X 0.2)
res/drawable-hdpi/chat_noimg_02.png  (0.2 X 0.2)
res/drawable-hdpi/chat_noimg_03.png  (0.2 X 0.2)

聊天欄無對話時圖示
res/drawable-xhdpi/common_welcome_no_chats.png  (1.25 X 0.96)

聊天室背景
res/raw/skin_default.jpg  (2.67 X 2.67)
res/raw/skin_thumbnail_default.jpg  (0.35 X 0.33)

聊天畫面左下角的"+"選項
res/drawable-hdpi/v2_ic_option_photo.png=選擇照片  (0.19 X 0.18)
res/drawable-hdpi/v2_ic_option_camera.png=拍攝照片  (0.19 X 0.18)
res/drawable-hdpi/v2_ic_option_ch_video.png=選擇影片  (0.19 X 0.18)
res/drawable-hdpi/v2_ic_option_video.png=拍攝影片  (0.19 X 0.18)
res/drawable-hdpi/v2_ic_option_audio.png=傳送聲音訊息  (0.19 X 0.18)
res/drawable-hdpi/v2_ic_option_location.png=傳送位置  (0.19 X 0.18)
res/drawable-hdpi/v2_ic_option_contact.png=好友資料  (0.19 X 0.18)


【********.9.png修改教學】

在美化line圖檔時，應該有許多人發現許多檔案是用.9.png,而我們如果使用普通的方法修改這些圖片的話,打開line會發現那些物件不符合比例的拉撐等製圖片嚴重失真，這時候就需要特殊的修改方式了!下面先介紹一下.9.png

一、 .9.png 格式的檔案特點

與傳統的png 格式圖片相比，.9.png 格式圖片在圖片四周有一圈一個像素點組成的邊沿，該邊沿用於對圖片的可拉伸區和內容顯示區進行設定。

這種格式的圖片在android 環境下具有自動應調節大小的功能。

（1）允許開發人員自定可擴展區域，當需要延伸圖片以填充比圖片本身更大區域時，可擴展區的內容將被延展。

（2）允許開發人員自定內容顯示區，用於顯示文字或其他內容

如下圖所示：

左側和上方的黑線交叉的部分即可擴展區域

右側和下方的黑線交叉的部分即內容顯示區

登錄/註冊後可看大圖

由 手機網頁 發佈

好深奧

下班研究研究

很多不清楚的地方
現在都豁然開朗了

讚

由 手機網頁 發佈

佩服，找時間來學一下，感謝提供

之前還卡在反編譯~謝謝大大的教學
晚點來試試看

版大真的棒！研究的很徹底啊，謝謝分享教學，來試試
line改圖的大學問都在這裡了..就是這些問題在不完美
但不曉得如何反編輯呢

能否冒昧的問一下
draw9patch.rar解壓縮後
無發現應用程式可打開
請問是那裏出錯?

- - - - - - - - -

更新進度
目前已知道draw9patch怎麼開啟了
接下來就研究怎麼操作

請問一下
為什麼我的res裡面沒有看到Line的東西

請問：將反編譯的9patch修改完之後，放進PngGauntlet按下Optimize! 就可以了嗎??
如果是這樣為什麼我安裝之後彈框還是無法正確顯示!!??

終於看到教學文了