アプリをレジュームした時に処理を実行する - ひげろぐ
アプリをレジュームした時に処理を実行する 一度起動したアプリを閉じて、再度開いた時（レジュームした時）にTi.Appのresumeというイベントが発火する。 ちなみに閉じた時にはpauseイベントが呼ばれる。 レジューム時にはWindowのfocusイベントが呼ばれないので困っていたが、これで何とかなりそうだ。 それにしてもドキュメントェ･･･ サンプルコード なにはともあれサンプルコード。 app.js var win = Ti.UI.createWindow(); win.addEventListener("focus", function(){ Ti.API.info("focus!"); }); win.open(); Ti.App.addEventListener("resume", function(e){ Ti.API.info("resume!"); }); Ti.App.
TitaniumでAndroidのActionBarの外観をカスタマイズする - Qiita
Titanium SDK 3.3.0からAndroidのThemeがAppCompatになりましたね。もうあれこれ悩まずActionBarの外観をカスタマイズすることができます。方法は簡単で、カスタムのテーマを作成して、アプリのメインのActivityにそちらを使うと宣言するだけです。 まずカスタムのテーマを作成しましょう。 できましたね？ …できませんよね？ そういうときに便利なツールがあります。「Android Action Bar Style Generator」でさくっと外観を設定しましょう。こちらは大変便利なシステムで、色の組み合わせを設定するだけで必要なリソースが全て用意されてしまう優れものです。 Style nameはこれから作成するテーマの名前です。他とかぶらないように適当に（アルファベットで、できれば記号など使わず、数字もスペースも無しで）設定して、Style compa
AndroidのtabGroup位置の変更(Titanium)
Titaniumでアプリ開発をする際にネックとなるところとしては、 iPhoneの場合とAndroidの場合で見た目が変わってしまう部分があるところ。 特にtabGroupがAndroidの場合では上部に表示がされ、デザイン的にもなんだかなってなってしまう。 そこで今回はそのなんだかなを解消するための方法。 Android開発をしたことがあるならばわかるけれども、 基本的なパーツの配置というのはxmlで制御が可能。 Titaniumもその機能をカバーしてるのでそれを使ってあげればよいだけ。 ■手順 １：(projectフォルダ)/platform/android/res/layout/というフォルダを作成。 ２：(projectフォルダ)/build/android/res/layout/titanium_tabgroup.xmlを１のlayoutフォルダに入れる。 ３：titanium_
TitaniumであのGunosy風UIを作ってみた — Cheekit Blog
甲田です. 今回は, Titaniumでニュースリーダー・GunosyっぽいUIを作ってみてわかったことを書きます. 1. GunosyっぽいUIとはこれだ！ Gunosy(グノシー)とは, Gunosy社が提供するニュース配信サービスです. 僕も使っています. GunosyにはiPhone/Android向けのアプリも存在し, なかなか特徴的なUIを備えています. そのUIとは―― こんなUIです. 下のニュース表示部分をスワイプすると, それと連動して, 上のタブも動いていますね. (Twitterの公式クライアントもこんな感じ) たまにこんなUIを実装する機会があるのですが, どうやって実装するのか結構ハマりました;; 2. どう実装するの？？ まず僕が考えたのは, TabGroupを用いた方法です. 一見するとタブとScrollableViewで構成されてるように見えたので. <T
Slide-Out-Navigation for Titanium Mobile
David BankierさんがTiDraggableというモジュールを使ってスムーズなスクロールになるように改良してくれました！ https://github.com/dbankier/CoverSliderExample Slide-Out-Navigationって？ 最近のiPhoneアプリで見かけることが多くなった、スライドしてメニューを表示するUIです。(詳細は...) このUIをTitanium Mobileで簡単に使えるようにCommonJSモジュールにしてみました。 iOSのみ対応です。 デモビデオはこちら。 githubにexample projectあり〼。 使い方 // CommonJSモジュールを読み込みます var coverSlider = require('coverSlider'); var window = Ti.UI.createWindow({ });
titanium + alloy + android で facebook like menu / slider menu - shoprevのブログ
titanium + alloy + android でフェイスブック風メニューができないか調べた ここを参考にしたら http://www.slideshare.net/ricardoalcocer/appcelerator-alloy-deep-dive-titokyo-2013 簡単にできた ありがとうございます これでやっとtabgroupとおさらばできそう index.js var menuOpen = false; function showhidemenu(e){ alert("showhidemenu"); if (menuOpen){ moveTo="0"; menuOpen=false; }else{ moveTo="250dp"; menuOpen=true; } $.mainview.width=Ti.Platform.displayCaps.platformWid
AlloyをCoffeeScriptで書くまでのメモ | メモ帳代わりのブログ
まえがき さてさて、CoffeeScriptを使うようになったのですが、当然Alloyで使っていきます。 今回はAlloyでCoffeeScriptを使えるようにするまでのメモです。 開発環境 Titanium 3.1.0 Alloy 1.1.2 CoffeeScript 1.6.3 alloy.jmkファイルを作成する > titanium create でプロジェクトを作成後プロジェクトのディレクトリに移動。 alloy new alloy generate jmk これでalloy.jsとかがある場所に “alloy.jmk” ファイルが作成されます。 このファイルをいじいじすることでコンパイルの仕組みをカスタムできるようです alloy.jmkの編集 task("pre:compile", function(event,logger) { var wrench = require(
Titanium 学習履歴 画像base64エンコード - Qiita
titaniumのbase64エンコードメソッドはエンコードに失敗するため、 html5のcanvasの機能を使ってbase64させる必要があるらしい （例） ＜getPhoto.js＞ //ライブラリから画像データを取得し、canvasにデータのパスを渡す Titanium.Media.openPhotoGallery({ success:function(event){ if(event.mediaType == Ti.Media.MEDIA_TYPE_PHOTO){ var image = event.media; var Settings = Titanium.Filesystem.getFile(Titanium.Filesystem.tempDirectory,'Settings'); Settings.createDirectory(); var newFile = Tita
TiCameraView でカメラをアプリに埋め込もう / Socketbase blog
Titanium Mobile にデフォルトで用意されている Ti.Media.showCamera とはひと味ちがう TiCameraView モジュールを作ってみました。 このモジュールのソースコードは GitHub にありますのでご自由にお使いください。 k0sukey/TiCameraView TiCameraView はカメラからの画像をリアルタイムに Ti.UI.ImageView へ流し込むモジュールです。 Ti.Media.showCamera では API をコールするとカメラ専用のピッカーが表示されてしまいますが、TiCameraView は通常のウィンドウへ（もちろんビューにも）直に貼り付けることができます。 機能 Ti.Media.showCamera とほとんど同じことができます。 写真撮影 動画撮影 カメラの切り替え 将来的に追加したい機能は以下の通りです。 動
【Titanium】ti.cloudpushを利用してプッシュ通知を実装する | エーティージーエス＋（ATGSの社員で運営しているブログです）
明けましておめでとうございます。 年末・年始は嫁の実家で5歳の甥っ子と戯れながら年を越したかっくんです。 本年もよろしくお願いします。 昨年末からずるずると引きずっていた問題が、 年が明けるとスパっと解決出来て嬉しかったので備忘録として残しておきます。 先月末にTitaniumが3.2にアップデートされました。 このタイミングで新しいアプリの開発を始めたので、 バージョン3.2に対応した形で開発を進めていました。 普段Objective-CでiOS向けアプリを作っているのでプッシュ通知に関しては仕組みは理解していたつもりでした。 更に、Titanium SDK3.1.2の頃に、Android向けのプッシュ通知も実装していたので、 さくさく出来るだろうと思っていたのですが。。 ドハマりしてしまいました。 ハマったのは案の定Android側です。 以前のプロジェクトで利用してい
[Titanium] リモートHTMLをWebViewで開いた場合にHTMLから、Tiにイベントを送る方法 - F13
目的 Titanium Mobile のWebViewからリモートにあるHTMLを開いでHTMLからTiのメソッドを動かしたい。 Titanium Mobileには、fireEventというメソッドがあり、そいつをHTMLから呼び出してあげると、Titanium側でそのイベントをハンドリング出来る。 が、iPhoneの場合は、ローカル(iPhone本体)のHTMLでしかそれが有効にならないようだ。 それをどうにかしたいっていうのが目的。 一度HTMLファイルをダウンロードし、それを読む込むようにしてみた。 ソース // app.js // this sets the background color of the master UIView (when there are no windows/tab groups on it) Titanium.UI.setBackgroundColor
[titanium]画像を使わずにボタンを表示 - もぎゃろぐ
TitaniumMobileにはSystemButtonというのがあって、ローカルに画像を持っていなくても標準的アイコンのボタンを表示させることができる(iphone only)。 でも例えば、ブラウザでよく見る左右の三角形、forward/backボタンはsystemButtonに存在しない。 デザイナさんと一緒にお仕事をしている人はいいのですけど、プログラマが適当に作ったアプリでは、こういうのを下手に描いたせいでデザインが素人っぽくなってしまったりする。著作権的なものには目をつぶって他のアプリからキャプチャするにしても、この程度の画像をいちいち切り出すのはめんどくさいよね。 そこで、文字コードを使ってそれらしい文字をtitleに指定してみた。 // Forward and back button for browser. var buttonForward = Titanium.U
Titanium.UI.iPhone.SystemButton | MOL
みなさん、タイタンやってまっかぁ？わい？ わいタイタンやで(・∀・)ｲｲ!! てことで、先週 Untitled!!!!!!!! で講演してきたわけですが、Twitterでの反響を見てますとTitanium Mobileやってみたい！って声もちらほら見受けられて、僕も話して良かったと感じていますです。で、皆さんはこれからTitanium勉強して僕におしえてくっさい！ そんなわけで、今回は自分的にメモ的なメモ。Titanium Mobile はネィティブなUIが使えますので、それをフル活用していこうぜってのが今回のエントリの主旨。 ボタンとかアイコン作ったりするのめんどいので、システムボタン使おーぜってことす。そのほうが下記コードのような感じで、プロパティの部分が1行で定義できたり、組み込みのアプリと同じ振る舞いをするだろうとユーザーも理解しやすいだろうってことです。さて、そのシステムボタン、
TiFlatUISample[Titanium User Meet Up at Nifty]
TiFlatUISample[Titanium User Meet Up at Nifty] Presentation Transcript TiFlatUISample Titaniumフラットデザインサンプルアプリ 13年7月17日水曜日 フラットデザインって 結局なんなの?? 2 13年7月17日水曜日 TiFlatUISample 3フラットデザインって結局なんなの？ 骨付き肉 焼き肉 フラットデザイン ≒ 焼き肉 13年7月17日水曜日 フラットデザイン例 4 13年7月17日水曜日 TiFlatUISample 5フラットデザイン例 Google Play 13年7月17日水曜日 TiFlatUISample 6フラットデザイン例 13年7月17日水曜日 最近フラットデザイン 増えてきましたよね 7 13年7月17日水曜日 最近iOS7っぽく作るの が流行ってるような... 8
お願いだから輝かないでくれ!!! - MOL
アイコン的な意味でってことです。 iPhoneのアイコンってどれも個性的で素敵ですね。でもよーく見てみると、全部ってこともないけど、同じような光沢・輝き・テカリがついてますよね。あれを消したいというのが今回のエントリの主旨です。輝きも皆が同じように輝いていたらそれは没個性です。ではやっていきましょう。 -precomposed.png とりあえず、iPhoneアイコン設定とかでググってみるとこの記事が出てきました。 iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者Forum これはどうやらアプリアイコンではなく、Webサイトをホーム画面にブックマークしたときのアイコン設定ですね。Webサイトのルートにapple-touch-icon.pngを置いておけば認識してくれるのは知ってたのですが、apple-touch-ic
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android Drawer Menu(3) | Titanium Mobile 開発 - Shizu Research Diary
[Titanium] Titanium Module Development メモ - その2 - それはBooks![[Titanium] Titanium Module Development メモ - その2 - それはBooks](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc554919ad057aa5dbfb20c72a214968e0b44dd9/height=288;version=1;width=512/http%3A%2F%2Fhamasyou.com%2Fimages%2F%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%25EF%25BC%25882010-09-11%252010.56.29%25EF%25BC%2589.png)
Titanium Tips » キーボードを閉じる
Titaniumで戻る／進む／リロード／アクションボタンがついたwebViewを作る - memo log
http://www.sawadaru.com/blog/