Android 台灣中文網
標題: Line 特殊物件修改教學 [打印本頁]
作者: ppsing2 時間: 2013-4-13 20:30
標題: Line 特殊物件修改教學
本帖最後由 ppsing2 於 2013-4-18 15:52 編輯
現在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)允許開發人員自定內容顯示區,用於顯示文字或其他內容
如下圖所示:
左側和上方的黑線交叉的部分即可擴展區域
右側和下方的黑線交叉的部分即內容顯示區