2014-01-24 4 views
1

Im новый для библиотеки ActionBarCompat. Я хочу разработать приложение, которое содержит несколько фрагментов. Вот что я хочу сделатьAndroid ActionBarCompat - Навигационный ящик с несколькими фрагментами

1. Как открыть фрагмент, когда пользователь выбирает его из навигационного ящика.

2.Как установить фрагмент запуска, который отображает макет запуска (пример - в приложении Google плюс сначала отображаются новостные ленты новостей. Когда мы выбираем элемент профиля из бокового меню, тогда он скрывает боковое меню/ящик навигации и отображает макет профиля)

В настоящее время у меня есть боковое меню и один фрагмент. Вот учебник, который я использовал для последующего наблюдения. wptrafficanalyzer

+0

По боковому меню вы имеете в виду Навигационный ящик? – Raghunandan

+0

есть.Передвижной ящик или боковая панель – san88

+0

Если вы используете appcompat, нет необходимости в панели инструментов sherlock. так что вы можете удалить тег actiobarsherlock для своего вопроса – Raghunandan

ответ

1

Я принимаю боковое меню, которое вы имели в виду Navigation Drawer. Вы можете найти ответ в приведенной ниже ссылке.

Navigation Drawer with backword compatibility android

ПРОЧТИТЕинструкцию

http://developer.android.com/design/patterns/navigation-drawer.html

Фрагмент размещается в деятельности. Таким образом, вам нужен контейнер в макете активности.

<android.support.v4.widget.DrawerLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/drawer_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <FrameLayout     // container to which you add or replace fragments 
     android:id="@+id/content_frame" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"/> 
    <ListView      
     android:layout_width="240dp" 
     android:layout_height="match_parent" 
     android:layout_gravity="start" 
     android:background="#111" 
     android:choiceMode="singleChoice" 
     android:divider="@android:color/transparent" 
     android:dividerHeight="0dp"/> 

</android.support.v4.widget.DrawerLayout> 

Первоначально вы не нажимаете ни одного элемента. Поэтому сначала добавьте фрагмент1 в контейнер.

FragmentTransaction fragTran = getSupportFragmentManager() 
             .beginTransaction(); 
Fragment fragment1= new Fragment1(); 
fragTran.add(R.id.content_frame, fragment1); 
fragTran.commit(); 

На щелчку ListItem на основании положения

FragmentTransaction fragTran = getSupportFragmentManager() 
             .beginTransaction(); 
Fragment fragment3= new Fragment3(); 
fragTran.replace(R.id.content_frame, fragment3); 
fragTran.commit(); 
+0

это то, что я хочу..thanx – san88

1

Если вы собираетесь использовать слайд из меню я рекомендую вам использовать этот slidemenu library я использую его в своих приложениях и позволяет размещать что вы хотите в слайд из меню, меню просто макет кадра, и вы можете положить все, что вы хотите в нем (ListView, GridView, или даже просто картинка)

1

Привет проверить этот код

общественный класс MainActivity расширяет ActionBarActivity реализует OnItemClickListener {

DrawerLayout options_drawer; 
FrameLayout main_frame; 
ListView slider_list; 
ActionBar action; 
ActionBarDrawerToggle toggler; 

BluetoothAdapter blue_adapter; 

String options[] = { "Chat", "Device List", "Settings", "Emojis", 
     "Terms&Conditions" }; 

Fragment f; 

private static final int REQUEST_ENABLE_BT = 3; 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 

    // supportRequestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS); 

    setContentView(R.layout.activity_main); 
    // setSupportProgressBarIndeterminateVisibility(true); 
    action = getSupportActionBar(); 
    action.setHomeButtonEnabled(true); 
    action.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD); 
    options_drawer = (DrawerLayout) findViewById(R.id.drawer); 
    main_frame = (FrameLayout) findViewById(R.id.main_frame); 
    slider_list = (ListView) findViewById(R.id.slider_list); 

    blue_adapter = BluetoothAdapter.getDefaultAdapter(); 
    if (blue_adapter == null) { 
     Toast.makeText(getApplicationContext(), 
       "NO BLUETOOTH DEVICE FOUND", Toast.LENGTH_LONG).show(); 
     finish(); 
    } 

    ArrayAdapter<String> al = new ArrayAdapter<String>(
      getApplicationContext(), R.layout.option_text, options); 
    slider_list.setAdapter(al); 
    slider_list.setOnItemClickListener(this); 

    /* 
    * toggler=new ActionBarDrawerToggle(MainActivity.this, 
    * options_drawer,R. 
    * drawable.ic_launcher,R.string.app_name,R.string.app_name){ 
    * 
    * @Override public void onDrawerOpened(View drawerView) { // TODO 
    * Auto-generated method stub super.onDrawerOpened(drawerView); 
    * options_drawer.openDrawer(slider_list); } 
    * 
    * }; 
    */ 
    // options_drawer.setDrawerListener(toggler); 

    if (savedInstanceState == null) { 

     f = new chat_fragment(); 
     fragmentTransition(f); 

    } 

} 

@Override 
public void onStart() { 
    super.onStart(); 

    // If BT is not on, request that it be enabled. 
    // setupChat() will then be called during onActivityResult 
    if (!blue_adapter.isEnabled()) { 
     Intent enableIntent = new Intent(
       BluetoothAdapter.ACTION_REQUEST_ENABLE); 
     startActivityForResult(enableIntent, REQUEST_ENABLE_BT); 
     // Otherwise, setup the chat session 
    } 
} 

@Override 
public boolean onOptionsItemSelected(MenuItem item) { 
    // TODO Auto-generated method stub 
    if (item.getItemId() == android.R.id.home) { 

     // If the drawer is open, close it; vice versa 
     if (options_drawer.isDrawerOpen(slider_list)) { 
      options_drawer.closeDrawer(slider_list); 
     } else { 
      options_drawer.openDrawer(slider_list); 
     } 
    } 

    return super.onOptionsItemSelected(item); 
} 

@Override 
public void onItemClick(AdapterView<?> arg0, View arg1, int position, 
     long arg3) { 
    // TODO Auto-generated method stub 

    options_drawer.closeDrawer(slider_list); 

    switch (position) { 

    case 0: 
     f = new chat_fragment(); 
     fragmentTransition(f); 
     break; 

    case 1: 

     f = new device_list_fragment(); 
     fragmentTransition(f); 
     break; 
    } 


} 

private void fragmentTransition(Fragment f2) { 
    // TODO Auto-generated method stub 

    FragmentTransaction fx = getSupportFragmentManager().beginTransaction(); 
    fx.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN); 
    fx.replace(R.id.main_frame, f2).commit(); 

} 

}

и XML-файл является

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/drawer" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".MainActivity" > 

<FrameLayout 
    android:id="@+id/main_frame" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 
</FrameLayout> 

<ListView 
    android:id="@+id/slider_list" 
    android:layout_width="fill_parent" 
    android:layout_height="match_parent" 
    android:layout_gravity="start" 
    android:background="#ffffff" > 
</ListView> 

1

попробуйте эту ссылку http://www.androidhive.info/2013/11/android-sliding-menu-using-navigation-drawer/ андроид actionbarcompat поддерживается библиотекой для андроида ниже versions.In это вы должны сделать некоторые изменения в code.I дают некоторые примеры код с поддерживаемой библиотекой

код:

public class SliderScreen extends ActionBarActivity { 

    private DrawerLayout mDrawerLayout; 
    private ListView mDrawerList; 
    private ActionBarDrawerToggle mDrawerToggle; 
    int checkboxValue=0; 
    // nav drawer title 
    private CharSequence mDrawerTitle; 
    private int selectedPosition=0; 
    private int currentpos=0; 
    // used to store app title 
    private CharSequence mTitle; 
    ProgressDialog progress_dialog; 
    // slide menu items 
    private String[] navMenuTitles; 
    private TypedArray navMenuIcons; 
    public static String letter = ""; 
    private ArrayList<NavDrawerItem> navDrawerItems; 
    private NavDrawerListAdapter adapter; 
    ActionBarActivity activity; 
    MDatabase mdatabaseHelper; 
    String contact_id = ""; 
    Cursor contactsCursor = null, databaseCursor = null, 
      messageDatabaseCursor = null,imageDatabaseCursor=null; 
    String contactCursorValue = "0"; 
    int contactCursorRead = 0, messageCursorRead = 0,imageCursorRead=0; 
    int messageProgressValue = 0, contactProgressValue = 0,imageProgressValue=0; 
    AlertDialog d; 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.slide_screen); 

     mTitle = mDrawerTitle = getTitle(); 
     // activity=(ActionBarActivity) Context.getApplicationContext(); 

     // load slide menu items 
     navMenuTitles = getResources().getStringArray(R.array.nav_drawer_items); 

     // nav drawer icons from resources 
     navMenuIcons = getResources() 
       .obtainTypedArray(R.array.nav_drawer_icons); 

     mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); 
     mDrawerList = (ListView) findViewById(R.id.list_slidermenu); 

     progress_dialog = new ProgressDialog(SliderScreen.this); 
     progress_dialog.setMessage("please wait "); 

     Builder build=new Builder(SliderScreen.this); 
     build.setTitle(""); 
     build.setMessage("Do you want to signout ? "); 
     build.setPositiveButton("Yes",new OnClickListener() { 

      @Override 
      public void onClick(DialogInterface dialog, int which) { 

       finish(); 

      } 
     }); 
     build.setNegativeButton("No",new OnClickListener() { 

      @Override 
      public void onClick(DialogInterface dialog, int which) { 

       d.dismiss(); 

      } 
     }); 
     d=build.create(); 

     // Database retrieval 

     mdatabaseHelper = new MDatabase(SliderScreen.this, null, null, 1); 
     mdatabaseHelper.getWritableDatabase(); 
     navDrawerItems = new ArrayList<NavDrawerItem>(); 
     // adding nav drawer items to array 
     // Home 
     navDrawerItems.add(new NavDrawerItem(navMenuTitles[0], navMenuIcons 
       .getResourceId(0, -1))); 
     // Find People 
     navDrawerItems.add(new NavDrawerItem(navMenuTitles[1], navMenuIcons 
       .getResourceId(1, -1), true, 0)); 

     navDrawerItems.add(new NavDrawerItem(navMenuTitles[2], navMenuIcons 
       .getResourceId(2, -1), true, 0)); 
     // Photos 
     navDrawerItems.add(new NavDrawerItem(navMenuTitles[3], navMenuIcons 
       .getResourceId(3, -1), true,0)); 
     // Communities, Will add a counter here 
     navDrawerItems.add(new NavDrawerItem(navMenuTitles[4], navMenuIcons 
       .getResourceId(4, -1), true, getMusicFilesCount())); 
     // Pages 
     navDrawerItems.add(new NavDrawerItem(navMenuTitles[5], navMenuIcons 
       .getResourceId(5, -1))); 
     // What's hot, We will add a counter here 

     // Recycle the typed array 
     navMenuIcons.recycle(); 

     mDrawerList.setOnItemClickListener(new SlideMenuClickListener()); 

     // setting the nav drawer list adapter 
     adapter = new NavDrawerListAdapter(getApplicationContext(), 
       navDrawerItems); 
     mDrawerList.setAdapter(adapter); 

     // enabling action bar app icon and behaving it as toggle button 
     getSupportActionBar().setDisplayHomeAsUpEnabled(true); 
     getSupportActionBar().setHomeButtonEnabled(true); 

     mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, 
       R.drawable.listbulletes, // nav menu toggle icon 
       0, // nav drawer open - description for accessibility 
       0 // nav drawer close - description for accessibility 
     ) { 
      public void onDrawerClosed(View view) { 
       getSupportActionBar().setTitle(mTitle); 
       if(currentpos!=selectedPosition) 
       { 
        currentpos=selectedPosition; 
        displayView(selectedPosition); 
       } 

      } 


      public void onDrawerOpened(View drawerView) { 
       getSupportActionBar().setTitle(mDrawerTitle); 

       // calling onPrepareOptionsMenu() to hide action bar icons 

       // ActivityCompat.invalidateOptionsMenu(getParent()); 
       // invalidateOptionsMenu(); 
      } 

     }; 
     mDrawerLayout.setDrawerListener(mDrawerToggle); 

     if (savedInstanceState == null) { 
      // on first time display view for first nav item 
      displayView(1); 
     } 



    } 


    } 

    /** 
    * Slide menu item click listener 
    * */ 
    private class SlideMenuClickListener implements 
      ListView.OnItemClickListener { 
     @Override 
     public void onItemClick(AdapterView<?> parent, View view, int position, 
       long id) { 
      if(currentpos!=position) 
      { 
       Fragment fragment=new DefaultFragment(); 
       if (fragment != null) { 
        FragmentManager fragmentManager = getSupportFragmentManager(); 
        fragmentManager.beginTransaction() 
          .replace(R.id.frame_container, fragment).commit(); 

        // update selected item and title, then close the drawer 

        setTitle(" "); 
       } else { 
        // error in creating fragment 
        Log.e("MainActivity", "Error in creating fragment"); 
       } 
      } 

      selectedPosition=position; 
      mDrawerLayout.closeDrawer(mDrawerList); 
      /* 
      // display view for selected nav drawer item 
      if(selectedPosition==position) 
      { 
       mDrawerLayout.closeDrawer(mDrawerList); 
      } 
      else 
      { 
       displayView(position); 
       selectedPosition=position; 
      } 

     */} 
    } 

    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
     getMenuInflater().inflate(R.menu.menu, menu); 
     return true; 
    } 

    @Override 
    public boolean onOptionsItemSelected(MenuItem item) { 
     // toggle nav drawer on selecting action bar app icon/title 
     if (mDrawerToggle.onOptionsItemSelected(item)) { 
      return true; 
     } 
     // Handle action bar actions click 
     switch (item.getItemId()) { 
     case R.id.action_settings: 
      return true; 
     default: 
      return super.onOptionsItemSelected(item); 
     } 
    } 

    /* * 
    * Called when invalidateOptionsMenu() is triggered 
    */ 
    @Override 
    public boolean onPrepareOptionsMenu(Menu menu) { 
     // if nav drawer is opened, hide the action items 
     boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList); 
     menu.findItem(R.id.action_settings).setVisible(!drawerOpen); 
     return super.onPrepareOptionsMenu(menu); 
    } 

    /** 
    * Diplaying fragment view for selected nav drawer list item 
    * */ 
    private void displayView(int position) { 
     // update the main content by replacing fragments 
     Fragment fragment = null; 
     switch (position) { 
     case 0: 
      fragment = new HomeFragment(); 
      break; 
     case 1: 

       fragment = new ContactsFragment(); 

      break; 
     case 2: 

       fragment = new MessagesFragment(); 

      break; 
     case 3: 

       fragment = new ImageFragment(); 

      break; 
     case 4: 
      fragment = new MusicFragment(); 
      break; 
     case 5: 
      fragment = new SettingsFragment(); 
      break; 

     default: 
      break; 
     } 

     if (fragment != null) { 
      FragmentManager fragmentManager = getSupportFragmentManager(); 
      fragmentManager.beginTransaction() 
        .replace(R.id.frame_container, fragment).commit(); 

      // update selected item and title, then close the drawer 
      mDrawerList.setItemChecked(position, true); 
      mDrawerList.setSelection(position); 
      setTitle(navMenuTitles[position]); 
      mDrawerLayout.closeDrawer(mDrawerList); 
     } else { 
      // error in creating fragment 
      Log.e("MainActivity", "Error in creating fragment"); 
     } 
    } 

    private void showProgressDialog() { 

     progress_dialog.show(); 

    } 

    @Override 
    public void setTitle(CharSequence title) { 
     mTitle = title; 
     getSupportActionBar().setTitle(mTitle); 
    } 

    /** 
    * When using the ActionBarDrawerToggle, you must call it during 
    * onPostCreate() and onConfigurationChanged()... 
    */ 

    @Override 
    protected void onPostCreate(Bundle savedInstanceState) { 
     super.onPostCreate(savedInstanceState); 
     // Sync the toggle state after onRestoreInstanceState has occurred. 
     mDrawerToggle.syncState(); 
    } 

    @Override 
    public void onConfigurationChanged(Configuration newConfig) { 
     super.onConfigurationChanged(newConfig); 
     // Pass any configuration change to the drawer toggls 
     mDrawerToggle.onConfigurationChanged(newConfig); 
    } 



} 
Смежные вопросы