利用FrameLayout实现自定义抽屉

首先创建一个类继承FrameLayout，代码如下：

public class LeftSlidingMenu extends FrameLayout{
    
    private LinearLayout top_layout;
    private LinearLayout bootom_layout;
    private boolean SlidingFlag=false;//抽屉状态标志，默认关闭
    private int Max_width=0;//抽屉打开的最大宽度
    private PointF  startpf=new PointF();
    private PointF  startpf2=new PointF();
    private PointF overf=new PointF();
    private boolean isFirst=true;
    
    public LeftSlidingMenu(Context context, AttributeSet attrs) {
        super(context, attrs);
        initview();
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // TODO Auto-generated method stub
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (isFirst) {
            //将父控件的宽缩小十分之三就是抽屉最大的宽度
            Max_width=(int)(getMeasuredWidth()*0.7);
            //bootom_layout就是抽屉界面
            bootom_layout.setLayoutParams(new FrameLayout.LayoutParams(Max_width,FrameLayout.LayoutParams.MATCH_PARENT));
            
            //top_layout是 主界面
            top_layout.setLayoutParams(new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT,FrameLayout.LayoutParams.MATCH_PARENT));
            
            //将布局添加到自定义里面
            addView(bootom_layout);
            addView(top_layout);
                
        }
        isFirst=false;
        
    }

    private void initview() {
        // TODO Auto-generated method stub
        //设置底部layout 的属性
        bootom_layout=new LinearLayout(getContext());
        bootom_layout.setOrientation(LinearLayout.VERTICAL);
        
        //设置top_layout属性
        top_layout=new LinearLayout(getContext());
        top_layout.setOrientation(LinearLayout.VERTICAL);
        top_layout.setBackgroundColor(Color.BLUE);
        
    }
    public void setBottomView(View v){
        v.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.MATCH_PARENT));
        bootom_layout.addView(v);
    }
    public void setTopView(View v){
        v.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.MATCH_PARENT));
        top_layout.addView(v);
    }
    
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
    
        if (ev.getAction()==MotionEvent.ACTION_DOWN) {
        
            startpf.x=ev.getX();
            startpf.y=ev.getY();
            
            startpf2.x=ev.getX();
            startpf2.y=ev.getY();
        
        }else if (ev.getAction()==MotionEvent.ACTION_MOVE) {
            
            overf.x=ev.getX();
            overf.y=ev.getY();
            
            float disx=overf.x-startpf.x;
            float disy=overf.y-startpf.y;
            

            //根据正余弦定理来判断  水平滑动或者是垂直滑动，
            //也就是判断滑动的倾斜度，倾斜度越大，划不动，小则可以拉动抽屉，以y轴为原点；
            
            
            if (Math.abs(disx)/2-Math.abs(disy)>0) {
                Log.e("tag","11111");
            }else {//垂直状态--》抽屉应该关闭
                // 通过抽屉的开关来判断上层可否移动
                if (!SlidingFlag) {
                    return super.dispatchTouchEvent(ev);
                }else {
                    return true;
                }
                
            }
            
            //设置一个边界值：防止手指按下出现抽屉抖动的情况
//          if(Math.abs(disX)<10){
//          return super.dispatchTouchEvent(ev);
//      }
        //根据手指滑动的x轴移动的距离的正负，判断抽屉打开的方向
            
        if (disx>0) {//大于0  从左往右滑动
            //获取到top_layout的属性 
            FrameLayout.LayoutParams topparms=(LayoutParams)top_layout.getLayoutParams();
            //滑动距离超过最大边距，将最大边距设置给滑动距离
            if (topparms.leftMargin>=Max_width) {
                disx=Max_width;
                SlidingFlag=true;//抽屉开启         
            }
            topparms.leftMargin=(int) disx;//将移动的距离设置为左边距
            topparms.rightMargin=(int) -disx;
            top_layout.setLayoutParams(topparms);//将属性设置给top_layout
            
        }else if (disx<0) {
            //获取到top_layout的属性  
            FrameLayout.LayoutParams topparms=(LayoutParams)top_layout.getLayoutParams();
            if (topparms.leftMargin<=0) {
                disx=0;
                SlidingFlag=false;
            }
            topparms.leftMargin=(int) (topparms.leftMargin-Math.abs(disx));
            topparms.rightMargin=-topparms.leftMargin;
            top_layout.setLayoutParams(topparms);
            startpf.x=overf.x;//将移动后的坐标赋值给初始坐标，解决再次移动的问题
        
        }
        requestLayout();//刷新界面
        return true;        
        }else if (ev.getAction()==MotionEvent.ACTION_UP) {
            //区分是点击还是滑动
            int disX=(int)Math.abs(ev.getX()-startpf2.x);
            if (disX>10) {
                //以底部linear的宽度的一半为分割线，超过分割线，抽屉自动打开或关闭
                FrameLayout.LayoutParams topparms=(LayoutParams)top_layout.getLayoutParams();
                if (topparms.leftMargin>Max_width/2) {
                    topparms.leftMargin=Max_width;
                    topparms.rightMargin=-Max_width;
                    SlidingFlag=true;
                }else {
                    //抽屉关闭
                    topparms.leftMargin=0;
                    topparms.rightMargin=0;
                    SlidingFlag=false;
                }
                top_layout.setLayoutParams(topparms);
                requestLayout();
                return true;
            }
        }
        return super.dispatchTouchEvent(ev);
    }
}

然后可以在布局中添加ListView实现更好的体验：

public class MainActivity extends Activity {

    private LeftSlidingMenu leftSlidingMenu;
    
    private Listlist;
    
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        initdata();
        initview();
    }


    private void initdata() {
        // TODO Auto-generated method stub
        list=new ArrayList();
        
        for (int i = 0; i < 30; i++) {
            list.add("item"+i);
        }
    }


    private void initview() {
        // TODO Auto-generated method stub
        leftSlidingMenu=(LeftSlidingMenu)findViewById(R.id.myslidingMenu);
        
        ImageView imageView=new ImageView(this);
        imageView.setImageResource(R.drawable.ic_launcher);
        imageView.setScaleType(ScaleType.FIT_XY);
        leftSlidingMenu.setBottomView(imageView);
        
        ListView listView = new ListView(this);
        ArrayAdapteradapter=new ArrayAdapter(this, android.R.layout.simple_list_item_1, list);
        listView.setAdapter(adapter);
        
        leftSlidingMenu.setTopView(listView);
        


        
    }


    
}

主页面布局如下：

效果如下图:

Paste_Image.png