Xperiaのテーマを自作してみる ~壁紙編~

前回、

Xperiaの発熱に話題がかっさわれて書けなかった 自作テーマ について。

Google Playには多くのXperiaテーマが出回っているけど、
どうやって作ってるんだろうかと思い調べてみると、

どうやら

ソニーが開発ツール出してるようで、
やるじゃんソニー

ってことで、

壁紙、ロック画面を変えてみる

まぁ壁紙はXperiaの設定から変更できるので、わざわざテーマとして作らなくてもいいのだけど、
テーマ自作の中ではかなり簡単なので、一応ね(^_^;)

0. 用意するもの

ちょっと脱線

Xperiaの設定>端末情報>ビルド番号を連続タップして~」を書いていて思い出した。
ビルド番号の代わりに Androidバージョン を連続タップすると裏ゲームができるけど、難しすぎなんですが!ww

ポイント

  • 背景を透過させたい場合などはアルファチャンネルをいじれる画像編集ソフトが必要。

  • 9-patchという描き方(考え方)
    GIMP含め9-patch非対応の編集ソフトで画像を触る場合(壁紙とかは関係ない)は画像の上下左右1pxを意識すること。
    画像ファイルはPNG形式だが、画像の上下左右1pxは特殊領域となっているので下手にいじるとエラーで怒られる。

    使い方知らないけど./android-sdk-windows/tools/draw9patch.batとか使えるのか??

1. 新規プロジェクトを作成

テーマクリエーターを起動したら、手始めにEssential resourcesを選択

f:id:izana1018:20150622014429p:plain:w300

端末解像度で見た目変えたい、やる気ある人はComplete resourcesを選ぶがよろし。

プロジェクト情報を入力

公開とかしないので適当に入力
f:id:izana1018:20150622020651p:plain:w300

初期画面

右側のプレビュー画面で編集中のテーマを確認できます。
f:id:izana1018:20150622020643p:plain:w300

Walkmanのアイコンとか完全にXperia専用です。

2. 壁紙変えてみる

Backgrounds > Generic > System Wallpaperの端っこの(三点)ボタンをクリック。
今回は事前に用意した画像を選択するのでCreate new > Pick imageを選ぶ
f:id:izana1018:20150622024816p:plain:w300

こんな感じで右側のプレビュー画面が変わります。
f:id:izana1018:20150622025237p:plain:w300

3. ロック画面も変えてみる

壁紙設定と完全に同じ。
Backgrounds > Generic > Lockscree Wallpaperから設定できます。

変更したロック画面と壁紙を見てみる

Backgrounds > Genericを選択して、プレビュー画面上部のTwo rowsを選択すればいろいろなシチュエーションの画面が一度に確認できる。
f:id:izana1018:20150622033110p:plain:w300

プレビュー画面の左上が変更したロック画面ですな。

3. 実機で確認してみる

今回、Android SDKを導入している環境なのでBuild And Installを使う。

同じような環境ない人はExport Test APK...でAPKで出力して実機にコピーして、
インストールでも問題なし(面倒なだけだ)

Build And Installする

メニューバー > Build > Build And Installを選択すると、後は自動で実機までインストールしてくれます。
f:id:izana1018:20150622040056p:plain:w300


以下、実機側

ちょっとまっていると実機にテーマのインストール完了通知が出てくる。
f:id:izana1018:20150622042246p:plain:h300
↓ステータスバー確認すると、インストールされている。

f:id:izana1018:20150622042757p:plain:w300
↓テーマ適用の画面が出てくる。

f:id:izana1018:20150622043120p:plain:h300
↓右下の適用ボタンをタップ。

f:id:izana1018:20150622043511p:plain
↓はい、OK。

適用後

f:id:izana1018:20150622043702p:plain:h300ロック画面と f:id:izana1018:20150622043657p:plain:h300ホーム


だらだら書いたけど

簡単!

次回はフォルダの色を変える izana1018.hateblo.jp