Android 奔走記

ソフトバンク、『X06HT HTC Desire』発売開始

2010年4月27日より、ソフトバンクモバイル初となるAndroid搭載スマートフォン「HTC Desire SoftBank X06HT」が発売されました。

詳しくはhttp://www.htc.com/jp/product/x06ht/overview.html

MediaPlayer を使ってみた

android で mp3, midi などを再生するには
MediaPlayer を使います

そして drawable/raw を作ってその中にメディアファイルを格納します

その後, MediaPlayer.create(context, resid); で作成します

というわけで, MediaPlayer をいじってみた

サンプルプログラム

import android.app.Activity;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MediaPlayerTest extends Activity 
                             implements OnClickListener {
  private MediaPlayer mediaPlayer = null;
  private Button button_Play;
  private Button button_Pause;
  private Button button_Stop;
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.soundtest);
    
    button_Play = (Button) findViewById(R.id.Button01);
    button_Play.setOnClickListener(this);
    button_Pause = (Button) findViewById(R.id.Button02);
    button_Pause.setOnClickListener(this);  
    button_Stop = (Button) findViewById(R.id.Button03);
    button_Stop.setOnClickListener(this);  

    // メディアプレイヤーの作成
    mediaPlayer = MediaPlayer.create(this, R.raw.sample);
    
    // ループ再生の設定
    // mediaPlayer.setLooping(true);
  }
  @Override
  public void onClick(View v) {
    if (v == button_Play) {
      // 再生してなかったら
      if (!mediaPlayer.isPlaying()) {
        // MediaPlayerの再生
        mediaPlayer.start();
      }
    } else if (v == button_Pause) {
      // MediaPlayerの一時停止
      mediaPlayer.pause();
    }
    else if (v == button_Stop) {
      // 再生してたら
      if (mediaPlayer.isPlaying()) {
        // MediaPlayerの停止
        mediaPlayer.stop();
        try {
          // MediaPlayerの準備
          mediaPlayer.prepare();
        } catch (Exception e) {}
      }
    }
  }
}

こんな感じ!

参考サイト
http://developer.android.com/intl/ja/reference/android/media/MediaPlayer.html

ToneGeneratorを使うと簡単にトーンを鳴らせます
コンストラクタは
ToneGenerator (int streamType, int volume);
第1引数はストリームの種類
第2引数は音量

んで、
startTone(int ToneType) or startTone(int ToneType, int durationMs)
で再生します
後者は再生する時間を指定
Toneの種類に関してはToneGeneratorから

というわけで, ToneGenarator をいじってみた

サンプルプログラム

import android.app.Activity;
import android.media.AudioManager;
import android.media.ToneGenerator;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class ToneGeneratorTest extends Activity {
  ToneGenerator toneGenerator;
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.tonegeneratortest);

    // ToneGenerator の作成
    toneGenerator = new ToneGenerator(
        AudioManager.STREAM_ALARM,
        ToneGenerator.MAX_VOLUME
    );

    ((Button) findViewById(R.id.Button01))
    .setOnClickListener(new OnClickListener() {
      public void onClick(View v) {
        // Tone再生
        toneGenerator.startTone(ToneGenerator.TONE_CDMA_ABBR_ALERT);
        // toneGenarator.stratTone(ToneGenerator.TONE_CDMA_ABBR_ALERT, 1000);
      }
    });
    ((Button) findViewById(R.id.Button02))
    .setOnClickListener(new OnClickListener() {
      public void onClick(View v) {
        // Tone停止
        toneGenerator.stopTone();
      }
    });
  }
  
  @Override
  public void onDestroy() {
    super.onDestroy();
    
    // ToneGenerator の解放
    toneGenerator.release();
  }
}

こんな感じ!

参考サイト
http://developer.android.com/intl/ja/reference/android/media/ToneGenerator.html
http://developer.android.com/intl/ja/reference/android/media/AudioManager.html

Tab を作ってみた

Tab を使うには TabHost と TabWidget を使います
そして TabWidget でTabのコンテンツを表示するのに FrameLayout を使います

Tabのコンテンツとして任意のViewを表示させるのと, Activityを起動する2種類があるようです

というわけで, Tab を作ってみた

注意するのは id として

TabHost は @android:id/tabhost
TabWidget は @android:id/tabs
メインの FrameLayout は @android:id/tabcotent

というのを指定してあげます

XMLリソース

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@android:id/tabhost" 
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
  <LinearLayout 
    android:orientation="vertical"
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    android:padding="5dp">
    <TabWidget 
      android:id="@android:id/tabs"
      ... />
    <FrameLayout 
      android:id="@android:id/tabcontent"
      android:padding="5dp"
      ... >
      <LinearLayout
        android:id="@+id/content1" 
        android:orientation="vertical"
        ... >
        <TextView 
          ... />
      </LinearLayout>
      <LinearLayout
        android:id="@+id/content2" 
            ・
            ・
            ・
      </LinearLayout>
    </FrameLayout>
  </LinearLayout>
</TabHost>

また, Tab が切り替わったときのアイコンの切り替えもXMLで指定できます
以下のように作ってres/drawable に置きます

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <!-- 選択されたときの画像 -->
  <item android:drawable="@android:drawable/star_big_on"
        android:state_selected="true" />
  <!-- 選択されていないときの画像 -->
  <item android:drawable="@android:drawable/star_big_off" />
</selector>

んで, 本体
ここで Activity でなく TabActivity というのを継承させます

サンプルプログラム

import android.app.TabActivity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Gravity;
import android.widget.TabHost;
import android.widget.TextView;
import android.widget.TabHost.OnTabChangeListener;

public class TabTest extends TabActivity
                     implements OnTabChangeListener {
  private static final String TAG[] = {
    "tag1", "tag2", "tag3",
  };
  private static final String LABEL[] = {
    "Label1", "Label2", "Label3",
  };

  TabHost tabHost;
  TabHost.TabSpec spec;
  TextView textView;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.tabtest);
    textView = new TextView(this);
    
    // TabHost の取得
    tabHost = getTabHost();
    // Tab が切り替わったときに呼ばれるコールバックを登録
    tabHost.setOnTabChangedListener(this);

    /********** Tab その1 **********/
    // TabSpec の作成
    spec = tabHost.newTabSpec(TAG[0]);
    // インジケーターの設定
    spec.setIndicator(LABEL[0]);
    // Tab のコンテンツの設定
    spec.setContent(R.id.content1);
    // TabHost に Tab を追加
    tabHost.addTab(spec);

    /********** Tab その2 **********/
    spec = tabHost.newTabSpec(TAG[1])
    // アイコン付きインジケーターの設定
    .setIndicator(LABEL[1], getResources().getDrawable(R.drawable.icon))
    .setContent(R.id.content2);
    tabHost.addTab(spec);

    textView.setText("Text");
    textView.setBackgroundColor(Color.DKGRAY);
    textView.setTextColor(Color.RED);
    textView.setGravity(Gravity.CENTER);

    /********** Tab その3 **********/
    // 起動したいアクティビティのIntent作成
    Intent intent = new Intent().setClass(this, TabTest.class);
    
    spec = tabHost.newTabSpec(TAG[2])
    // インジケーターに任意のビューを設定
    .setIndicator(textView)
    // Intent を設定
    .setContent(intent);
    tabHost.addTab(spec);

    // 現在の Tab を設定
    tabHost.setCurrentTab(0);
  }
  // Tab が切り替わったときの動作 (引数はTag)
  public void onTabChanged(String tabId) {
    if (tabId == TAG[2])
      textView.setBackgroundColor(Color.LTGRAY);
    else
      textView.setBackgroundColor(Color.DKGRAY);
  }
}

これでOK!

プログラムを実行すると...

こんな感じ!

今回は Intent で自分自身を読んでます
当たり前ですが何回も呼ぶとオーバーフローして落ちます

Tab で TabActivity を呼べば多段の Tab ができそう!

参考サイト
http://developer.android.com/intl/ja/resources/tutorials/views/hello-tabwidget.html
http://developer.android.com/intl/ja/reference/android/widget/TabHost.html
http://developer.android.com/intl/ja/reference/android/widget/TabWidget.html

HorizontalScrollView を使ってみた

横方向にスクロールさせるには
HorizontalScrollView を使います

java.lang.Object
  ↳ android.view.View
    ↳ android.view.ViewGroup
      ↳ android.widget.FrameLayout
        ↳ android.widget.HorizontalScrollView

その名の通り ScrollView の横バージョンです

HorizontalScrollView は ScrollView と同様一つしか子ビューを持てないので
LineaLayout などにまとめて入れてやります

というわけで, HorizontalScrollView をいじってみた

XMLリソース

<HorizontalScrollView
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" 
  android:id="@+id/HorizontalScrollView">
  <LinearLayout 
    android:id="@+id/LinearLayout"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content">
    <TextView 
      android:id="@+id/TextView" 
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" 
      android:text="HorizontalScrollViewTest">
    </TextView>
        ・
        ・
        ・
  </LinearLayout>
</HorizontalScrollView>

アクティビティー側で setContentView で設定

プログラムを実行すると...

こんな感じ!

一番下にスクロールバーが表示されています

参考サイト
http://developer.android.com/intl/ja/reference/android/widget/HorizontalScrollView.html

Android 奔走記

ソフトバンク、『X06HT HTC Desire』発売開始

MediaPlayer を使ってみた

ToneGenerator を使ってみた

Tab を作ってみた

HorizontalScrollView を使ってみた

ページ

ブログアーカイブ

フォロワー

Blogger Syntax Highliter

Android 奔走記

ソフトバンク、『X06HT HTC Desire』発売開始

MediaPlayer を使ってみた

ToneGenerator を使ってみた

Tab を作ってみた

HorizontalScrollView を使ってみた

ページ

ブログ アーカイブ

フォロワー

Blogger Syntax Highliter

ブログアーカイブ