Droidくん「JavaとXMLの魔境、Androidフレームワークの世界へようこそ！」

covia smartq5 adb on ubuntu （smartq5のidVendorは18d1）

22:50 |

sudo vi /etc/udev/rules.d/51-android.rules

で

SUBSYSTEM=="usb", ATTRS{idVendor}=="18d1", MODE="0660"

を加える

sudo /etc/init.d/udev restart

して

USBケーブルでSmartQ5を接続して

adb devices

すると認識されているはず

参考になったURL

http://d.hatena.ne.jp/androkun/20091216/1260974815

たとえばActivityがForegroundのときだけ定期的にAsyncTaskを実行したいとすると

22:17 |

Androidといえばマルチタスクでバックグラウンドで常駐処理！！！などと喧伝されており

バックグラウンドで定期処理とかやるときはandroid.app.Serviceというのを使おう！！！といたるところで書かれている昨今。

しかし色々と調べたところ

たとえば、あるアプリケーションのUIを、バックグラウンドで走る定期的な処理に応じて更新するみたいな用途にはServiceは若干オーバースペックぎみのようで、

Serviceで音楽を再生してそこからがんばって呼び出し元ActivityのViewを更新しているような事例もチラホラ見当たるもののかなり大変そう。。

実際のところjava.util.TimerTask + AsyncTaskのほうが、UIスレッド上のViewをじかに触れるしシンプルなのではないかと思いました。

ところが実現しようとすると意外と厄介（かつググっても情報がない状態）だったのでメモ

何も考えずにonCreateのなかでjava.util.TimerTaskのscheduleメソッドでAsyncTaskをよびっぱなしにすると、どんどん非同期タスクが生成されて大変な事になる。

Homeに戻ってもまだまだガンガンスレッドが生成実行されている。

これは画面から消えてもActivityが実行されつづけているから。

activityにisForegroundみたいなメソッドがあれば、それがtrueのときだけtaskを実行するというふうにできるがそういうのもないらしく、

さらにactivity isFinishingメソッドはfinishメソッドでactivityが止められたとき専用のフラグのようなので、

ここではisForegroundというクラス変数を用意して、onXxxというActivityのライフサイクルが変わったことを知らせるメソッドが呼ばれるたびにその変数を書き換えることにしてみた。

いちおうこれで期待通りの動きをしてくれる。

public class HogeAndroid extends Activity {
    public static boolean isForeground;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        isForeground = true;
        Timer timer = new Timer(false);
        // このActivityが最全面かどうか5秒おきに確認して最前面のときだけ非同期でタスクを実行
        timer.schedule(new TimerTask() {
            public void run() {
                if (isForeground){
                    SomeAsyncTask task = new SomeAsyncTask(HogeAndroid.this);
                    task.execute("hoge");
                    }
                }
            },0, 5000);
   }

    @Override
    protected void onResume(){
		isForeground = true;
		super.onResume();
    }
    
    @Override
    protected void onStop(){
		isForeground = false;
		super.onStop();
    }
    
    @Override
    protected void onPause() {
		isForeground = false;
		super.onPause();
    }
}

これでUIの更新に関する処理は、SomeAsyncTaskのonPostExecute()にゴリゴリ書いて問題ないはず。

ServiceやHandlerやcallbackやADILを記述するよりは楽に済ませられる。

最初は単純にonPause()の部分でAsyncTask task.cancel();を実行するようにしてみたが、これでは次々生成されるタスクの新規生成自体は全然止められなかったのでこうした。（これはTimerTaskを停止してないので当然）

このコードだと5秒おきにTimerTaskを起動しているが、onXxxのたびにTimerTaskのcancel()とかscheduleとかをやったほうが実行時のコストは下がるかもしれない。。（が、コードはこれより複雑になりそう）

Serviceがどうしても必須となるシーンは、Activityが完全にonDestroyで停止されてしまったあとも実行しつづけてユーザーにNotificationを送ったりしたい場合くらいかも？

※追記：Serviceが必須になる状況がほかにもあった。ActivityのUIThread と完全に独立したバックグラウンド処理でスレッドを動かしつづけて、その処理結果に応じてActivityを更新したいようなとき。AsyncTaskは呼び出されるたびに実行され毎回その結果を反映して終了ようなタイプの処理にしか使えない。ので、終了が存在しないようなパターン（通信待ち受け処理とか）でなにかが起きる度にUIに反映されせる、といった状態には向いていない。。。

単に非同期の処理を定期的に実行してUI更新したい、とかならServiceなしでも上に書いた方法で可能。

画面全体を縦方向にスクロールできるようにする

19:18 |

Androidでビューをスクロールできるようにするためにはスクロールさせたい要素をScrollViewでかこむ。とチュートリアルなどではよく書いてある。

しかしScrollViewはレイアウトのルート要素になることはできないうえに、ScrollViewの直下に他のGUIウィジェットを直接配置することもできない。らしい。

単に適当に囲んだだけだと、ブラウザのiframeのように画面の一部のビューだけスクロールできるようになってしまったりしておかしい。

とくにどこにも書かれていないのだが、よくあるブラウザアプリなどのようにふつうに画面全体をスクロールさせるためには、

<LinearLayout><ScrollView><LinearLayout>あれこれ</LinearLayout></ScrollView></LinearLayout>とかしないといけないらしい。

ついでに念のためルート要素でandroid:scrollbarAlwaysDrawVerticalTrack="true"とかしておく。

res/layout/main.xml

<?xml version="1.0" encoding="utf-8"?>
		
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:scrollbarAlwaysDrawVerticalTrack="true"
    android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">

	<ScrollView android:id="@+id/ScrollView01"
		android:layout_width="fill_parent" android:layout_height="fill_parent">
		
	    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	                  android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" >


               <!-- 画面全体の内容をここに記述 -->


		</LinearLayout>

	</ScrollView>
	
</LinearLayout>

Spinnerをカスタマイズする方法メモ

19:17 |

View側でなにも考えずにSpinnerというドロップダウン選択肢みたいなやつを作ると、

Webサイト上のチュートリアルでよく見るようなラジオボタンっぽい画像がついた文字の大きな選択肢になってくれない。

米粒のような小さいフォントで文字列が表示されてしまって押し難いことこのうえない。

スピナーはボタンを押す前のビューと押したあとに表示されるダイアログ風のビューのふたつがあって、それぞれ別々に指定する必要があるらしい。

ダイアログ風ビューのときの見た目は

adapter.setDropDownViewResource(android.R.layout.simple_dropdown_item_1line);

のようにスピナーのArrayAdapterオブジェクトに対して明示的に指定しないと変えられないようだ。

これを忘れるとデフォルトの豆文字フォントで表示されてしまう。

レイアウトXMLで両方ともまとめて定義する方法はあるんだろうか…

android.R.layout.simple_dropdown_item_1lineはandroidフレームワーク内で定義済みのスタイルらしい。

res/layout/main.xml

<Spinner android:id="@+id/spn"
	android:prompt="選択肢を選んでください"
	android:layout_height="wrap_content" android:layout_width="wrap_content"
	android:layout_alignParentTop="true" android:layout_centerHorizontal="true"
	/>

src/com.example.hoge/Activity.java

Spinner spn = (Spinner) findViewById(R.id.spn);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(mActivity, R.layout.rowdata);
adapter.setDropDownViewResource(android.R.layout.simple_dropdown_item_1line);
adapter.add("hoge");
spn.setAdapter(adapter)

SeekBarのツマミ(thumb)をカスタマイズする方法メモ

19:16 |

SeekBarというのはいわゆるスライダー(Slider)とも呼ばれている、横長のバーをぐりぐり動かして値を調整するようなUI。

AndroidのデフォルトのSeekBarのツマミが小さすぎて操作しずらいと感じたため、カスタマイズしようとしたらものすごく面倒だった。

ググっていろいろと探したがMLや英語の質問サイトどころか公式ドキュメントにもろくな情報がない。

最終的に中国語のよくわからないブログなどを参考にしてなんとかカスタマイズできた。

res/layout/main.xml

<SeekBar android:id="@+id/HogeSeekbar"
	 style="@style/CustomSeekBar"
	 />

res/values/styles.xml

<style name="CustomSeekBar" parent="android:Widget.SeekBar">
	<item name="android:gravity">center_vertical</item>
	<item name="android:layout_width">300px</item>
	<item name="android:layout_height">wrap_content</item>
	<item name="android:paddingLeft">30px</item>
	<item name="android:paddingRight">10px</item>
	<item name="android:thumb">@drawable/thumb</item> <!-- ツマミに利用するdrawableを指定 -->
	<item name="android:max">5</item> <!-- 最大値。SeekBar全体がこの値で等分される -->
	<item name="android:progress">2</item> <!-- ツマミの初期位置 -->
</style>

SeekBarで値を調節するためのツマミのようなGUIパーツは、ユーザーからの入力によって複数の状態になるためそれぞれ指定する必要がある。

android:state_なんちゃらについては、XML内の順番とか複数のstateの組み合わせによっても挙動が変わるようで公式ドキュメントをいくら眺めてもなんの手がかりもない。。

Buttonウィジェットやリストウィジェットについてはそこそこ事例が多少あるのだがSeekBarのツマミの事例はほとんどなかった。

res/drawable/thumb.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
		
	<item
		android:state_focused="true"
		android:state_pressed="true"
		android:drawable="@drawable/thumb_focused"
		/>
		 
	<!-- ツマミにフォーカスの当たっていない標準の状態 -->
	<item
		android:state_focused="false"
		android:state_pressed="false"
		android:drawable="@drawable/thumb_shape"
		/>
		
	<item
		android:state_focused="true"
		android:state_pressed="false"
		android:drawable="@drawable/thumb_focused"
		/>
		 
	<item
		android:state_focused="true"
		android:drawable="@drawable/thumb_focused"
		/>
</selector>

実際にツマミとして表示されるdrawableのサンプル。

状態ごとに画像をたくさん用意しているチュートリアルはよくあるがここではshapeをxmlで指定する。

shapeについては画面全体やボタンなどのビューの背景をxmlで記述したshapeに指定するチュートリアルもよくあるが、サイズが変わる他の要素の背景ではなくそれ自体サイズをもつshapeを定義する必要がある。

<size android:width="30px" android:height="30px" />を記述しないと、サイズのある画像として認識されず、ビュー上で消えてしまうので注意が必要（背景に指定するときは勝手に引き伸ばしてくれるのでsize子要素はいらないのだが）。

thumb用xmlファイルはこれひとつではダメで実際はツマミの各状態にあわせて色を変えたりしてthumb_pressed.xml, thumb_focused.xml, ...etcをつくって指定する必要がある

res/drawable/thumb_shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
	<size android:width="30px" android:height="30px" />
	<solid android:color="#ffdcdcdc" />
    <corners android:radius="5px" />
    <padding android:left="10px" android:right="10px" android:top="10px" android:bottom="10px" />
</shape>

RadioButtonをカスタマイズする方法メモ

19:16 |

ラジオボタンは複数の選択肢からひとつを選ぶためのUI。

Spinner（ドロップダウン）との違いはすべての選択肢があらかじめ見える状態になっているか否かくらいか。

Androidの初期設定のRadioButtonウィジェットは驚くほど巨大でダサいので、これもカスタマイズしようとしたらいろいろハマった。

iPhoneではRadioButtonをフラットなボタンにしたようなUIがあるが、そういうやつはAndroidではないらしいのでつくった。

要点としては

RadioButtonをまとめる要素であるRadioGroupは標準では垂直に要素を並べるようになっているので水平に変更。

RadioButton要素は実際はボタンとテキストビューのふたつの部分から構成されている。

checkされているかを示している標準のボタンはでかくて邪魔なので消してしまう。

テキストビューの背景をボタンっぽいものに変更し、checkされているかどうかの状態によってこれを変えることで、あたかもたくさんのボタンウィジェットからひとつの選択肢を選べるようなFlatRadioButtonを実現する。

res/layout/main.xml

<RadioGroup android:id="@+id/rg_wb" android:orientation="horizontal"
		android:layout_width="fill_parent" android:layout_height="wrap_content">
		<RadioButton android:id="@+id/Option0" android:text="1"
			style="@style/FlatRadioButton" />
		<RadioButton android:id="@+id/Option1" android:text="2"
			style="@style/FlatRadioButton" />
		<RadioButton android:id="@+id/Option2" android:text="3"
			style="@style/FlatRadioButton" />
		<RadioButton android:id="@+id/Option3" android:text="4"
			style="@style/FlatRadioButton" />
		<RadioButton android:id="@+id/Option4" android:text="5"
			style="@style/FlatRadioButton" />
</RadioGroup>

res/values/styles.xml

<style name="FlatRadioButton" parent="android:Widget.CompoundButton.RadioButton">
	<item name="android:layout_height">wrap_content</item>
	<item name="android:layout_width">64px</item> <!-- ボタンの幅。画面の幅とボタンに表示するテキストと選択肢の数で調整する -->
	<item name="android:paddingTop">10px</item>
	<item name="android:paddingBottom">10px</item>
	<item name="android:paddingLeft">5px</item>
	<item name="android:paddingRight">4px</item>
	<item name="android:button">@null</item> <!-- ラジオボタンの先頭の画像を表示しないときにこれを指定するらしい。。。ひたすらググった結果判明 -->
	<item name="android:background">@drawable/flatbutton</item> <!-- ラジオボタンのテキストの背景部分をボタンぽいやつに指定。標準だと背景なし -->
	<item name="android:gravity">center_horizontal</item>
	<item name="android:textColor">#000000</item>
</style>

途中で面倒になったのでいくつかの状態でdrawableを使いまわしている。。

res/drawable/flatbutton.xml

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
	<!-- 選択状態の選択肢が押されたとき -->
	<item
		android:state_checked="true"
		android:state_pressed="true"
		android:drawable="@drawable/on_pressed"
		 />
	<!-- 選択されているとき -->
	<item
		android:state_checked="true"
		android:drawable="@drawable/on"
		 />
	<!-- 選択されていない選択肢が押されたとき -->
	<item
		android:state_checked="false"
		android:state_pressed="true"
		android:drawable="@drawable/off_pressed"
		 />
	<!-- 選択されていない選択肢にフォーカスがあたったとき -->
	<item
		android:state_focused="true"
		android:state_checked="false"
		android:state_pressed="false"
		android:drawable="@drawable/on"
		 />
	<!-- 選択されていない選択肢のデフォルト状態 -->
	<item
		android:state_checked="false"
		android:drawable="@drawable/off"
		/>
</selector>

状態のぶんだけボタンdrawable xmlをつくる

res/drawable/on.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="1px" android:color="#000000" />
        <gradient
        android:startColor="#ffcc00"
        android:endColor="#ff9933"
        android:angle="270" />
    <corners android:radius="3px" />
</shape>

UbuntuでAndroid端末をUSB接続し、開発中のアプリを検証する手順

18:16 |

Dev PhoneにUbuntuマシンから接続しようとしたら'error: insufficient permissions for device'などと怒られるときの対処法 - にたまごほうれん草

[android-discuss] ADB: error: insufficient permissions for device

あとで書く

antでandroidプロジェクトをビルドするとコメントの日本語などが文字化けエラーを発生する件の対処

18:15 |

404 Not Found

[javac] D:\Android\Project\hello\src\com\example\hello\Hello.java:**:

警告: この文字は、エンコーディング ascii にマップできません。

sdk\platforms\android-x.x\templates

　の中の

android_rules.xml

　の encoding="ascii"を encoding="utf-8"に書き換える。

<javac encoding="utf-8" target="1.5" debug="true" extdirs=""</ppp>

あとで書く

Android SDKの導入 on Ubuntu

16:38 |

わすれそうなので

debian, ubuntuなどのapt系での導入

eclipseを使わないでvimなどのCUI中心で開発をすすめたい

• sudo aptitude install sun-java6-jdk ant -y
• wget http://developer.android.com/sdk/download.html?v=android-sdk_r06-linux_86.tgz
• tar xzvf android-sdk_r06-linux_86.tgz

android-sdk-linux_86/toolsにパスを通す

• vim .bashrc
• export PATH=/home/yuiseki/android-sdk-linux_86/tools:$PATH
• source .bashrc
• android update sdk
• android

「Android SDK and AVD Manager」というGUIコンソールが起動する。VirtualDevicesで適当なやつをつくって起動してみる

起動が確認できたらそのままにして、HelloWorldに進む

• cd
• mkdir sandbox
• cd sandbox
• android create project --target 3 --package com.example.hello --activity HelloAndroid --path hello

sandboxのなかにhelloディレクトリとその中にもろもろのファイルが生成される

• cd hello

• ant release

bin/HelloAndroid-unsigned.apkなどが生成される

無事にビルドできたら署名をする

• keytool -genkey -keystore /home/yuiseki/.android/yuiseki.keystore -validity 10000 -alias yuiseki
• jarsigner -keystore ~/.android/yuiseki.keystore -verbose /home/yuiseki/sandbox/hello/bin/HelloAndroid-unsigned.apk

署名が終わったら仮想デバイスにインストールする

• adb install HelloAndroid-unsigned.apk
• 仮想デバイスのアプリ一覧から起動してみる
• ant debug; adb install bin/HelloAndroid-debug.apk; adb shell am start -a com.example.hello.MAIN -n com.example.hello/.HelloAndroid

ログメッセージなどの出力

• adb logcat

仮想デバイスの起動はGUI上のTerminalからしかできないようだ。

adbなどのコマンドは、勝手に起動している仮想デバイス、USB接続されているAndroidをさがしてよしなにはからってくれる。(リモートからsshでも実行可能)

ほげ

16:24 |

とりあえずAndroidっぽい色にした