Android 台灣中文網

標題: Line 歡迎畫面設定方法 [打印本頁]

作者: tsanlung 時間: 2013-7-5 13:30
標題: Line 歡迎畫面設定方法
本帖最後由 tsanlung 於 2013-7-5 13:29 編輯

想必大家對 Line 主題的歡迎畫面有些許疑惑
小弟在這邊說明一下

以下是歡迎畫面的設定
"splash": {
"background.color": "#ffe9f1",

"splash.background.image": {
      normal: "",
      top: "splash_img_02.jpg",
      gravity: "bottom"
},

"logo.image": {
      normal: "splash_img_01.png",
      padding: "0 77.33 0 0"
}

主要是三部份

1. 背景顏色 background.color
以兔兔主題來講, 是設成粉紅色, 這顏色跟 splash.background.image 的背景色非常有關係

2. 背景圖片設定 splash.background.image
normal: 底層背景圖
top: 疊在背景圖上面的圖片, 上層背景圖
gravity: 上層背景圖的重心, bottom 是螢幕下方, top 是螢幕上方(重點)

3. Logo 圖
normal: Logo 圖片
padding: 間距, 依續是左上右下

好了  本文當然不會只講這個
以一般手機來講, 螢幕大小是高960 x 寬 540
上層背景圖的高是 463, gravity 是 bottom, 上層背景圖在螢幕下方
所以上面有塊區域是沒有圖片的
兔兔主題用了跟上層背景圖差不多一樣的背景顏色來掩蓋這點
所以其實上面是背景色, 下面是上層背景圖

回到我們的設計, 為了方便設計歡迎畫面, 你可以這樣做
1. 把 gravity 設成 top, 讓上層背景圖是在螢幕上方
2. 放大上層背景圖, 高至少要比 960 要來的大
這樣就不會出現, 沒有圖片遮蓋的地方, 也就看不到背景顏色了

關於 padding, 這是用來控制 Logo 圖片旁邊的留白大小
以兔兔主題來說, Logo 圖片會離螢幕上方 77.33 像素遠
這就是為什麼, Logo 圖片不會緊貼螢幕上方的原因了!!!

希望透過這樣的解說~讓大家更了解 Line 主題的設定

作者: bogy 時間: 2013-7-5 14:29
請教聊天裡〝對話框〞的文字與框邊的間距該如何設定呢！

作者: Michellesda 時間: 2013-7-5 15:39
如果可以的話能提供更多的小細節更好

作者: bogy 時間: 2013-7-7 13:12
找到了〝對話框〞的文字與框邊的間距，依序一樣是左上右下

"chathistory.balloon.text.send":{"background.image":{normal:"img_chats_bg_02.9.png"
,pressed:"img_chats_bg_02_pressed.9.png"
,padding:"12 5.33 17 9.67"
}
}
,"chathistory.balloon.text.recv":{"background.image":{normal:"img_chats_bg_01.9.png"
,pressed:"img_chats_bg_01_pressed.9.png"
,padding:"16 5.33 12 9.67"
}
}

作者: ming925 時間: 2013-7-7 13:38
gravity: 除了 bottom , top

還有 center (置中) 可以應用 , 方便置中排版

作者: 陳奕如 時間: 2013-7-16 23:02
我想問能不能把一開始畫面的兩張圖變大，因為我的畫面解析度比較高
剛開始的畫面比例很奇怪(中間都會空很大，上下有圖)

作者: 陳奕如 時間: 2013-7-17 15:42

陳奕如發表於 2013-7-16 23:02

登錄/註冊後可看大圖

我想問能不能把一開始畫面的兩張圖變大，因為我的畫面解析度比較高
剛開始的畫面比例很奇怪(中間都會空很大 ...

可是變大圖片會被切掉，而且還是同個地方同樣大小
splash_img_01.png和splash_img_02.jpg的寬x高好像沒辦法改大
就算匯入的圖片再大，好像也只能顯示原本兔子主題的大小
要如何加大編緝器裡所設的寬x高？

作者: kabos 時間: 2013-8-21 22:56
謝謝大大的分享。

作者: anny123125 時間: 2013-9-12 18:55
謝謝大大的解說昨天開始研究有了這個解說應該很快就可上手

作者: 瘋狂小狗 時間: 2014-5-6 00:06
如果放照片，照片會變的很大該怎麽辦?

作者: matchlii 時間: 2014-5-6 00:33
本帖最後由 matchlii 於 2014-5-6 00:35 編輯

使用PhotoCap 6.0
影像縮小圖片,
設定你要的尺寸,試試

又或者笨人做法
用Excel打開圖片縮小尺寸
剪下來,貼在小畫家,存檔

PhotoCap.exe

2.02 MB, 下載次數: 14, 下載積分: 碎鑽 -1 個

作者: coffeewine 時間: 2014-5-19 14:25
想問如果想在畫面下方放上跟logo一樣的圖
要怎麼設定才對(都用不出圖來)

作者: tsanlung 時間: 2014-5-21 12:39
基本上就是在 splash.background.image 內的 top 這張圖
splash_img_02.jpg 裡面加上你要的 logo
這是背景圖想怎麼改都可以

logo.image 可以想成是一張會浮動的圖
透過 padding 來改燕它的位置

作者: popoii 時間: 2016-5-10 18:33
太感謝樓主這篇了, 我終於會弄歡迎畫面疊圖啦 >o<

歡迎光臨 Android 台灣中文網 (https://apk.tw/)