可折叠的ToolBar+抽屉菜单NavigationView+浮动按钮FloatButton

使用Material Design风格的ToolBar和抽屉导航

先看个简单的运行效果

run

主要记录下布局的写法


1 用到的Google Design依赖和V7包依赖

compile 'com.android.support:cardview-v7:25.0.0'
compile 'com.android.support:recyclerview-v7:25.0.0'
compile 'com.android.support:design:25.0.0'
compile 'com.android.support:appcompat-v7:25.0.0'

2 主布局结构

可折叠的ToolBar+抽屉菜单NavigationView+浮动按钮FloatButton_第1张图片
主布局结构

3 主布局内容



    

        
        

            
            

                
                

                    

                    

                

            

            

        

        
        

    

    
    

    

4 抽屉导航头布局内容 (layout_navigation_header_main.xml)



    

5 界面逻辑很简单,给RecyclerView绑定数据,抽屉菜单的打开关闭(MainActivity内容)

public class MainActivity extends AppCompatActivity {
    private final String[] data = {"Hello,Word!", 
            "Hello,Android!", "Hello,Material design!",
            "Hello,Word!", "Hello,Android!", "Hello,Material design!",
            "Hello,Word!", "Hello,Android!", "Hello,Material design!",
            "Hello,Word!", "Hello,Android!", "Hello,Material design!",
            "Hello,Word!", "Hello,Android!", "Hello,Material design!"};

    private FloatingActionButton floatBtn;
    private DrawerLayout drawerLayout;

    @Override
    protected void onCreate(final Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        //设置ToolBar作为ActionBar
        setSupportActionBar(toolbar);
        ActionBar actionBar = getSupportActionBar();
        if (actionBar != null) {
            //设置ActionBar左上角按钮
            actionBar.setHomeAsUpIndicator(R.drawable.ic_nav);
            actionBar.setDisplayHomeAsUpEnabled(true);
        }
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_main);
        floatBtn = (FloatingActionButton) findViewById(R.id.float_btn);
        floatBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this, "Float Button", Toast.LENGTH_SHORT).show();
            }
        });

        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler);
        MyAdapter myAdapter = new MyAdapter();
        recyclerView.setAdapter(myAdapter);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater menuInflater = getMenuInflater();
        menuInflater.inflate(R.menu.main_menu, menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                if (drawerLayout.isDrawerOpen(GravityCompat.START)) {
                    drawerLayout.closeDrawers();
                } else {
                    drawerLayout.openDrawer(GravityCompat.START);
                }
                break;
            case R.id.menu_1:
                Toast.makeText(MainActivity.this, item.getTitle(), Toast.LENGTH_SHORT).show();
                break;
        }
        return super.onOptionsItemSelected(item);
    }

    private class MyAdapter extends RecyclerView.Adapter {

        class ViewHolder extends RecyclerView.ViewHolder {
            private TextView tv;

            ViewHolder(View itemView) {
                super(itemView);
                tv = (TextView) itemView.findViewById(R.id.tv);
            }

        }

        @Override
        public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_list, parent, false);
            return new ViewHolder(view);
        }

        @Override
        public void onBindViewHolder(ViewHolder holder, int position) {
            holder.tv.setText(data[holder.getAdapterPosition()]);
        }

        @Override
        public int getItemCount() {
            return data.length;
        }
    }
}

6 总结

  1. Google提供的抽屉菜单(NavigationView)确实方便了许多,可以直接通过设置Menu资源作为抽屉菜单的菜单项,可以直接设置layout作为抽屉菜单的头部
  2. 可折叠的ToolBar
    (**CoordinatorLayout + AppBarLayout + CollapsingToolbarLayout + Toolbar **)使嵌套滚动的实现变得容易
  3. 浮动按钮(FloatActionButton)也是方便了实现material design风格
源码虽简,还是也放到GitHub上了_

你可能感兴趣的:(可折叠的ToolBar+抽屉菜单NavigationView+浮动按钮FloatButton)