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畫面圖好小!!
我用的是7吋平板.請問尺寸要還是???

可是顏色要怎麼改....