2015-01-15 64 views
-2

我正在用導航抽屜和片段構建一個應用程序,我按照本教程做了它。 http://www.androidhive.info/2013/11/android-sliding-menu-using-navigation-drawer/導航抽屜作爲圖片

現在我有我的導航抽屜喜歡在網站上的結果,但我想添加像這張圖片的信息按鈕。 我不知道該怎麼做,因爲我只能在列表視圖中添加其他項目,但使用相同的xml佈局ecc。

enter image description here

這是佈局保持列表視圖

<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 to display Fragments --> 
     <FrameLayout 
      android:id="@+id/frame_container" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" > 


     </FrameLayout> 
      <RelativeLayout 
       android:layout_width="240dp" 
       android:layout_height="match_parent" 
       android:orientation="vertical" 
       android:layout_gravity="start"> 

     <!-- Listview to display slider menu --> 

     <ListView 
      android:id="@+id/list_slidermenu" 
      android:padding="0dp" 
      android:layout_width="240dp" 
      android:layout_height="match_parent" 
      android:choiceMode="singleChoice" 
      android:divider="@color/list_divider" 
      android:dividerHeight="1dp"   
      android:listSelector="@drawable/list_selector" 
      android:background="@color/list_background"/> 


      <ImageView 
       android:id="@+id/imageView1" 
       android:layout_width="240dp" 
       android:layout_height="wrap_content" 
       android:src="@drawable/ic_home" 
       android:layout_below="@+id/list_slidermenu" /> 

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

主要活動

package info.androidhive.actionbar; 


import android.app.ActionBar; 
import android.app.Activity; 
import android.content.Intent; 
import android.os.Bundle; 
import android.view.Menu; 
import android.view.MenuInflater; 
import android.view.MenuItem; 
import info.androidhive.slidingmenu.adapter.NavDrawerListAdapter; 
import info.androidhive.slidingmenu.model.NavDrawerItem; 
import java.util.ArrayList; 
import android.app.Fragment; 
import android.app.FragmentManager; 
import android.content.res.Configuration; 
import android.content.res.TypedArray; 
import android.support.v4.app.ActionBarDrawerToggle; 
import android.support.v4.widget.DrawerLayout; 
import android.util.Log; 
import android.view.View; 
import android.widget.AdapterView; 
import android.widget.ListView; 


public class MainActivity extends Activity implements 
     ActionBar.OnNavigationListener { 

    // action bar 
    private ActionBar actionBar; 

    //______________________________________________________________ 

    //Navigation Drawer 

    private DrawerLayout mDrawerLayout; 
    private ListView mDrawerList; 
    private ActionBarDrawerToggle mDrawerToggle; 

    // nav drawer title 
    private CharSequence mDrawerTitle; 

    // used to store app title 
    private CharSequence mTitle; 

    // slide menu items 
    private String[] navMenuTitles; 
    private TypedArray navMenuIcons; 

    private ArrayList<NavDrawerItem> navDrawerItems; 
    private NavDrawerListAdapter adapter; 


    //______________________________________________________________ 

    // ON CREATED 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 

     actionBar = getActionBar(); 
     // Hide the action bar title 
     actionBar.setDisplayShowTitleEnabled(false); 

     // Changing the action bar icon 
     // actionBar.setIcon(R.drawable.ico_actionbar); 




     mTitle = mDrawerTitle = getTitle(); 

     // 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); 

     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))); 
     // Photos 
     navDrawerItems.add(new NavDrawerItem(navMenuTitles[2], navMenuIcons.getResourceId(2, -1))); 
     // Communities, Will add a counter here 
     navDrawerItems.add(new NavDrawerItem(navMenuTitles[3], navMenuIcons.getResourceId(3, -1))); 
     // Pages 
     navDrawerItems.add(new NavDrawerItem(navMenuTitles[4], navMenuIcons.getResourceId(4, -1))); 
     // What's hot, We will add a counter here 
     navDrawerItems.add(new NavDrawerItem(navMenuTitles[5], navMenuIcons.getResourceId(5, -1))); 


     // 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 
     getActionBar().setDisplayHomeAsUpEnabled(true); 
     getActionBar().setHomeButtonEnabled(true); 

     mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, 
       R.drawable.ic_drawer, //nav menu toggle icon 
       R.string.app_name, // nav drawer open - description for accessibility 
       R.string.app_name // nav drawer close - description for accessibility 
     ) { 
      public void onDrawerClosed(View view) { 
       getActionBar().setTitle(mTitle); 
       // calling onPrepareOptionsMenu() to show action bar icons 
       invalidateOptionsMenu(); 
      } 

      public void onDrawerOpened(View drawerView) { 
       getActionBar().setTitle(mDrawerTitle); 
       // calling onPrepareOptionsMenu() to hide action bar icons 
       invalidateOptionsMenu(); 
      } 
     }; 
     mDrawerLayout.setDrawerListener(mDrawerToggle); 

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





    /** 
    * Slide menu item click listener 
    * */ 
    private class SlideMenuClickListener implements 
      ListView.OnItemClickListener { 
     @Override 
     public void onItemClick(AdapterView<?> parent, View view, int position, 
       long id) { 
      // display view for selected nav drawer item 
      displayView(position); 
     } 
    } 

    @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; 
     case R.id.action_home: 
      // location found 
      Home(); 
      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 Page1(); 
      break; 
     case 2: 
      fragment = new Page2(); 
      break; 
     case 3: 
      fragment = new Page3(); 
      break; 
     case 4: 
      fragment = new Page4(); 
      break; 
     case 5: 
      fragment = new Page5(); 
      break; 

     default: 
      break; 
     } 

     if (fragment != null) { 
      FragmentManager fragmentManager = getFragmentManager(); 
      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"); 
     } 
    } 

    @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); 
    } 




    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 

     MenuInflater inflater = getMenuInflater(); 
     inflater.inflate(R.menu.activity_main_actions, menu); 

     return super.onCreateOptionsMenu(menu); 
    } 




    /** 
    * Launching new activity 
    * */ 
    private void Home() { 
     Intent i = new Intent(MainActivity.this, MainActivity.class); 
     startActivity(i); 
    } 

    /* 
    * Actionbar navigation item select listener 
    */ 
    @Override 
    public boolean onNavigationItemSelected(int itemPosition, long itemId) { 
     // Action to be taken after selecting a spinner item 
     return false; 
    } 



} 

enter image description here

+0

你可以在佈局的底部添加一個textview控件列表視圖 –

+0

已經嘗試過,但我得到了所有的列表項砸 –

回答

0

你可以用列表視圖頁腳嘗試。在你的列表視圖中添加頁腳,然後將按鈕控件添加到頁腳。
希望得到幫助。 Listview footer Reference

1

用一個RelativeLayout包裝你的ListView,然後用info-icon作爲源圖像添加到RelativeLayout一個ImageButton。將按鈕對齊到父親RelativeLayout的底部,向它添加一個OnClickListener,然後做任何你想做的事情:)

+0

如果我這樣做,我得到我的應用程序墜毀與此錯誤 –

+0

哪個錯誤?我看不到它 – Mann

+0

相對佈局不能轉換爲android.support v4.widget.DrawerLayout,我正在更新我的xml文件的問題 –