2013年11月14日木曜日

ActionBarを使ってみる(ドロップダウンナビゲーション Android 2.2以上)

今回は、ActionBarのドロップダウンナビゲーションを試したいと思います(ΦωΦ)フフフ…

タブの時とは項目の設定方法が変わっていて、
項目の設定にはAdapterを利用します。

setListNavigationCallbacksでAdapterを渡すと、
そのデータを元にSpinner(スピナー)が生成されるみたいです。
そのSpinnerがActionBarに表示されるっぽい!(´・∀・`)ヘー

■AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.actionbar3"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.actionbar3.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>
■res/values/styles.xml
<resources>

    <!--
        Base application theme, dependent on API level. This theme is replaced
        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
    -->
    <style name="AppBaseTheme" parent="Theme.AppCompat.Light">
        <!--
            Theme customizations available in newer API levels can go in
            res/values-vXX/styles.xml, while customizations related to
            backward-compatibility can go here.
        -->
    </style>

    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
    </style>

</resources>
■activity_main.xml
<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

■MainActivity.java
package com.example.actionbar3;

import android.os.Bundle;
import android.app.Activity;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import android.util.Log;
import android.view.Menu;
import android.widget.ArrayAdapter;

public class MainActivity extends ActionBarActivity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  // ドロップダウンナビゲーションの項目
  String[] item = { "Item 1", "Item 2", "Item 3" };

  // ActionBar を取得する
  ActionBar ab = getSupportActionBar();

  // リストに表示するアダプタを登録
  ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
    android.R.layout.simple_list_item_1, item);

  // Navigationコールバックを登録する
  ab.setListNavigationCallbacks(adapter,
    new ActionBar.OnNavigationListener() {
     @Override
     public boolean onNavigationItemSelected(int itemPosition,
       long itemId) {
      Log.d("ActionBar",
        "OnNavigationListener "
          + String.valueOf(itemPosition) + " : "
          + String.valueOf(itemId));
      return false;
     }
    });

  // NavigationModeをListModeに設定
  ab.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);

  // アプリタイトルを非表示にする
  ab.setDisplayShowTitleEnabled(false);
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

}

実行結果は次のようになります。

アプリのタイトルを消していない状態


アプリのタイトルを消している状態
以上です(`・ω・´)ゞビシッ!!

参考URL

0 件のコメント:

コメントを投稿