※ Android の最新(2012年6月末)の開発環境に関して
SkyDrive へ移動
普通にプロジェクトを作成すると以下のようになります。メニューの XML は最初から作成されていて、メニューが作成される最初のイベント(onCreateOptionsMenu)も作成されていますので、onOptionsItemSelected を追加して、メニューの処理を実装します。
▼ ifRoom フラグの意味
それのための余地がある場合にのみ、アクションバーでこの項目を配置します。
※ この設定により、以降のメニュー位置になります
Google、AndroidのMenuボタンに“告別
Googleは既存アプリのMenuボタンが担っていた機能を、「ActionBar」クラスを使って組み込み直すよう勧めている。
package com.example.androidapp;
import android.os.Bundle;
import android.app.Activity;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// 選択されたメニュー項目の ID
int menuId = item.getItemId();
// 選択されたメニュー項目に表示されているテキスト
String menuText = item.getTitle().toString();
// 画面上のテキストフィールド
EditText editText = (EditText)findViewById(R.id.editText1);
// 画面上画像表示用コントロール
ImageView imageView = (ImageView)findViewById(R.id.imageView1);
switch(menuId){
case R.id.menu_action1:
Log.i("DEBUG:", "処理1が選択されました");
// 実際の番号でアイコンリソースを指定
imageView.setImageDrawable(getResources().getDrawable(17301555));
break;
case R.id.menu_action2:
Log.i("DEBUG:", "処理2が選択されました");
// 定義IDでアイコンリソースを指定
imageView.setImageDrawable(getResources().getDrawable(android.R.drawable.ic_menu_add));
break;
case R.id.menu_post:
// 画面遷移用
Log.i("DEBUG:", "投稿画面へ移動します");
break;
}
// 選択されたメニュー項目に表示されているテキストを
// テキストフィールドに表示
editText.setText(menuText);
return true;
}
}
ここでは、『投稿』で画面遷移を想定しています。17301555 は、android.R.drawable.ic_menu_add の実際の値です。
画面定義
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:padding="20px"
android:text="CTRL+F12でエミュレータを横にすると、メニューにテキストが付加されます" />
<EditText
android:id="@+id/editText1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/textView1"
android:ems="10" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="48px"
android:layout_height="48px"
android:layout_below="@+id/editText1"
android:layout_marginTop="24dp"
android:src="@drawable/ic_action_search" />
</RelativeLayout>
メニュー項目定義
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/menu_post"
android:icon="@android:drawable/ic_menu_save"
android:title="投稿"
android:showAsAction="ifRoom|withText" />
<item android:id="@+id/menu_action1"
android:title="処理1"
android:orderInCategory="100"
android:showAsAction="never" />
<item android:id="@+id/menu_action2"
android:title="処理2"
android:orderInCategory="100"
android:showAsAction="never" />
</menu>
android:drawable の android は、package を意味しています。ic_menu_save 以外もたくさん定義されています。
関連する Android ドキュメント
Action Bar
関連する記事
android-binding を使って Windows C#(XAML) のようなバインド処理の実装
そこでログインすると、登録済のアプリケーションの名前が表示されて、処理を許可するかどうかの確認画面が表示されて、許可すると登録済のリダイレクト URL が表示されます。ここで使用している Google API に登録したアプリケーションは、『Client ID for web applications』として、自分の API Console で作成や表示が可能です。 ※ Calendar API と Google+ API を ON にしています。 クリップボードアクセスについて エミュレータでログインする場合、ユーザーの入力を省略する為に、アプリケーションでユーザ文字列をクリップボードにセットしています。その際、ClipboardManager を使うわけですが、android.content.ClipboardManager を使っています。もうひとつ、android.text.ClipboardManager がありますが、これは将来的に廃止するので android.content.ClipboardManager を使うようにと指示されます。これは、Eclipse でのチェック機能でかなり明示されますし、android.content.ClipboardManager を使っても @SuppressLint("NewApi") を記述するようにガイドされました。 WebView の JavaScript 設定 Google 側の処理で、JavaScript が必要になります。もし、JavaScript が使用できない場合はメッセージが表示されて先へ進まなくなりますので、webView.getSettings().setJavaScriptEnabled(true); を実行してからログイン画面を表示しています。 アクセストークンを POST で取得 WevView のアドレスに『仮のアクセストークン』が設定されるので、そこから取り出して正式なアクセストークンを取得する為に『Client secret』をさらにセットして呼び出します。その結果が JSON なので、その中の access_token を GSON で取得するので、プロジェクトの lib フォルダには、GSON の jar を保存しておく必要があります。 Web に対するアクセスの為の AsyncTask Android 4.0.3 でインターネットにアクセスしようとすると、たとえ SDK のメソッドであっても同期処理の場合は非同期処理として記述しなおす必要があります。その際のむ最も簡単な方法として、無名の AsyncTask のインスタンスを使用しています。 UI 処理は onPostExecute で doInBackground は、別スレッドなので画面にアクセスはできません。UI スレッドである onPostExecute に必要なデータを return して処理する必要があります。( ジェネリック型の型パラメータの最後のパラメータの型で受け渡しの型を決定します ) ※ 『ジェネリック型の型パラメータ』は Microsoft の C# の表現です / <String, Void, String> ※ 最初の型パラメータは doInBackground に対するもので、配列になります ※ 真ん中のパラメータは、doInBackground から publishProgress で投げた内容を配列で受け取ります ※ ここでは使用していないので Void にしています。 AsyncTask | Android Developers
上のような状態になって、表示されているキャプチャされた画像の下にポップアップメニューが隠れてしまいます。(
ログイン > 画像表示 > 画像投稿
( WEB カメラの画像も投稿できます )
※ エキスパートモードで表示しています
アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります
