2013年6月16日日曜日

Google Maps Android API v2 をActionBarのタブに表示する


見た目がかっこいいからActionBarのタブを使うことにした。

必要なファイル

・MyMapFragment.java : タブ選択時に表示されるフラグメント
・MyTabListener.java : タブリスナー
・MainActivity.java : タブ表示するアクティビティ
・activity_main.xml : タブ表示するアクティビティのレイアウト

やりかた

とりあえずMapFragment継承してマップ表示するフラグメント作成
MyMapFragment.java
public class MyMapFragment extends MapFragment {
    private GoogleMap mMap;
 
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View root = super.onCreateView(inflater, container, savedInstanceState);
        return root;
    }
}

次にActionBar.TabListenerを継承してタブとフラグメントを関連付けるためのタブリスナーを作る。
MyTabListener.java
public class MyTabListener implements ActionBar.TabListener {
    private Fragment mFragment;
    private final Activity mActivity;
    private final String mTag;
    private final Class mClass;
    private final Bundle mArgs;

    /** Constructor used each time a new tab is created.
      * @param activity  The host Activity, used to instantiate the fragment
      * @param tag  The identifier tag for the fragment
      * @param clz  The fragment's Class, used to instantiate the fragment
      */
    public MyTabListener(Activity activity, String tag, Class clz, Bundle args) {
        mActivity = activity;
        mTag = tag;
        mClass = clz;
        mArgs = args;
    }

    /* The following are each of the ActionBar.TabListener callbacks */

    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        // Check if the fragment is already initialized
        if (mFragment == null) {
            // If not, instantiate and add it to the activity
            mFragment =  Fragment.instantiate(mActivity, mClass.getName());
            mFragment.setArguments(mArgs);
            ft.add(android.R.id.content, mFragment, mTag);
        } else {
            // If it exists, simply attach it in order to show it
            ft.attach(mFragment);
        }
    }

    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        if (mFragment != null) {
            // Detach the fragment, because another one is being attached
            ft.detach(mFragment);
        }
    }

    public void onTabReselected(Tab tab, FragmentTransaction ft) {
        // User selected the already selected tab. Usually do nothing.
    }
}

そしてタブバーを表示するためのActivityを作る。
適当にMyMapFragmentのタブを3つ追加する。
MainActivity.java
public class MainActivity extends Activity {

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

     ActionBar actionBar = getActionBar();
     actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
     
     for (int i = 0; i <= 2; i++) {
         Bundle args = new Bundle();
         // 必要ならここでパラメータ追加
  String tag = String.valueOf(i);
  actionBar.addTab(actionBar.newTab()
        .setIcon(R.drawable.tab)
        .setText(tag)
        .setTabListener(new MyTabListener(this, tag, MyMapFragment.class, args)));
  }
 }
}

レイアウトはデフォルトでOK。
activity_main.xml



これでできるはず。



スポンサーリンク

Related Posts Plugin for WordPress, Blogger...