请教使用fragment+viewpag，点击按钮时，弹出界面的有关问题

请问使用fragment+viewpag，点击按钮时，弹出界面的问题
请问，用fragment +viewpage实现如图一 的界面， 当点击 右上角 “筛选” 按钮的时候，会弹出一个 新界面，但是这个界面要在 “筛选”按钮的下边，而且， 该界面不仅要在 “筛选”按钮的下边，而且 其宽度 只占了屏幕宽度的2/3。如图二所示。

 现在是已经做到了 图一的效果。  那么 图二的效果是怎么实现的呢？

 麻烦会的朋友帮忙回复下。

 图一的代码是如下 实现的：

     private void InitViewPager() {
           mViewpager = (ViewPager) findViewById(R.id.forumpager);
           fragmentsList = new ArrayList<Fragment>();
        teacherFragment = new TeacherFragment();
          lesslFragment = new LessFragment( );     //两个fragment

          fragmentsList.add(teacherFragment );
          fragmentsList.add(lesslFragment );

         mViewpager.setAdapter(new ProfessionalFragmentPagerAdapter(getSupportFragmentManager(),fragmentsList));   [color=#FF0000] //  viewpage
         mViewpager.setCurrentItem(0);[/color]
          mViewpager.setOnPageChangeListener(new MyOnPageChangeListener());
       }


  图一


图二


------解决思路----------------------
popwindow就可以了，具体的自己找去，没几行代码
------解决思路----------------------
楼上正解，写一个类  继承popupwindow

this.setOutsideTouchable(true);

		// 设置SelectPicPopupWindow的View（mView就是你弹出的视图，layoutinflater填充一下。）

		this.setContentView(mView);

		// 设置SelectPicPopupWindow弹出窗体的宽

		this.setWidth(LayoutParams.MATCH_PARENT);

		// 设置SelectPicPopupWindow弹出窗体的高

		this.setHeight(LayoutParams.WRAP_CONTENT);

		// 设置SelectPicPopupWindow弹出窗体可点击

		this.setFocusable(true);

		// 设置SelectPicPopupWindow弹出窗体动画效果

		this.setAnimationStyle(R.style.popupwindow_style);

		// 实例化一个ColorDrawable颜色为半透明

		ColorDrawable dw = new ColorDrawable(R.color.black1);

		// 设置SelectPicPopupWindow弹出窗体的背景

		this.setBackgroundDrawable(dw);