Question

我正在使用ViewAnimation：

在查看动画的帮助下，我如何从左到右，从右到左交换屏幕喜欢viewPagger。据我所知，我们可以使用Touch，但这不是正确的方式，在触摸模式下，当我点击屏幕，下一个屏幕将可见，但我需要像ViewPagger。

<!-- This is View Animation Xml code, In which  we have two Layout(Screen) one for GridView and WebView and Second Layout Screen for ListView and WebView -->

<ViewAnimator
    android:id="@+id/viewSwitcher_ID" <ViewAnimator
    android:id="@+id/viewSwitcher_ID"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
>

<LinearLayout
    android:id="@+id/linear_wWeb"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
        <GridView
            android:id="@+id/gridview"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:numColumns="auto_fit"
            android:verticalSpacing="2dp"
            android:horizontalSpacing="2dp"
            android:columnWidth="500dp"
            android:layout_marginLeft="5dip"
            android:layout_marginRight="5dip"
            android:layout_marginTop="10dip"
            android:layout_marginBottom="5dip"
            android:background="@drawable/list_selector"
            android:stretchMode="columnWidth"
            android:gravity="center" />
        <WebView 
            android:id="@+id/webGrid_ID"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/webview_div"
            android:layout_marginLeft="5dip"
            android:layout_marginRight="5dip"
            android:visibility="gone" />

        </LinearLayout>

        <LinearLayout
            android:id="@+id/linear_wList"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="horizontal"
            android:weightSum="5" >

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:orientation="vertical" >

                <ListView
                    android:id="@+id/mylist"
                    android:layout_width="wrap_content"
                    android:layout_height="530dp"

                    android:background="@drawable/list_selector" >
                </ListView>

                <RelativeLayout
                    android:id="@+id/gallery_relative_layout"
                    android:layout_width="fill_parent"
                    android:layout_height="70dip"

                    android:layout_gravity="bottom"
                    android:background="@drawable/headertest"
                    android:paddingLeft="4dip"
                    android:paddingRight="4dip"
                    android:paddingTop="5dip"
                    android:paddingBottom="5dip"
                    android:layout_marginBottom="20dip"

                    android:orientation="horizontal" >

                        <ImageButton
                            android:id="@+id/leftArrow"
                            android:layout_width="40dip"
                            android:layout_height="50dip"
                            android:layout_alignParentBottom="true"

                            android:layout_marginBottom="5dip"
                            android:background="@drawable/fleft_arrow" />

                        <HorizontalScrollView
                            android:id="@+id/horizontal"
                            android:layout_width="fill_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="2dip"
                            android:layout_marginRight="2dip"
                            android:layout_alignParentBottom="true"
                            android:layout_toLeftOf="@+id/rightArrow"
                            android:layout_toRightOf="@+id/leftArrow" >


                            <LinearLayout
                                android:id="@+id/linearLayout1"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"

                                android:layout_gravity="bottom"
                                android:gravity="center_horizontal|bottom"
                                android:orientation="horizontal"
                                android:layout_marginBottom="5dip"
                                android:layout_alignParentBottom="true" >

                                <Button
                                    android:id="@+id/button1"
                                    android:layout_width="0dp"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:background="@drawable/selector1" />

                                <Button
                                    android:id="@+id/button2"
                                    android:layout_width="0dp"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:background="@drawable/selector2" />

                                <Button
                                    android:id="@+id/button3"
                                    android:layout_width="0dp"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:background="@drawable/selector3" />

                                <Button
                                    android:id="@+id/button4"
                                    android:layout_width="0dp"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:background="@drawable/selector4" />

                                <Button
                                    android:id="@+id/button5"
                                    android:layout_width="0dp"
                                    android:layout_height="wrap_content"
                                    android:layout_weight="1"
                                    android:background="@drawable/selector5" />

                <Button
                    android:id="@+id/button6"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector6" />

                <Button
                    android:id="@+id/button7"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector7" />

                <Button
                    android:id="@+id/button8"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector8" />
            </LinearLayout>
        </HorizontalScrollView>
    <ImageButton
            android:id="@+id/rightArrow"
            android:layout_width="40dip"
            android:layout_height="50dip"
            android:layout_marginBottom="5dip"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"


            android:background="@drawable/fright_arrow"
            />
                    </RelativeLayout>
                </LinearLayout>

                <View
                    android:layout_width="2dp"
                    android:layout_height="fill_parent"
                    android:background="@android:color/black" />
                <LinearLayout 
                    android:layout_width="0dp"
                    android:layout_height="fill_parent"
                      android:layout_weight="3"
                      android:background="@drawable/webview_div">

                    <WebView
                    android:id="@+id/webviewFirstLinear"
                    android:layout_width="0dp"
                    android:layout_height="fill_parent"
                    android:layout_weight="3" />
                </LinearLayout>


            </LinearLayout>





        </ViewAnimator>
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
           >





    <LinearLayout
                android:id="@+id/linear_wWeb"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:orientation="vertical" >
     <GridView



        android:id="@+id/gridview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:numColumns="auto_fit"
        android:verticalSpacing="2dp"
        android:horizontalSpacing="2dp"
        android:columnWidth="500dp"
        android:layout_marginLeft="5dip"
        android:layout_marginRight="5dip"
        android:layout_marginTop="10dip"
        android:layout_marginBottom="5dip"
        android:background="@drawable/list_selector"
        android:stretchMode="columnWidth"

        android:gravity="center" />
     <WebView 
         android:id="@+id/webGrid_ID"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent"
          android:background="@drawable/webview_div"
          android:layout_marginLeft="5dip"
          android:layout_marginRight="5dip"
         android:visibility="gone"
        />



            </LinearLayout>


         <LinearLayout
                android:id="@+id/linear_wList"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:orientation="horizontal"
                android:weightSum="5" >

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="2"

                    android:orientation="vertical" >

                    <ListView
                        android:id="@+id/mylist"
                        android:layout_width="wrap_content"
                        android:layout_height="530dp"

                        android:background="@drawable/list_selector" >
                    </ListView>

                    <RelativeLayout
                        android:id="@+id/gallery_relative_layout"
                        android:layout_width="fill_parent"
                        android:layout_height="70dip"

                        android:layout_gravity="bottom"
                        android:background="@drawable/headertest"
                        android:paddingLeft="4dip"
                        android:paddingRight="4dip"
                        android:paddingTop="5dip"
                        android:paddingBottom="5dip"
                        android:layout_marginBottom="20dip"


                        android:orientation="horizontal" >

             <ImageButton
            android:id="@+id/leftArrow"
            android:layout_width="40dip"
            android:layout_height="50dip"
            android:layout_alignParentBottom="true"

            android:layout_marginBottom="5dip"
            android:background="@drawable/fleft_arrow" />

            <HorizontalScrollView
            android:id="@+id/horizontal"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="2dip"
            android:layout_marginRight="2dip"
            android:layout_alignParentBottom="true"
            android:layout_toLeftOf="@+id/rightArrow"
            android:layout_toRightOf="@+id/leftArrow" >



            <LinearLayout
                android:id="@+id/linearLayout1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"

                 android:layout_gravity="bottom"
                android:gravity="center_horizontal|bottom"
                android:orientation="horizontal"
                android:layout_marginBottom="5dip"
                android:layout_alignParentBottom="true" >

                <Button
                    android:id="@+id/button1"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector1" />

                <Button
                    android:id="@+id/button2"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector2" />

                <Button
                    android:id="@+id/button3"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector3" />

                <Button
                    android:id="@+id/button4"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector4" />

                <Button
                    android:id="@+id/button5"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector5" />

                <Button
                    android:id="@+id/button6"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector6" />

                <Button
                    android:id="@+id/button7"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector7" />

                <Button
                    android:id="@+id/button8"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:background="@drawable/selector8" />
            </LinearLayout>
        </HorizontalScrollView>
    <ImageButton
            android:id="@+id/rightArrow"
            android:layout_width="40dip"
            android:layout_height="50dip"
            android:layout_marginBottom="5dip"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"


            android:background="@drawable/fright_arrow"
            />
                    </RelativeLayout>
                </LinearLayout>

                <View
                    android:layout_width="2dp"
                    android:layout_height="fill_parent"
                    android:background="@android:color/black" />
                <LinearLayout 
                    android:layout_width="0dp"
                    android:layout_height="fill_parent"
                      android:layout_weight="3"
                      android:background="@drawable/webview_div">

                    <WebView
                    android:id="@+id/webviewFirstLinear"
                    android:layout_width="0dp"
                    android:layout_height="fill_parent"
                    android:layout_weight="3" />
                </LinearLayout>


            </LinearLayout>





        </ViewAnimator>

如何通过左滚动或右滚动在ViewAnimation或Gesture的帮助下获得此方法。有任何方法可以在动画离开和动画时翻转屏幕使用翻译，缩放，旋转等 enter image description here

Answer 1

如果您愿意在项目中使用库..它可能会对您有所帮助https://github.com/JakeWharton/Android-ViewPagerIndicator

Answer 2

以下链接可帮助您实现您的要求。它与您附加的屏幕截图相同（Google Play就像主屏幕一样）。

1）https://github.com/astuetz/ViewPagerExtensions

2）https://github.com/astuetz/android-viewpagertabs

Answer 3

表示left_in.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Before rotating, immediately set the alpha to 0. -->
    <objectAnimator
        android:valueFrom="1.0"
        android:valueTo="0.0"
        android:propertyName="alpha"
        android:duration="0" />

    <!-- Rotate. -->
    <objectAnimator
        android:valueFrom="-180"
        android:valueTo="0"
        android:propertyName="rotationY"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:duration="@integer/card_flip_time_full" />

    <!-- Half-way through the rotation (see startOffset), set the alpha to 1. -->
    <objectAnimator
        android:valueFrom="0.0"
        android:valueTo="1.0"
        android:propertyName="alpha"
        android:startOffset="@integer/card_flip_time_half"
        android:duration="1" />
</set>

表示left_out.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Rotate. -->
    <objectAnimator
        android:valueFrom="0"
        android:valueTo="-180"
        android:propertyName="rotationY"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:duration="@integer/card_flip_time_full" />

    <!-- Half-way through the rotation (see startOffset), set the alpha to 0. -->
    <objectAnimator
        android:valueFrom="1.0"
        android:valueTo="0.0"
        android:propertyName="alpha"
        android:startOffset="@integer/card_flip_time_half"
        android:duration="1" />
</set>

您需要在/ res / animator文件夹下创建两个动画xml文件。使用以下代码将动画应用于视图或活动

Intent i = new Intent(first.this, second.class);    
startActivity(i);
overridePendingTransition(R.animator.push_left_in,R.animator.push_left_out);

我如何使用像ViewPager这样的Android VIew Animation翻转屏幕

3 个答案: