0
Thumbsup

いい質問だ

0

Thumbsdown

うーん

ナビゲーションバーの解像度について

hiromasa
hiromasa 40

投稿日:2013-01-16 19:51:38

【環境】
・titanium sdk 3.0
・iOS app開発
・iOS 6.0

【現状】
以下の指定でナビゲーションバーを宣言しております。

Ti.App.nav = Ti.UI.iPhone.createNavigationGroup({
    window: Titanium.UI.createWindow({
    title:'TOP',
        titleImage:'images/navigation/nav_main.png',
        url:'windows/top.js'
    })
});

nav_main.png(232 x 44)の画像を指定しておりますが、
iPhone4で確認をすると、解像度が足りていない為、ぼやけてしまいます。
試しに解像度2倍の(464 x 88)の画像を指定しましたがナビゲーションバーからはみ出してしまいます。

その他、Titanium.UI.currentWindow.titleImage 等試してみましたが、ぼやけてしまいました。

ナビゲーションバーに綺麗に画像を設定する方法をご教授お願い出来ないでしょうか。
また、決められた画像サイズ等あるのでしょうか?
宜しくお願いいたします。



回答

umi_uyura
umi_uyura
140
Tcad_icon

Thumbsup

いい回答

1

Thumbsdown

うーん



私も以前同じ問題に悩みましたが、Ti.UI.WindowのbarImageというプロパティに画像を設定するとピッタリ収まりました。

どうやらbarImageでナビゲーションバーの背景画像を用意しておいて、
その上に表示するタイトル文字列用の画像などを、titleImageで切り替えるような使い方ができるようです。

titleImageが縮小される問題については、以前公式のフォーラムでも2年前くらいの投稿で見かけましたが、3.0でも直ってないのですね。
ひょっとしたら、上記のような関係性があるので、背景画像(barImage)を完全に隠さないようにという意図的な動きなのかもしれません。


umi_uyura様 ご回答有難うございます。 barImageプロパティにて指定をしましたが今度は画像が縦に伸びてしまいます。 umi_uyura様が使用した画像のサイズはおいくつになりますでしょうか。 --- hiromasa

高さはアプリのデザインの都合で少し変えていますが、横幅はディスプレイサイズに合わせたもの(Retinaとそれ以前)を2種類用意していました。 hoge.png - 320 x 46 hoge@2x.png - 640 x 92 --- umi_uyura

umi_uyura様 度々ご丁寧なご回答有難うございます。 解決出来ました! 有難うございました。 --- hiromasa

ログインすると回答することができます。