• 粗略介绍Android NavigationDrawer抽屉导航

    官方例子
    服务器君一共花费 17.072 ms 进行了 2 次数据库查询,努力地为您提供了这个页面。
    广告很萌的

    在这个专题里面,我们重点来研究一下Android抽屉导航 NavigationDrawer。先来感性认识一下这种效果吧:

    看了很多应用,觉得这种侧滑的抽屉效果的菜单很好。不用切换到另一个页面,也不用去按菜单的硬件按钮,直接在界面上一个按钮点击,菜单就滑出来,而且感觉能放很多东西。

    最简单就是用官方的抽屉导航 NavigationDrawerLayout 来实现。DrawerLayout这个类是在Support Library里的,需要加上android-support-v4.jar这个包。然后程序中用时在前面导入import android.support.v4.widget.DrawerLayout;

    如果找不到这个类,首先用SDK Manager更新一下Android Support Library,然后在Android SDK\extras\android\support\v4路径下找到android-support-v4.jar,复制到项目的libs路径,将其Add to Build Path.

    当你新建一个 Android 项目的时候,你可以选择使用 NavigationDrawer:

    我们来简要看看代码,首先是 NavigationDrawerFragment.java 这个类,加载了哪些布局文件。

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
        	// 给抽屉ListView找到对应的XML布局
            mDrawerListView = (ListView) inflater.inflate(
                    R.layout.fragment_navigation_drawer, container, false);
            // 给抽屉ListView绑定点击监听器,点击时,选中点击的项
            mDrawerListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                    selectItem(position);
                }
            });
            
            // 给抽屉ListView绑定一个适配器
            mDrawerListView.setAdapter(new ArrayAdapter<String>(
                    getActionBar().getThemedContext(),
                    android.R.layout.simple_list_item_activated_1,
                    android.R.id.text1,
                    new String[]{
                            getString(R.string.title_section1),
                            getString(R.string.title_section2),
                            getString(R.string.title_section3),
                            getString(R.string.title_section4),
                            getString(R.string.title_section5),
                    }));
            
            //mDrawerListView.setAdapter(new DrawerAdapter(getActivity()));
            // 设置抽屉ListView以显示某一选中项的形态出现。
            mDrawerListView.setItemChecked(mCurrentSelectedPosition, true);
            // 将处理后的抽屉ListView返回
            return mDrawerListView;
        }
    

    NavigationDrawer 主要是一个 ListView,这个 ListView 使用了 fragment_navigation_drawer.xml:

    <ListView xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/image_bg_green"
        android:choiceMode="singleChoice"
        android:divider="@color/image_bg_lightgreen"
        android:dividerHeight="1dp"
        tools:context="net.nowamagic.magicapp_v7.NavigationDrawerFragment" />
    

    这个 ListView 就是抽屉导航直观上看到的那个 ListView。同时 ListView 里面每个格子都由一个相对布局填充,其 XML 为 fragment_main.xml:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="net.nowamagic.magicapp_v7.MainActivity$PlaceholderFragment" >
    
        <TextView
            android:id="@+id/section_label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    
    </RelativeLayout>
    

    新建一个基于 NavigationDrawer 的项目,大概效果如下:

    当然这个 NavigationDrawerFragment.java 还有很多内容,后面再慢慢详谈。

更多 推荐条目

Welcome to NowaMagic Academy!

现代魔法 推荐于 2013-02-27 10:23   

本章最新发布
随机专题
  1. [计算机算法] 从双端队列引出的卡特兰数 3 个条目
  2. [数据结构] 散列表(哈希表) 13 个条目
  3. [软件工程与项目管理] 呈现树的构建 13 个条目
  4. [数据库技术] 数据库范式篇 5 个条目
  5. [智力开发与知识管理] 整体性学习策略 9 个条目
  6. [移动开发] Android Studio里的Gradle 3 个条目
  7. [移动开发] Android View注入框架Butter Knife 3 个条目
  8. [PHP程序设计] 命令式编程范式 6 个条目
  9. [PHP程序设计] fsockopen,curl与file_get_contents 12 个条目
  10. [移动开发] Android SQLite增删查改实例(数据:魔弹之王) 2 个条目
  11. [Python程序设计] urls.py设置技巧 8 个条目
  12. [PHP程序设计] 对输入文件类型的检测 1 个条目
窗口 -- [博客]