夏風邪になりました＾＾
今回は背景を変えていきます。TLと友達リストでは適用方法が異なるので気をつけてください。
TLは前回と同じように画像を変えるだけで可能です。
「image」フォルダ内の「timeline」フォルダを開き「tm_bg@2x.png」を好きな画像に変更してください。
大きさは元の画像と一緒にしなくても問題ありません。私は640×1136で作りました。
友達リスト、チャットリストの背景の画像は存在しません。なのでtheme.jsonを編集し背景に画像を挿入させるようにします。
まずは画像を用意。サイズは640×1136くらいがおすすめ。
これの名前を「xxxx@2x.png」にしimageフォルダに保存します。名前部分のxxxxは好きなに変更可能。
例） ayataka@2x.png
imageに画像を保存したならその画像を背景として使えるようにしていきます。
theme.jsonをメモ帳などのテキストエディタで開きます。
見辛いよって人はTerapadを使ってください。私はTerapadを使いました。
テキストエディタで開いたならば”line.tableview.chatlist”と文字検索をします。そうすると下記のような文字列を見つけられるはずです。
“line.tableview.chatlist”: {
“background.color”: “@TableViewBackgroundColor”,
“separator.color”: “@SeperatorColor”
これを下記のように書き換えます。
“line.tableview.chatlist”: {
“background.image”: “xxxx@2x.png”,
“separator.color”: “@SeperatorColor”
xxxx@2x.pngは背景画像の名前です。
次に”line.tableview”:と検索。そうすると下記のような文章が見つかります。
“line.tableview”: {
“background.color”: “@TableViewBackgroundColor”,
“separator.color”: “@SeperatorColor”
これを下記のように書き換えます。
“line.tableview”: {
“background.image”: “xxxx@2x.png”,
“separator.color”: “#ffffff,0.1“
次に背景を見えるようにチャットリストなどをある程度透明にしていきます。
“body.color”と検索。
“body.color”: “#fbfbfc”,を”body.color”: “#fff3ff,0.7″,に変更。
“TableViewCellBackgroundColor”:と検索。
“TableViewCellBackgroundColor”: “#ffffff”,を”TableViewCellBackgroundColor”: “#ffffff,0.1″,に変更。
“TableViewCellBackgroundColor”: “#ffffff”,の二行上
“TableViewPressedBackgroundColor”: “#fff6f9″,を”TableViewPressedBackgroundColor”: “#fff6f9,0.2“,に変更。
以上で透過作業、背景適用作業の終了です。
というかこのシリーズ終了です。あとはiFunBoxで着せ替えデータを
に保存して終了です
コメント
SECRET: 0
PASS: 74be16979710d4c4e7c6647856088456
詳しい説明ありがとうございます。
お陰様で出来ました。
よろしければ、チャット中（トーク中）の背景の変更もご教示下さい。
SECRET: 0
PASS: 74be16979710d4c4e7c6647856088456
コメントありがとうございます
theme.jsonをエディタで開いて"line.chat.room.background": {と検索して
"line.chat.room.background": {"background.color": "#fff4f9"},を"
"line.chat.room.background": {"background.image": "画像へのパス"},に変更してください。
あとは好きな画像を上で指定したところに入れるだけです。サイズは端末の画像サイズに合わせればいいと思います(^^ゞ
SECRET: 0
PASS: 74be16979710d4c4e7c6647856088456
ありがとうございました。
以下2つで試してみましたが背景が黒になりました。
再度ご教示頂ければ幸いです。
"line.chat.room.background": {"background.image": "{images/xxxx@2x.png"},
"line.chat.room.background": {"background.image": "xxxx@2x.png"},
因みに色変更は出来ました。
SECRET: 0
PASS: 74be16979710d4c4e7c6647856088456
コメントありがとうございます。
私も何度かやりましたがどうも上手くいきませんでした。。力になれなくてすみませんm(__)m
SECRET: 0
PASS: 74be16979710d4c4e7c6647856088456
ご丁寧にありがとうございました。
コメント失礼します。
現在はこの方法ではできないのでしょうか？
検索しても出てこないのですが…。
アップデートしたので、やり方が変わったとかなら最新の方法を教えていただきたいです。
コメントありがとうございます。
確認しましたが、この記事にある方法は全て出来ました。（LINE ver5.3.2）
検索時に先頭の文字から検索してみてくださいm(_ _)m
お返事有り難うございます。
”line.tableview.chatlist”
と検索してもヒットしません。
また、androidなのですが、プログラム自体が違うのでしょうか？
androidと別で、android用の検索ワードがわかるなら教えていただきたいです。
Androidのtheme.jsonはiOSとかなり異なります。更に私はAndroidを所持していないので確認したくても出来ません。
力になれなくて申し訳ありませんm(_ _)m
わかりました。
解決できそうです！
お手数かけてすみません。
有り難うございました！
解決出来そうなら良かったです
頑張ってください( ・ω・)ノ
丁寧に解説してくださってありがとうございます！
質問なのですが、
“body.color”
が検索してもヒットしないのですが、どうしたらいいですか？
初歩的な質問かもしれませんが、よろしくお願いします。。。
コメントありがとうございます
この記事のものをコピペすると検索に引っかからないようです。
手打ちで”body.color”またはbody.colorと検索してみてくださいm(_ _)m
無事、見つけることができました！
重ね重ねの質問になってしまうのですが、
LINEの一番上の部分の色などを変える方法や、
自分の指定した画像にすることなどはできますか？
また、戻すときはどうしたらいいですか？
質問ばかりですみません。。
—上の部分—
imageフォルダの中にある「tm_topbar@2x.png」と「tm_topbar_128@2x.png」好きな色に変更してください。
指定した画像に出来るのかも知れませんが私はやり方が分かりません~_~;
—上の部分のボタン—
「navigation_btn_02@2x.png」と「navigation_btn_02_tab」を好きな色に変更してください。
見た目的に変えたほうがいいと思います(＾ｰ^)ノ
—ついでに下の部分—
「line_GNB_bg@2x.png」を好きな画像または好きな色に変更してください。
戻すときは変更する前の画像を上書きするといいと思います
後日、記事にしてまとめます…
わかりやすい説明ありがとうございます！！！
色変えてみます！！
質問ばかりで申し訳ないのですが、
プロフィール画像を設定してない人（自分も含め）の画像を初期のものと違う画像にできるみたいなのですが、いろいろ試してみたのですが、どうもできません。
“line.profileImage”: {
“largeGroup.image”: “●●●.png”,
“largeUser.image”: “●●●.png”,
},
●●●のところに、差し替えたい画像の名前を入れています。
これ以外の方法で変える方法があったらぜひ教えてください。；；
プロフィール画像とグループ画像でした。
グループ画像は、今はnoimageっていうのがないみたいなので、
無視してください。。
imageフォルダの中にある下記画像を変えると違う画像に出来ると思います(＾ｰ^)ノ
「unkhown_group_large@2x.png」
「unkhown_group_small@2x.png」
「unkhown_user_large_01@2x.png」
「unkhown_user_small_01@2x.png」
テストだったため、携帯使えませんでしたが、ようやく出来ました！！
詳しい説明ありがとうございました。
お手数掛けて申し訳ありませんでした。ｍ（＿ ＿）ｍ
テストお疲れ様です！
いえいえ、お役に立てたなら良かったです(＾ｰ^)ノ
また何かと質問がありましたら、
頼らせていただきます。。。|ω・`）チラ
そのときは、、、、よろしくお願いしたいです。。
分かる限り答えさせていただきます！
こちらこそ宜しくお願いします(＾ｰ^)ノ
“line.tableview.chatlist”
“body.color”
も指定通りにしたはずなのですがチャットリストの背景が黒になってしまいます。
スキンはホワイトをベースにしました。
改善方法を教えていただきたいです
コメントありがとうございます。
私が試した限りではホワイトでも上記の方法で背景を挿入することが出来ました。
考えられるのは
画像の名前を間違えている(特に拡張子とか)、theme.jsonの編集ミス、画像がおかしいくらいです。。。。
面倒ですが再度thmem.jsonを編集しなおしたり画像を変たりしてみてください(^_^;)
やはり私のミスですか…
ありがとうございます。再確認してみます。
よろしくお願いします
これはどこの背景を変えてるんですか
コメントありがとうございます
友だち欄、トーク欄、タイムラインの3つを変えています(＾ｰ^)ノ
androidなのですがそもそも文章の検索ができませぬ(´△｀)どうしたらよいですか
コメントありがとうございます。
この記事は「iPhoneの非公式着せ替えの作成方法」になりますのでAndroidでは出来ません。
申し訳ないですが他サイトを参考にしてください。
jsonファイルを書き換えると着せ替えがアップデートされもとに戻ってしまします。
なにか対処法ありませんか？
コメントありがとうございます。
jsonファイルの書き方が間違っている可能性が高いです。
もう一度確認してみてください。