繁体   English   中英

使用文本和图标的导航抽屉

[英]Navigation drawer using text and icon

我想为导航抽屉的每个项目添加图标。 当前,导航抽屉中只有一个文本。 总结一下,我想创建一个带有文本和图标(text + icon)的导航抽屉。 我该怎么做?

主要活动:

import java.util.Locale;

import android.app.Fragment;
import android.app.FragmentManager;

import android.app.SearchManager;
import android.content.Intent;
import android.content.res.Configuration;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.Toast;

/**
 * This example illustrates a common usage of the DrawerLayout widget
 * in the Android support library.
 * <p/>
 * <p>When a navigation (left) drawer is present, the host activity should detect presses of
 * the action bar's Up affordance as a signal to open and close the navigation drawer. The
 * ActionBarDrawerToggle facilitates this behavior.
 * Items within the drawer should fall into one of two categories:</p>
 * <p/>
 * <ul>
 * <li><strong>View switches</strong>. A view switch follows the same basic policies as
 * list or tab navigation in that a view switch does not create navigation history.
 * This pattern should only be used at the root activity of a task, leaving some form
 * of Up navigation active for activities further down the navigation hierarchy.</li>
 * <li><strong>Selective Up</strong>. The drawer allows the user to choose an alternate
 * parent for Up navigation. This allows a user to jump across an app's navigation
 * hierarchy at will. The application should treat this as it treats Up navigation from
 * a different task, replacing the current task stack using TaskStackBuilder or similar.
 * This is the only form of navigation drawer that should be used outside of the root
 * activity of a task.</li>
 * </ul>
 * <p/>
 * <p>Right side drawers should be used for actions, not navigation. This follows the pattern
 * established by the Action Bar that navigation should be to the left and actions to the right.
 * An action should be an operation performed on the current contents of the window,
 * for example enabling or disabling a data overlay on top of the current content.</p>
 */
public class MainActivity extends FragmentActivity {
    private DrawerLayout mDrawerLayout;
    private ListView mDrawerList;
    private ActionBarDrawerToggle mDrawerToggle;

    private CharSequence mDrawerTitle;
    private CharSequence mTitle;
    private String[] mPlanetTitles;
    private ImageView mIcon;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mTitle = mDrawerTitle = getTitle();
        mPlanetTitles = getResources().getStringArray(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<String>(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.string.drawer_open,  /* "open drawer" description for accessibility */
                R.string.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.activity_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.string.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 {
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                        selectItem(position);
        }
    }

    private void selectItem(int position) {

         Fragment fragment = new PlanetFragment();
         Bundle args = new Bundle();
         FragmentManager fragmentManager = getFragmentManager();

        switch(position){   
        case 0:
            // update the main content by replacing fragments
            args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position);
            fragment.setArguments(args);
            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);
            Toast.makeText(this, String.valueOf(position), Toast.LENGTH_SHORT).show();
            break;

        case 1:
             // Capture the article fragment from the activity layout
            //QuestionActivity articleFrag = (QuestionActivity)
             //       getSupportFragmentManager().findFragmentById(R.id.FrameLayout1);
            Fragment newfragment = new QuestionActivity();
            // update the main content by replacing fragments
            args.putInt(QuestionActivity.ARG_POSITION, position);
            newfragment.setArguments(args);
            fragmentManager.beginTransaction().replace(R.id.content_frame, newfragment).commit();

            // update selected item and title, then close the drawer
            mDrawerList.setItemChecked(position, true);
            setTitle(mPlanetTitles[position]);
            mDrawerLayout.closeDrawer(mDrawerList);
            Toast.makeText(this, String.valueOf(position), Toast.LENGTH_SHORT).show();



            //FragmentManager fragmentManager1 = getFragmentManager();
            //Fragment frag1 =(Fragment) fragmentManager1.findFragmentById(R.id.);
            //Bundle args1 = new Bundle();

            //Fragment frag1 =(Fragment) fragmentManager.findFragmentById(R.id.)
             // This method will be executed once the timer is over
            // Start your app main activity
           // Intent i = new Intent(this, QuestionActivity.class);
          //  startActivity(i);
            // close this activity
           Toast.makeText(this, "Indicativo de acao ", Toast.LENGTH_SHORT).show();
            break; 

        case 2:
            // update the main content by replacing fragments
            args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position);
            fragment.setArguments(args);
            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);
            Toast.makeText(this, String.valueOf(position), Toast.LENGTH_SHORT).show();
            break; 

        case 3:
            // update the main content by replacing fragments
            args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position);
            fragment.setArguments(args);
            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);
            Toast.makeText(this, String.valueOf(position), Toast.LENGTH_SHORT).show();
            break; 

        case 4:
            // update the main content by replacing fragments
            args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position);
            fragment.setArguments(args);
            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);
            Toast.makeText(this, String.valueOf(position), Toast.LENGTH_SHORT).show();
            break;

        case 5:
            // update the main content by replacing fragments
            args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position);
            fragment.setArguments(args);
            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);
            Toast.makeText(this, String.valueOf(position), Toast.LENGTH_SHORT).show();
            break;

        case 6:
            // update the main content by replacing fragments
            args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position);
            fragment.setArguments(args);
            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);
            Toast.makeText(this, String.valueOf(position), Toast.LENGTH_SHORT).show();
            break;

        case 7:
             // This method will be executed once the timer is over
            // Start your app main activity
            Intent j = new Intent(this, ScreenSplash.class);
            startActivity(j);
            // close this activity
            finish();

            Toast.makeText(this, "Indicativo de acao ", Toast.LENGTH_SHORT).show();
            break;          
            }        
    }




    @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 String 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);
            String planet = getResources().getStringArray(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;
        }
    }
}

cabinet_list_item:(xml)

<!--
  Copyright 2013 The Android Open Source Project

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
  -->

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceListItemSmall"
    android:gravity="center_vertical"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:textColor="#fff"
    android:background="?android:attr/activatedBackgroundIndicator"
    android:minHeight="?android:attr/listPreferredItemHeightSmall"/>

字符串(xml):

    <string name="hello_world">Hello world!</string>
    <string name="menu_settings">Settings</string>
    <string name="title_activity_main">MainActivity</string>
    <string name="b_salvar">Save</string>

    <string-array name="planets_array">
        <item>Main</item>
        <item>Ask</item>
        <item>Earth</item>
        <item>Mars</item>
        <item>Jupiter</item>
        <item>Saturn</item>
        <item>Uranus</item>
        <item>Neptune</item>
        <item>Fragmento 1</item>
    </string-array>


    <string name="drawer_open">Open navigation drawer</string>
    <string name="drawer_close">Close navigation drawer</string>
    <string name="action_websearch">Web search</string>
    <string name="app_not_available">Sorry, there\'s no web browser available</string>
    <string name="title_activity_question">QuestionActivity</string>

</resources>

您可以将导航视图用于导航抽屉,如下所示,

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

 <!-- Your contents -->

 <android.support.design.widget.NavigationView
     android:id="@+id/navigation"
     android:layout_width="wrap_content"
     android:layout_height="match_parent"
     android:layout_gravity="start"
     app:menu="@menu/my_navigation_items" />

navigation_items.xml看起来像

<?xml version="1.0" encoding="utf-8"?>

<group android:checkableBehavior="single">

    <item
        android:id="@+id/inbox"
        android:checked="false"
        android:icon="@drawable/ic_inbox_black"
        android:title="@string/inbox_string" />

    <item
        android:id="@+id/starred"
        android:checked="false"
        android:icon="@drawable/ic_star_black"
        android:title="@string/starred_string" />

    <item
        android:id="@+id/sent_mail"
        android:checked="false"
        android:icon="@drawable/ic_send_black"
        android:title="@string/sent_mail_string" />

    <item
        android:id="@+id/drafts"
        android:checked="false"
        android:icon="@drawable/ic_drafts_black"
        android:title="@string/draft_string" />


    <item
        android:id="@+id/allmail"
        android:checked="false"
        android:icon="@drawable/ic_email_black"
        android:title="@string/all_mail_string" />
    <item
        android:id="@+id/trash"
        android:checked="false"
        android:icon="@drawable/ic_delete_black"
        android:title="@string/trash_string" />
    <item
        android:id="@+id/spam"
        android:checked="false"
        android:icon="@drawable/ic_error_black"
        android:title="@string/spam_string" />

</group>

您会在stackoverflow上找到许多教程,实际上人们会将您链接到这些教程,但是我想您真的是android新手,意味着您可以理解这个奇妙的新世界。 现在,我也从行星示例开始。

  1. 您只能看到一个textview,因为您的cabinet_list_item只有一个textview,您从一个新的.xml文件开始编写一个模板,其中列表项包含一个textview和一个imageview。

  2. 现在您已准备好视图。 您需要数据来填充该视图。 <string-array name="planets_array">此数组保存将被加载到<string-array name="planets_array">数据,类似地,您需要一个数组或类似的东西来保存将放置在资源文件夹中的图像资源文件的名称。

  3. 最后,您需要一个适配器来将两者绑定在一起,在您的示例中,此行完成了

    mDrawerList.setAdapter(new ArrayAdapter(this,R.layout.drawer_list_item,mPlanetTitles));

您需要一个用于自定义适配器的类和一个用于您的Viewholder的类,您需要扩展一个适配器类,为简单起见,只需扩展ArrayAdapter类并覆盖getview()函数。 回到viewholder,这将在列表中定义和视图元素,即textview和imageview。 在getview函数中设置视图的数据,即在数组中定义的数据。

希望这可以帮助您更好地理解教程。 干杯

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM