Titanium(Alloy)でナビゲーションバーの色を変えてみるとちょっと幸せ

  • Pocket
  • このエントリーをはてなブックマークに追加
  • 164 follow us in feedly

まえがき

今回はAlloyでのやってみました。

 

デフォルトではこんな感じ

Screeny Shot 2013 07 28 21 51 06

 

これをこんな感じに色を変えてみましょう。

 

Screeny Shot 2013 07 28 21 51 24

 

ソースコード

index.xmlはこんな感じ

<Alloy>
	<Window id="container">
		<NavigationGroup id="nav">
			<Window id="win1" title="TOP">
			</Window>
		</NavigationGroup>
	</Window>
</Alloy>

 

index.tssはこんな感じ

{
	"#container": {
		backgroundColor:"#ff7ea1"
	},
	"#win1": {
		barColor: "#ea5f80"
	}
}

とても簡単にできました。自動的にグラデーションもつけてくれるのがありがたいですね。

関連記事

freestyle-1freestyle-1.png

まさにiOSネイティブアプリのBootstrap!!『Freestyle』のBeta版が登場

まえがき Pixateから『Freestyle』というiOSアプリのデ...

記事を読む

2時間ぐらいで制作したiphoneアプリ『Koko』がリリースされていました

まえがき 先日、titaniumで制作したiphoneアプリの『Kok...

記事を読む

jenkins-android-deploygate-2jenkins-android-deploygate-2.png

JenkinsでAndroidアプリを自動でビルドしDeployGateに公開してみる

まえがき 今回はちょっと実践的な?Jenkinsの使い方をしてみる。 ...

記事を読む

405343706201

【Cocos2d-x】スコアをローカルに保存する方法

まえがき 今回はCocos2dxでローカルに値を保存する方法をメモ。...

記事を読む

iOSアプリ開発に使えるRuby製画像リサイズツール(Gemライブラリ)『resize2x』をリリースしました

まえがき 今回はRubyのGemライブラリとして『resize2x』と...

記事を読む

新着記事

no image

PHPでRubyのirbっぽいインタラクティブなスクリプトが実行できる「boris」

まえがき PHPでもRubyのirbみたいなことがしたくて探してみたと...

記事を読む

2015年の抱負と去年の振り返り〜よちよちWEB業界1年経験して〜

まえがき あけましておめでとうございます。今年もどうぞよろしくお願いし...

記事を読む

Java SE 7 Bronze試験(1Z0-802)を受けてきました

まえがき 以前から少し受けてみたかった試験『Java SE 7 Bro...

記事を読む

HubotでJenkinsのジョブを実行する

まえがき HubotをつかってJenkinsのジョブをじっこうしてみた...

記事を読む

no image

Hubotをforeverでデーモン化する

まえがき 今回はHubotをforeverを使ってデーモン化してみた時...

記事を読む

スポンサーリンク

PAGE TOP ↑