全面总结侧滑菜单的5种实现方式

现在开发中,很多APP都在用侧滑菜单,这个很常见,也有很多第三方库,比如slidingmenu,谷歌官方的DrawerLayout等等。下面我就总结一下侧滑菜单实现的4种方式:

一、自定义ViewGroup ,处理其onTouch事件

二、FrameLayout + 手势处理类GestureDetector

三、使用Google自带的DrawerLayout + NavigationView

这个就很简单了,DrawerLayout 结合NavigationView 很轻易实现这个效果。as自带模板就有这个效果。
效果图如下:

全面总结侧滑菜单的5种实现方式_第1张图片
NavigationView演示.gif

请看代码,具体的我也不多说了:

import android.os.Bundle;
import android.support.design.widget.NavigationView;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener {

    private DrawerLayout drawer;
    private Toolbar toolbar;
    private NavigationView navigationView;
    private ActionBarDrawerToggle toggle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        toggle = new ActionBarDrawerToggle(
                this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        drawer.setDrawerListener(toggle);
        toggle.syncState();

        navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);
    }

    @Override
    public void onBackPressed() {
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        } else {
            super.onBackPressed();
        }
    }


    @SuppressWarnings("StatementWithEmptyBody")
    @Override
    public boolean onNavigationItemSelected(MenuItem item) {
        // Handle navigation view item clicks here.
        switch (item.getItemId()) {
            case R.id.nav_camera:
                // Handle the camera action
                break;
            case R.id.nav_gallery:
                break;
            case R.id.nav_slideshow:
                break;
            case R.id.nav_manage:
                break;
            case R.id.nav_share:
                break;
            case R.id.nav_send:
                break;

        }
        
        drawer.closeDrawer(GravityCompat.START);
        return true;
    }
}

xml布局如下:

activity_main.xml


    
    
        
    

nav_header_main.xml



    

    

    

  
activity_main_drawer.xml ( 注意: 这是是在res/menu目录下)



    
        
        
        
        
    

    
        
            
            
        
    


app_bar_main.xml



    

        
    

    


content_main.xml



    



四、继承自水平滚动HorizontalScrollView

这个效果我参考的是博客 http://www.jianshu.com/p/67020f3f5dc9


五、使用第三方库duo-navigation-drawer

github地址: duo-navigation-drawer
具体使用参考博客:http://www.jcodecraeer.com/a/opensource/2017/0626/8111.html

你可能感兴趣的:(全面总结侧滑菜单的5种实现方式)