Android导航使用Spinner下载

时间:2012-11-26 22:32:12

标签: android android-layout

我一直在尝试在操作栏中开发ListNavigation下拉列表。操作栏中有2个下拉菜单。 Action bar navigation dropdown

现在我想为每个微调器选择显示一个唯一的TextView。 例如,如果用户从左侧向左下方选择Fragment1,从右侧向下选择“一个”,则项目的项目符号列表将进入TextView。 如果用户从左下拉选择Fragment 1,从右下拉选择“两个”,则另一个项目符号列表将在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 );  
    }  
}  

以下是每个frag的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> 

如果你想要完整的项目拉链,请告诉我,我会为你提供。感谢

1 个答案:

答案 0 :(得分:1)

我做了什么(我相信这是一个很好的方法),是使用spinner.onItemSelectedListener()

mySpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {

        public void onItemSelected(AdapterView<?> adapter, View v,
                int i, long lng) {
            if (i == 0) {  // If the first item is selected (usually the default, unless you define another one in code) 
                // Do something here            
            } else if (i == 1) { // Second item selected
                // Do something else...
            } else if (i == 2) {
                // And so on...
            }
        }

        public void onNothingSelected(AdapterView<?> arg0) {
            // Do nothing
        }
    });

然后创建一个函数来使用新的值数组更新第二个微调器。

或者(简单但可能不是最好的方法),您可以在xml布局中创建所有微调器,并使用第一个微调器来决定显示哪个第二个微调器(使用setVisibility(View.GONE/View.VISIBLE))。 ..

更新(后续评论):

为了澄清 - 我在布局中创建所有微调器的意义是,您为每个替代列表创建了一个微调器,但是将android:visibility属性设置为gone除了您之外的所有属性希望用户最初看到。

然后你必须在你的布局中使用一些xml:

<spinner
    android:id="mySpinner1"
    ...
    // properties and stuff here
    ...
    android:visibility="visible" /> // You don't really need this line, since spinners are visible by default

<spinner
    android:id="mySpinner2"
    ...
    // properties and stuff here
    ...
    android:visibility="gone" /> // This line will make it look like the spinner was never there

<spinner
    android:id="mySpinner3"
    ...
    // properties and stuff here
    ...
    android:visibility="gone" />

对于您想要的每个微调器,当用户在第一个微调器中选择不同的东西时,您只需隐藏前一个微调器并根据他/她的选择显示新的微调器,使用spinner1.setVisibility(View.VISIBLE);

然后可以将上一个示例中的代码修改为这样的代码(如果你有3个微调器,如果你有更多或更少,你也必须为它们添加行):

mySpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {

        public void onItemSelected(AdapterView<?> adapter, View v,
                int i, long lng) {
            if (i == 0) {  // If the first item is selected (usually the default, unless you define another one in code) 
                        // Display the spinner you selected
                spinner1.setVisibility(View.VISIBLE);           
                        // Hide the rest
                        spinner2.setVisibility(View.GONE);
                        spinner3.setVisibility(View.GONE);
            } else if (i == 1) { // Second item selected
                        // Display the spinner you selected
                spinner2.setVisibility(View.VISIBLE);
                        // Hide the rest
                        spinner1.setVisibility(View.GONE);
                        spinner3.setVisibility(View.GONE);
            } else if (i == 2) {
                        // Display the spinner you selected
                spinner3.setVisibility(View.VISIBLE);
                        // Hide the rest
                        spinner1.setVisibility(View.GONE);
                        spinner2.setVisibility(View.GONE);
            }
        }

        public void onNothingSelected(AdapterView<?> arg0) {
            // Do nothing
        }
    });

请注意,这可能不是最好的方法 - 但是嘿,它有效! ;)

当然,您必须像所有其他想要与之交互的视图一样检索微调器(使用findItemById),但您可能已经知道 - 祝您的项目好运。