Line 歡迎畫面設定方法

想必大家對 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 主題的設定

請教聊天裡〝對話框〞的文字與框邊的間距該如何設定呢！

如果可以的話能提供更多的小細節更好

找到了〝對話框〞的文字與框邊的間距，依序一樣是左上右下

"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"
}
}

gravity: 除了 bottom , top

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

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

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

                               
登錄/註冊後可看大圖

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

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

謝謝大大的分享。

謝謝大大的解說 昨天開始研究 有了這個解說應該很快就可上手

由 手機網頁 發佈

如果放照片，照片會變的很大該怎麽辦?