アクションバーにListNavigationドロップダウンを開発しようとしています。アクションバーには2つのドロップダウンがあります。
次に、スピナーの選択ごとに一意のTextViewを表示します。たとえば、ユーザーがFragment1
左のドロップダウンから「1つ」を選択し、右のドロップダウンから「1つ」を選択した場合、項目の箇条書きリストがTextViewに表示されます。ユーザーがFragment 1
左のドロップダウンから選択し、右のドロップダウンから「2」を選択すると、別の箇条書きの項目リストがTextViewに表示されます。
基本的に、メインメニューとして「左ドロップダウン」を使用し、サブメニューとして「右ドロップダウン」を使用して、主に箇条書きのテキストを表示しています。
これでGUIを取得できますが、これをどのように実装できるかについて少し戸惑っています。
メインアクティビティのコードは次のとおりです。
package com.temp.basicactionbar;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.ActionBar;
import android.app.ActionBar.OnNavigationListener;
import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import android.widget.SimpleAdapter;
import android.widget.Spinner;
public class MainActivity extends Activity
{
private MenuItem mSpinnerItem = null;
private MenuItem mSearchItem = null;
private EditText mSearch = null;
@Override
public void onCreate( Bundle savedInstanceState ) {
super.onCreate( savedInstanceState );
ActionBar ab = getActionBar();
ab.setDisplayShowTitleEnabled( false );
setListNavigation( ab );
}
@Override
protected void onSaveInstanceState( Bundle outState ) {
outState.putInt( "mode", getActionBar().getNavigationMode() );
super.onSaveInstanceState( outState );
}
@Override
public boolean onCreateOptionsMenu( Menu menu ) {
getMenuInflater().inflate( R.menu.main, menu );
mSpinnerItem = menu.findItem( R.id.menu_spinner );
setupSpinner( mSpinnerItem );
mSearchItem = menu.findItem( R.id.menu_search );
mSearchItem.setVisible(getActionBar().getNavigationMode() == ActionBar.NAVIGATION_MODE_TABS );
mSearch = (EditText) mSearchItem.getActionView().findViewById(R.id.search );
return true;
}
private void setListNavigation( ActionBar actionBar )
{
actionBar.setNavigationMode( ActionBar.NAVIGATION_MODE_LIST );
final List<Map<String, Object>> data = new ArrayList<Map<String, Object>>();
Map<String, Object> map = new HashMap<String, Object>();
map.put( "title", getString( R.string.frag1 ) );
map.put( "fragment",
Fragment.instantiate( this, Fragment1.class.getName() ) );
data.add( map );
map = new HashMap<String, Object>();
map.put( "title", getString( R.string.frag2 ) );
map.put( "fragment",
Fragment.instantiate( this, Fragment2.class.getName() ) );
data.add( map );
map = new HashMap<String, Object>();
map.put( "title", getString( R.string.frag3 ) );
map.put( "fragment",
Fragment.instantiate( this, Fragment3.class.getName() ) );
data.add( map );
map = new HashMap<String, Object>();
map.put( "title", getString( R.string.frag4 ) );
map.put( "fragment", Fragment.instantiate( this, Fragment4.class.getName() ) );
data.add( map );
SimpleAdapter adapter = new SimpleAdapter( this, data,
android.R.layout.simple_spinner_dropdown_item,
new String[] { "title" }, new int[] { android.R.id.text1 } );
actionBar.setListNavigationCallbacks( adapter,
new OnNavigationListener()
{
@Override
public boolean onNavigationItemSelected(int itemPosition, long itemId) {
Map<String, Object> map = data.get( itemPosition );
Object o = map.get( "fragment" );
if (o instanceof Fragment)
{
FragmentTransaction tx = getFragmentManager()
.beginTransaction();
tx.replace( android.R.id.content, (Fragment) o );
tx.commit();
}
return true;
}
} );
if (mSpinnerItem != null)
{
setupSpinner( mSpinnerItem );
}
}
private void setupSpinner( MenuItem item )
{
item.setVisible( getActionBar().getNavigationMode() == ActionBar.NAVIGATION_MODE_LIST );
View view = item.getActionView();
if (view instanceof Spinner)
{
Spinner spinner = (Spinner) view;
spinner.setAdapter( ArrayAdapter.createFromResource( this,
R.array.spinner_data,
android.R.layout.simple_spinner_dropdown_item ) );
}
}
public void delete( View v )
{
if (mSearch != null)
{
mSearch.setText( "" );
}
}
}
これがフラグメントのコードです
package com.stylingandroid.basicactionbar;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class Fragment2 extends Fragment
{
@Override
public View onCreateView( LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState )
{
return inflater.inflate( R.layout.frag2, container, false );
}
}
各フラグメントのXMLレイアウトは次のとおりです。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="@string/frag3"/>
</RelativeLayout>
完全なプロジェクトzipが必要な場合は、お知らせください。提供します。ありがとう