Android Evernote就像slidingMenu一样

时间:2013-08-08 11:55:14

标签: android slidingmenu evernote

我想为我的Android应用程序设计Evernote,例如滑动菜单,其中包括滑动菜单中的Gridview和Listview内容。

Evernote For Android Showing sliding menu

我在slidingMenu布局文件中实现了两个frameLayouts,一个用于Gridview,另一个用于Listview。这是它的xml文件。

menu_frame.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >


    <FrameLayout 
    android:id="@+id/grid_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

    <FrameLayout 
    android:id="@+id/menu_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:layout_below="@+id/grid_frame"/>
</RelativeLayout>

列表视图ID:frame_frame

的Framelayout xml文件
<ListView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/list_padding"
    android:paddingRight="@dimen/list_padding" />

Gridview Framelayout xml文件,用于id:grid_frame

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:paddingLeft="@dimen/list_padding"
    android:paddingRight="@dimen/list_padding">
    <!-- android:id="@+id/grid_list" -->

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="51dp"
        android:layout_marginTop="81dp"
        android:text="Grid Layout"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

Finaly这里是用于slidingmenu的java代码: SlideMenuBaseActivity.java

public class SlideMenuBaseActivity extends SlidingFragmentActivity{

    private int mTitleRes;
    protected SherlockListFragment mFrag;

    protected SherlockFragment mFragGrid;

    public SlideMenuBaseActivity(int titleRes) {
        // TODO Auto-generated constructor stub
        mTitleRes = titleRes;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);

        setTitle(mTitleRes);

        setBehindContentView(R.layout.menu_frame);
        if (savedInstanceState == null) {
            FragmentTransaction t = this.getSupportFragmentManager().beginTransaction();
            mFrag = new SlidingMenuFragment();
            mFragGrid = new SlidingGridFragment();

            FragmentTransaction t2 = this.getSupportFragmentManager().beginTransaction();
            t2.replace(R.id.grid_frame, mFragGrid);
            t2.commit();
            t.replace(R.id.menu_frame, mFrag);
            //t.replace(R.id.grid_frame, mFragGrid);
            t.commit();
        } else {
            mFrag = (SherlockListFragment)this.getSupportFragmentManager().findFragmentById(R.id.menu_frame);
            mFragGrid = (SherlockFragment)this.getSupportFragmentManager().findFragmentById(R.id.grid_frame);
        }

        // customize the SlidingMenu
                SlidingMenu sm = getSlidingMenu();
                sm.setShadowWidthRes(R.dimen.shadow_width);
                sm.setShadowDrawable(R.drawable.shadow);
                sm.setBehindOffsetRes(R.dimen.slidingmenu_offset);
                sm.setFadeDegree(0.35f);
                sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);

                getSupportActionBar().setDisplayHomeAsUpEnabled(true);
                getSupportActionBar().setDisplayShowCustomEnabled(true);
                 getSupportActionBar().setHomeButtonEnabled(true);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // TODO Auto-generated method stub
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // TODO Auto-generated method stub
        switch (item.getItemId()) {
        case android.R.id.home:
            toggle();
            return true;

        default:
            break;
        }
        return super.onOptionsItemSelected(item);
    }

}

我已经实现了上面的代码,但只有grid_view内容在slidingMenu上可见,但在List_view内容中不可见。 任何人都可以建议我一个解决方案,以获得完整的视图,如evernote滑动菜单使用片段为我的应用程序.....

由于

1 个答案:

答案 0 :(得分:0)

也许您应该考虑使用导航抽屉而不是滑动菜单。 实现目标更容易。

简单检查这些链接:

Create Navigation Drawer and See Example

Information

使用起来很简单,并且您可以根据需要使用片段。您可以轻松地为左抽屉进行自定义设计。 对我来说,它看起来像是evernote使用相同的模式。