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

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

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

関連記事

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

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

記事を読む

imgres-10

AlloyをCoffeeScriptで書くまでのメモ

まえがき さてさて、CoffeeScriptを使うようになったのです...

記事を読む

cocos2dx-touch-sprite-1cocos2dx-touch-sprite-1.png

【Cocos2d-x】どのスプライト(画像)がタッチされたかを判定する

まえがき こんばんは、C++、Cocos2dx入門して3日ほどがたっ...

記事を読む

images

【Android開発Tips】WEBビューを使ってみる

まえがき けっこうお久しぶりのブログです。 それもそのはずで、今週...

記事を読む

imgres-7

Titaniumで”LINEで送る”を実装する

まえがき よくあるLINEで送るの機能を実装してみたのでメモ。 方...

記事を読む

新着記事

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 ↑