Naviagtion Drawer wie zwischen layouts wechseln?

Hallo
Folgendes Zenario :
Ich habe eine app mit einem navigation drawer .... in diesem drawer sind die verschiedenen titel mit einer array dargestellt
nun möchte ich dass wenn man zb auf den 2. titel die dazugehörige xml datei angezeicht wird, widerum bei dem 3. titel die dazugehörtige.....

mein problem ist dass ich den code für den navigation drawer habe und die xml dateien fertig habe, nur nicht weis wie man den code bei "onItemClick" umändern muss dass man zu jedem titel die xml datei angezeigt wird...

Könnt ihr mir helfen ich suche und suche habe aber im internet für meinen code nichts gefunden für onItemClick:

Hier der code "Main Activity"

import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.widget.DrawerLayout;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import com.hacking.hackstore.R;

public class MainActivity extends Activity {


    // Within which the entire activity is enclosed
    DrawerLayout mDrawerLayout;

    // ListView represents Navigation Drawer
    ListView mDrawerList;

    // ActionBarDrawerToggle indicates the presence of Navigation Drawer in the action bar
    ActionBarDrawerToggle mDrawerToggle;    

    // Title of the action bar
    String mTitle="";

    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        mTitle = (String) getTitle();       


        // Getting reference to the DrawerLayout
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);


        mDrawerList = (ListView) findViewById(R.id.drawer_list);

        // Getting reference to the ActionBarDrawerToggle
        mDrawerToggle = new ActionBarDrawerToggle(  this, 
                                                    mDrawerLayout, 
                                                    R.drawable.ic_drawer, 
                                                    R.string.drawer_open,
                                                    R.string.drawer_close){

            /** Called when drawer is closed */
            public void onDrawerClosed(View view) {
                getActionBar().setTitle(mTitle);
                invalidateOptionsMenu();

            }

            /** Called when a drawer is opened */
            public void onDrawerOpened(View drawerView) {
                getActionBar().setTitle("Menü"
                invalidateOptionsMenu();
            }

        };

        // Setting DrawerToggle on DrawerLayout
        mDrawerLayout.setDrawerListener(mDrawerToggle);

        // Creating an ArrayAdapter to add items to the listview mDrawerList
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                    getBaseContext(), 
                    R.layout.drawer_list_item  , 
                    getResources().getStringArray(R.array.rivers) 
                );

        // Setting the adapter on mDrawerList
        mDrawerList.setAdapter(adapter);

        // Enabling Home button
        getActionBar().setHomeButtonEnabled(true);

        // Enabling Up navigation
        getActionBar().setDisplayHomeAsUpEnabled(true);

        // Setting item click listener for the listview mDrawerList
        mDrawerList.setOnItemClickListener(new OnItemClickListener() {


            @Override
            public void onItemClick(AdapterView<?> parent,
                            View view,
                            int position,
                            long id) {          

                // Getting an array of rivers
                String[] rivers = getResources().getStringArray(R.array.rivers);

                //Currently selected river
                mTitle = rivers[position];              


                // Creating a fragment object

                RiverFragment rFragment = new RiverFragment();

                // Creating a Bundle object
                Bundle data = new Bundle();

                // Setting the index of the currently selected item of mDrawerList
                data.putInt("position", position);

                // Setting the position to the fragment
                rFragment.setArguments(data);

                // Getting reference to the FragmentManager
                FragmentManager fragmentManager  = getFragmentManager();

                // Creating a fragment transaction
                FragmentTransaction ft = fragmentManager.beginTransaction();

                // Adding a fragment to the fragment transaction
                ft.replace(R.id.content_frame, rFragment);

                // Committing the transaction
                ft.commit();



                mDrawerList.setItemChecked(position, true);



                // Closing the drawer
                mDrawerLayout.closeDrawer(mDrawerList);             

            }
        }); 
    }



     @Override
     protected void onPostCreate(Bundle savedInstanceState) {
         super.onPostCreate(savedInstanceState);         
         mDrawerToggle.syncState(); 
     }

    /** Handling the touch event of app icon */
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {     
        if (mDrawerToggle.onOptionsItemSelected(item)) {
          return true;
        }
        return super.onOptionsItemSelected(item);
    }


    /** Called whenever we call invalidateOptionsMenu() */
    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        // If the drawer is open, hide action items related to the content view
        boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList);

        menu.findItem(R.id.action_settings).setVisible(!drawerOpen);
        return super.onPrepareOptionsMenu(menu);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

Falls ihr noch irgend einen code braucht nur sagen!

keiner eine Idee?

ja zB wenn man im Menü dann auf den Titel "home" klickt dass dann die "home.XML" angezeigt wird

und was passiert wenn man im Menü auf etwas klickt muss man es ja in "onitemclick" mit einem code definieren

ja und wie würde ich den code dann aussehen lassen denn ich möchte es zuerst mal ohne fragments machen da sie bei dieser APP nicht unbedingt notwendig sind?

mit switch und case oder?

so unübersichtlich finde ich dass nicht?
wird ja alles schön in der swichcase definiert

dass Konzept ist simple dass zB bei case 0 (dem ersten Titel im Menü das layout 0 angezeicht wird , bei case 1 dann das layout 1 usw

mein Problem ist aber dass ich nicht weis wie man den code bei onitemclick schreibt

ein bsp wäre hilfreich denn im Internet habe ich für meinen code keinen passenden onitemclick code gefunden der für Layouts mit setcontentview funktioniert

OK dass hab ich nicht verstanden?
Wenn du mir ein Beispiel geben könntest wäre ich dir sehr hilfreich

denn in meinem geposteten code ist bei in item click schon ein Fragment drinen und es funktioniert aber wie ich den code für mehrere schreibe weis ich nich

ja dass Prinzip verstehe ich schon wie Pascal beschrieben hat nur fehlt mir dass wissen den code an sich in der switch und case Option bei onitemclick zu schreiben

nach sowas hab ich gesucht danke werde sie sobalt möglich aus probieren und das Ergebnis hier hineinschreiben

public void selectItem(int position)
    {
         switch(position)
         {
              case 0:

                         FragmentManager fragmentManager = getFragmentManager();
                         FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();   
                         Fragment fragment = new Home();
                         fragmentTransaction.add(R.id.content_frame, fragment);
                         fragmentTransaction.commit();

              break;
              case 1:

              break; 
              case 2:

              break;
         } 
    }

ich habs jetzt mal so gemacht und es zeigt mir momentan nur einen Fehler bei

  Fragment fragment = new Home();

an: "Type mismatch: cannot convert from Home to Fragment"

Also die MainActivity wo dieser code drinnen ist importet: " import android.app.Fragment; "
Und die Home.class importet: "import android.support.v4.app.Fragment;"

Okey den oben beschriebenen Fehler habe ich schon selber beheben können
Jetzt sieht der Code so aus ohne Fehler:

mDrawerList.setOnItemClickListener(new OnItemClickListener() {

            public void onItemClick(AdapterView<?> parent,
            View view,
            int position,
            long id){

        String[] rivers = getResources().getStringArray(R.array.rivers);
        mTitle = rivers[position];              

         switch(position)
         {
              case 0:
                         // fragment1
                         // use fragment transaction and add the fragment to the container
                         android.app.FragmentManager fragmentManager = getFragmentManager();
                         android.app.FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();   
                         android.app.Fragment fragment = new Home();
                         fragmentTransaction.add(R.id.content_frame, fragment);
                         fragmentTransaction.commit();

              break;
              case 1:
                         android.app.FragmentManager fragmentManagera = getFragmentManager();
                         android.app.FragmentTransaction fragmentTransactiona = fragmentManagera.beginTransaction();   
                         android.app.Fragment afragment = new Home();
                         fragmentTransactiona.add(R.id.content_frame, afragment);
                         fragmentTransactiona.commit();
              break; 
              case 2:
                         android.app.FragmentManager fragmentManagerb = getFragmentManager();
                         android.app.FragmentTransaction fragmentTransactionb = fragmentManagerb.beginTransaction();   
                         android.app.Fragment fragmentb = new Simpsons();
                         fragmentTransactionb.add(R.id.content_frame, fragmentb);
                         fragmentTransactionb.commit();
              break;
         } 

         mDrawerList.setItemChecked(position, true);
         mDrawerLayout.closeDrawer(mDrawerList);            
    }




        });
    }

Doch 1nen Fehler habe ich jetzt noch:
Wenn ich die App jetzt ausführe startet sie normal doch wenn ich im Menü jetzt zb auf Home klicke kommt der Fehler:
java.lang.NullPointerExpection
at in.wptrafficanalyzer.navigationdrawerdemo.Home.<init>(Home.java:17)

dass ist der Home Code:

import android.content.Context;
import android.os.Bundle;
import android.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;


public  class Home extends Fragment {

    int position = getArguments().getInt("position"
    String[] rivers = getResources().getStringArray(R.array.rivers);





    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View root = inflater.inflate(R.layout.home, container, false);
        getActivity().getActionBar().setTitle(rivers[position]);


        return root;

    }
}

OK danke hat super geklappt
hab den code effizienter gemacht

doch jetzt ist ein neues Problem da:
wenn ich jetzt im Menü auf einen Titel klicke wird zwar durch die fragments die jeweilige layout Datei angezeigt
Doch sie überlappen sich
also zB 2layouts füreinander?

habe ich da im code was übersehen?

Also hier die erklärung mit Bild
Im menü gibt es 2 Titel
Einmal: Home
Und das 2.: Simpsons Tapped Out

Wenn ich jetzt auf Home klicke kommt ganz normal das layout1
Wenn ich dann aber auf Simpsons klicke kommt zwar das layout2 aber das layout1 geht nicht weg
Sozusagen wird layout2 über layout1 gelegt ohne dass nur layout2 angezeigt wird

Hier das bild nachdem ich beide 1mal ausgewählt habe:

sieht man doch im bild .... da wo das 1. texfeld (oben) ist ist das 1. layout
da wo das 2. textfeld (unten) ist ist das 2. layout

In beiden layouts sind nur die jeweiligen textfelder

Aber ich werd nicht schlau warums die übereinanderlegt

normalerweise sollte doch wenn ich auf den 2. titel klicke das 1. layout verschwinden und nur dass 2. layout angezeigt werden
doch dass macht es nicht

MainActivity:

import android.app.Activity;
import android.support.v4.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.app.Fragment;
import android.support.v4.widget.DrawerLayout;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {

    // Within which the entire activity is enclosed
    DrawerLayout mDrawerLayout;

    // ListView represents Navigation Drawer
    ListView mDrawerList;

    // ActionBarDrawerToggle indicates the presence of Navigation Drawer in the action bar
    ActionBarDrawerToggle mDrawerToggle;    

    // Title of the action bar
    String mTitle="";

    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        mTitle = (String) getTitle();       


        // Getting reference to the DrawerLayout
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);


        mDrawerList = (ListView) findViewById(R.id.drawer_list);

        // Getting reference to the ActionBarDrawerToggle
        mDrawerToggle = new ActionBarDrawerToggle(  this, 
                                                    mDrawerLayout, 
                                                    R.drawable.ic_drawer, 
                                                    R.string.navigation_drawer_open,
                                                    R.string.navigation_drawer_close){

            /** Called when drawer is closed */
            public void onDrawerClosed(View view) {
                getActionBar().setTitle(mTitle);
                invalidateOptionsMenu();

            }

            /** Called when a drawer is opened */
            public void onDrawerOpened(View drawerView) {
                getActionBar().setTitle("Select a river"
                invalidateOptionsMenu();
            }

        };

        // Setting DrawerToggle on DrawerLayout
        mDrawerLayout.setDrawerListener(mDrawerToggle);

        // Creating an ArrayAdapter to add items to the listview mDrawerList
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                    getBaseContext(), 
                    R.layout.drawer_list_item  , 
                    getResources().getStringArray(R.array.rivers) 
                );

        // Setting the adapter on mDrawerList
        mDrawerList.setAdapter(adapter);

        // Enabling Home button
        getActionBar().setHomeButtonEnabled(true);

        // Enabling Up navigation
        getActionBar().setDisplayHomeAsUpEnabled(true);

        // Setting item click listener for the listview mDrawerList
        mDrawerList.setOnItemClickListener(new OnItemClickListener() {

            public void onItemClick(AdapterView<?> parent,
            View view,
            int position,
            long id){


                String[] rivers = getResources().getStringArray(R.array.rivers);
                mTitle = rivers[position];              


                                 android.app.FragmentManager fragmentManager = getFragmentManager();
                                 android.app.FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();   

                                 fragmentTransaction.add(R.id.content_frame, getFragment(position));
                                 fragmentTransaction.commit();
                                 }

                                 public android.app.Fragment getFragment(int position)
                                 {
                                 switch(position)
                                 {
                                 case 0: return new Home();
                                 case 1: return new Home();
                                 case 2: return new Simpsons();
                                 }
                                return null;
                                 }




                });
            }




     @Override
     protected void onPostCreate(Bundle savedInstanceState) {
         super.onPostCreate(savedInstanceState);         
         mDrawerToggle.syncState(); 
     }

    /** Handling the touch event of app icon */
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {     
        if (mDrawerToggle.onOptionsItemSelected(item)) {
          return true;
        }
        return super.onOptionsItemSelected(item);
    }


    /** Called whenever we call invalidateOptionsMenu() */
    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        // If the drawer is open, hide action items related to the content view
        boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList);

        menu.findItem(R.id.action_settings).setVisible(!drawerOpen);
        return super.onPrepareOptionsMenu(menu);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

Home:

import android.os.Bundle;
import android.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


public class Home extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View root = inflater.inflate(R.layout.home, container, false);



        return root;

    }
}

Simpsons:

import android.os.Bundle;
import android.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


public class Simpsons extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View root = inflater.inflate(R.layout.simpsons, container, false);



        return root;

    }

}

ja 1. und 2. ist Absicht nur der 3. soll Simpsons werden
dass Problem ist nur dass sich komischerweise alle überlagern

entweder iwas im code ist falsch oder wir haben Iwans vergessen was das beheben könnte

OK werde ich machen sobald möglich
doch könntest du mir sagen auf was du da spekulierst?
denn ich denke dass die toasts normal ausgeführt werden sich die Layouts jedoch tdm überlagern

aber wenn es so wäre wie du sagst dann würden doch schon bei Home sich die Layouts überlagern?
die allererste Auswahl im drawer die man macht funktioniert ja richtig und dort wird dann nur 1 Fragment gestartet
jedoch wenn man eine 2. Auswahl trifft geht dass layout nur über das vorherige ...... und immer so weiter
daraus kann man doch schließen dass entweder in der onitemclick Methode oder bei Home und Simpsons irgendwo entweder ein Fehler ist oder eine kurze codezeile vergessen wurde die das Problem beheben würde?

OK danke für die schnelle Antwort dass war dass was ich und Pascal übersehen hatten
werde es sobald wie möglich ausprobieren und wenns funktioniert den code hier Posten falls jemand das selbe Problem hat