Comment append un séparateur de section pour le tiroir de navigation dans Android?

J’ai un tiroir de navigation comme cette image. Je veux append un séparateur de section (comme la ligne séparant Neptune). Cela semble simple mais je ne trouve rien sur le Web qui soit utile pour mon cas.

Voici ma MainActivity:

public class MainActivity extends Activity { private DrawerLayout mDrawerLayout; private ListView mDrawerList; private ActionBarDrawerToggle mDrawerToggle; private CharSequence mDrawerTitle; private CharSequence mTitle; private Ssortingng[] mPlanetTitles; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mTitle = mDrawerTitle = getTitle(); mPlanetTitles = getResources().getSsortingngArray(R.array.planets_array); mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); mDrawerList = (ListView) findViewById(R.id.left_drawer); // set a custom shadow that overlays the main content when the drawer opens mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START); // set up the drawer's list view with items and click listener mDrawerList.setAdapter(new ArrayAdapter(this, R.layout.drawer_list_item, mPlanetTitles)); mDrawerList.setOnItemClickListener(new DrawerItemClickListener()); // enable ActionBar app icon to behave as action to toggle nav drawer getActionBar().setDisplayHomeAsUpEnabled(true); getActionBar().setHomeButtonEnabled(true); // ActionBarDrawerToggle ties together the the proper interactions // between the sliding drawer and the action bar app icon mDrawerToggle = new ActionBarDrawerToggle( this, /* host Activity */ mDrawerLayout, /* DrawerLayout object */ R.drawable.ic_drawer, /* nav drawer image to replace 'Up' caret */ R.ssortingng.drawer_open, /* "open drawer" description for accessibility */ R.ssortingng.drawer_close /* "close drawer" description for accessibility */ ) { public void onDrawerClosed(View view) { getActionBar().setTitle(mTitle); invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu() } public void onDrawerOpened(View drawerView) { getActionBar().setTitle(mDrawerTitle); invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu() } }; mDrawerLayout.setDrawerListener(mDrawerToggle); if (savedInstanceState == null) { selectItem(0); } } @Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.main, menu); return super.onCreateOptionsMenu(menu); } /* Called whenever we call invalidateOptionsMenu() */ @Override public boolean onPrepareOptionsMenu(Menu menu) { // If the nav drawer is open, hide action items related to the content view boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList); menu.findItem(R.id.action_websearch).setVisible(!drawerOpen); return super.onPrepareOptionsMenu(menu); } @Override public boolean onOptionsItemSelected(MenuItem item) { // The action bar home/up action should open or close the drawer. // ActionBarDrawerToggle will take care of this. if (mDrawerToggle.onOptionsItemSelected(item)) { return true; } // Handle action buttons switch(item.getItemId()) { case R.id.action_websearch: // create intent to perform web search for this planet Intent intent = new Intent(Intent.ACTION_WEB_SEARCH); intent.putExtra(SearchManager.QUERY, getActionBar().getTitle()); // catch event that there's no activity to handle intent if (intent.resolveActivity(getPackageManager()) != null) { startActivity(intent); } else { Toast.makeText(this, R.ssortingng.app_not_available, Toast.LENGTH_LONG).show(); } return true; default: return super.onOptionsItemSelected(item); } } /* The click listner for ListView in the navigation drawer */ private class DrawerItemClickListener implements ListView.OnItemClickListener { @Override public void onItemClick(AdapterView parent, View view, int position, long id) { selectItem(position); } } private void selectItem(int position) { // update the main content by replacing fragments Fragment fragment = new PlanetFragment(); Bundle args = new Bundle(); args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position); fragment.setArguments(args); FragmentManager fragmentManager = getFragmentManager(); fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit(); // update selected item and title, then close the drawer mDrawerList.setItemChecked(position, true); setTitle(mPlanetTitles[position]); mDrawerLayout.closeDrawer(mDrawerList); } @Override public void setTitle(CharSequence title) { mTitle = title; getActionBar().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); } /** * Fragment that appears in the "content_frame", shows a planet */ public static class PlanetFragment extends Fragment { public static final Ssortingng ARG_PLANET_NUMBER = "planet_number"; public PlanetFragment() { // Empty constructor required for fragment subclasses } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_planet, container, false); int i = getArguments().getInt(ARG_PLANET_NUMBER); Ssortingng planet = getResources().getSsortingngArray(R.array.planets_array)[i]; int imageId = getResources().getIdentifier(planet.toLowerCase(Locale.getDefault()), "drawable", getActivity().getPackageName()); ((ImageView) rootView.findViewById(R.id.image)).setImageResource(imageId); getActivity().setTitle(planet); return rootView; } } } 

activity_main.xml:

     

tiroir_list_item.xml:

  

Je veux que ce soit simple mais je ne trouve rien de bon sur le web. Y a-t-il un moyen d’isoler Neptune et de créer une section pour cela? Est-ce que quelqu’un a des suggestions? Merci.

entrer la description de l'image ici

Assurez-vous de définir différents groupes avec des identifiants différents .

Par exemple, ceci est mon drawer_menu.xml :

            

Tiroir à échantillon

Gabriel ajoute ci-dessous dans les commentaires que si le groupe n’a pas d’identifiant, le séparateur n’apparaîtra pas.

Ma méthode de piratage est similaire à celle de Mostrapotski.

Dans ma mise en page pour mon adaptateur personnalisé, j’ajoute un séparateur horizontal au début de chaque élément et définit sa visibilité sur disparue.

Pour les éléments qui marquent le début d’un nouveau groupe, je définis leur visibilité sur visible afin que le séparateur apparaisse par-dessus.

Vous avez deux choix

  1. Vos éléments peuvent être séparés (une liste en haut et des vues classiques en bas). Ensuite, au lieu de la liste dans votre mise en page principale (android: id = “@ + id / left_drawer”), vous pouvez avoir un LinearLayout assez complexe comprenant ces 3 éléments (vues de liste, séparateur et inférieure)
  2. Vos éléments doivent être exactement comme dans votre exemple, alors vous avez besoin du séparateur dans la liste, vous pouvez utiliser une certaine logique dans votre adaptateur pour dessiner une vue au-dessus de l’élément de liste où vous avez besoin du séparateur. (ce qui signifie que votre élément de liste ne sera plus une seule vue de texte, mais une LinearLayout avec un séparateur disparu (et visible parfois, selon la logique de votre adaptateur).

Pour vous aider avec un exemple de code, pouvez-vous poster tous les éléments dont vous avez besoin dans votre menu? Nous devons savoir exactement ce qui sera statique et ce qui sera défilable.

Edit : Si vous voulez que travailler avec l’exemple, éliminez la ligne

 mDrawerList.setAdapter(new ArrayAdapter(this, ...) 

Vous devez fournir un adaptateur fait maison comme ceci: https://github.com/codepath/android_guides/wiki/Using-an-ArrayAdapter-with-ListView

Comme je le disais en 2, dans votre adaptateur, vous aurez la logique, et vous pourrez donc dire dans la méthode getView ()

 if(myPlanet.isNeptune()) holder.mSepatator.setVisibility(View.VISIBLE); else holder.mSepatator.setVisibility(View.GONE);