AndroidでiPhone風のスイッチを作る

普通のAndroidのToggleButtonを使ってもつまらないですね！

デザインならiPhoneが今のところ一番だと考えます。

なるべく近づけてみましょう。

論より証拠ということで以下のコードを参考にしてみてください。

←普通のToggleButton

←これがカスタマイズした後のToggleButton

手順は以下の通りです。

１、以下のコードをres/drawable/customtoggle.xmlとでもして保存して下さい。

２、backgroundプロパティに指定して下さい。
３、on textとoff textにそれぞれ半角スペースを指定して下さい。

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:state_checked="false">

        <layer-list>

            <item>

                <shape>

                    <size android:height="27dp" android:width="60dp" />

                    <gradient android:angle="270" android:centerColor="#c0c0c0" android:centerX="0.5" android:centerY="0.5" android:endColor="#c0c0c0" android:gradientRadius="10" android:startColor="#c0c0c0" android:type="linear" />

                    <corners android:radius="8dp" />

                    <solid android:color="#c0c0c0" />

                    <stroke android:width="1dip" android:color="#808080" />

                </shape>

            </item>

            <item android:left="30dp">

                <shape>

                    <size android:height="27dp" android:width="30dp" />

                    <corners android:radius="8dp" />

<gradient android:angle="270" android:centerColor="#B0C4DE" android:centerX="0.5" android:centerY="0.5" android:endColor="#778899" android:gradientRadius="10" android:startColor="#ADD8E6" android:type="linear" />

                    <stroke android:width="1dip" android:color="#808080" />

                </shape>

            </item>

            <item android:left="-30dp">

                <bitmap android:src="@drawable/off" android:gravity="center" />

            </item>

        </layer-list>

    </item>

    <item android:state_checked="true">

        <layer-list>

            <item>

                <shape>

                    <size android:height="27dp" android:width="60dp" />

                    <corners android:radius="8dp" />

                    <solid android:color="#ffffff" />

                    <stroke android:width="1dip" android:color="#808080" />

                </shape>

            </item>

            <item android:right="30dp">

                <shape>

                    <size android:height="27dp" android:width="30dp" />

<gradient android:angle="270" android:centerColor="#B0C4DE" android:centerX="0.5" android:centerY="0.5" android:endColor="#778899" android:gradientRadius="10" android:startColor="#ADD8E6" android:type="linear" />

                    <corners android:radius="8dp" />

                    <stroke android:width="1dip" android:color="#808080" />

                </shape>

            </item>

            <item android:right="-29dp">

                <bitmap android:src="@drawable/on" android:gravity="center" />

            </item>

        </layer-list>

    </item>

</selector>

AFreeChartを動的に動かす

AFreeChartに関する情報が少ないと感じたので少しでも役に立てれば..

【やりたいこと】
Androidアプリでグラフを表示したい。
しかも動的（リアルタイム的な）に動かしたい！
※)TimeSeriesのサンプルをベースとする。

グラフ表示ライブラリを探した所いくつかあると言うことがわかった。
直感的にAFreeChartが一番良さそうな感じがしたので使うことにした！

AFreeChartの導入方法に関しては他のブログで書いている方が
いらっしゃるので割愛します。

サンプルソースを実行すると静的なグラフを表示することは簡単にできます。
動的にするにはAFreeChartが保有しているDatasetにデータを追加してあげると
自動的に再描画される。

なので、最初に思いつく方法としては動的にDatasetを更新して行けばできる、
だとうという方法です。
例えば、別スレッドを用意して100msごとにDatasetを更新するようなプログラムを
作って動かすとあることに気付くと思います。データ数が増えるに連れて、
恐らくGCが高頻度で発生し、
描画に時間がかかりUIスレッドに負担がかかり、
ANRを引き起こす可能性があります。

結果的にDatasetの更新をトリガーとして再描画して動的に見せる方法では、
限界があるということになります。

デフォルトのサンプルアプリだと、生成したAFreeChartインスタンスに
ChartChangeListenerがセットされているので、Dataset更新すると再描画が発生する。
それを抑えるためにはBaseView(511行目前後)でリスナーセットする処理をコメントアウトするか、
リスナーを登録を削除するか、
しないとダメです。

そうすると、Datasetを更新しても再描画されることはなくなります。
この状態だと再描画がなくてリアルタイムに見えません。

現段階での私のソリューションとしては以下のような感じです。

①Dataset更新用スレッド、再描画用スレッドの２つを生成する
②それぞれをstartさせる
③再描画スレッドは定期的にHandlerに対してView#postInvalidateを呼び出すだけ

パッと思いついただけの方法なので、もっと効率のいい方法があったら
ご教授願いますm(_ _)m

再描画スレッドは以下のような感じです。(一部抜粋)
もちろんこのままでは動かないので適宜に補完してください^^;

repaintThread = new Thread(new Runnable() {
  public void run() {
   while (!stop) {
    if (pause)
     pause();
    mainHandler.post(new Runnable() {
     public void run() {
      // repaint();
      timeChartView.postInvalidate();
     }
    });
    try {
     Thread.sleep(interval);
    } catch (InterruptedException e) {
     // TODO 自動生成された catch ブロック
     e.printStackTrace();
    }
   }
  }
 });
 repaintThread.start();

アンドロイドアプリ「メタル探知器」を紹介

自分自身で製作して公開しているアプリを紹介します。

本来はコンパスに使用される磁気センサーを利用して、
磁性体を探知するメタル探知器を作りました。

Android Marketにて公開中です。
https://market.android.com/details?id=jp.tsuyoshi.irondetector&feature=search_result

x軸y軸z軸の３方向で検出される磁気の強さを表示します。

そのうちソースコードを少しずつ公開して行きたいと思います。