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

  • Pocket
  • このエントリーをはてなブックマークに追加
  • 162 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"
	}
}

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

関連記事

resizer-1.png

【iOS7対応】iPhoneアプリ開発に超便利な画像リサイズアプリ2つをご紹介

まえがき 今回は、最近スマフォアプリ開発ばっかりになってしまっている私...

記事を読む

freestyle-1freestyle-1.png

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

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

記事を読む

images

【Android開発Tips】特定の文字列を渡してTwitterアプリを呼ぶ方法のメモ

まえがき 今回は、AndroidアプリでTwitterのクライアント...

記事を読む

405343706201

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

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

記事を読む

memoblog-for-iphone-beta-1memoblog-for-iphone-beta-1.png

WordPressブログをiPhoneアプリ化してストアにリリースしてみました『メモ帳代わりのブログ for iPhone』

まえがき 本日『メモ帳代わりのブログ for iPhone』という当...

記事を読む

新着記事

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を使ってデーモン化してみた時...

記事を読む

スポンサーリンク

  • Sorry. No data so far.

PAGE TOP ↑