Android ViewFlipper在菜单中滑动

时间:2012-12-18 18:05:35

标签: android viewflipper

我正在尝试使用具有2个布局的ViewFlipper为Android应用制作菜单,1为菜单,1为内容。当触摸内容布局中的按钮时,菜单应从左侧滑入并覆盖屏幕的80%。我现在这样做的方式使菜单滑入80%,然后在动画后显示100%的菜单。关于如何使这项工作的任何想法?

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <ViewFlipper android:id="@+id/viewflipper"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">   
<!-- content -->
        <LinearLayout 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">
                <Button android:id="@+id/bt_test"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="slide"/>
            <TextView android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="hello"/>
        </LinearLayout>
<!-- menu -->
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
        </LinearLayout>
    </ViewFlipper>
</LinearLayout>

动画: 出:

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="0" android:toXDelta="80%" android:duration="500"/>
</set>

在:

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="-100%" android:toXDelta="-20%" android:duration="500"/>
</set>

的onclick:

            flipper.setInAnimation(MainActivity.this, R.anim.slide_in);
            flipper.setOutAnimation(MainActivity.this, R.anim.slide_out);
            flipper.showNext();

1 个答案:

答案 0 :(得分:2)

使用这个优秀的图书馆项目。没有必要重新发明轮子。

至少你可以看看所有源代码可用的技术。

https://github.com/jfeinstein10/SlidingMenu

https://play.google.com/store/apps/details?id=com.slidingmenu.example