翻转RelativeLayout onClick

时间:2014-04-14 12:50:36

标签: java android android-layout flipview

我有一个RelativeLayout,其中有另一个RelativeLayout我希望翻转最后一个布局,如果可能的话,但我不知道是否可能。布局是:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:fillViewport="true"
    android:fitsSystemWindows="true"
    android:gravity="center|top"
    android:layout_gravity="center|top"
    android:background="#e7e9e8"
    android:layout_height="fill_parent" >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:fitsSystemWindows="true"
        android:layout_height="fill_parent"
        android:layout_gravity="center|top"
        android:gravity="center|top"    
        android:id="@+id/relativelayout"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/txt"
            android:background="@layout/background_card"
            android:layout_marginRight="10dp"
            android:layout_marginTop="30dp" 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:gravity="left"
            android:layout_toRightOf="@+id/btns"
            android:fontFamily="sans-serif-light"
            android:text=""
            android:textColor="#ff888888"
            android:textSize="18dp" />

         <ImageView 
                android:id="@+id/photo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/list" 
             /> 

    <!-- for weather -->
    <RelativeLayout
        android:id="@+id/tableLayout1"
        android:layout_below="@+id/imageviewMain"
        android:layout_width="fill_parent"
        android:layout_centerHorizontal="true"
        android:layout_margin="10dp"
        android:background="@layout/background_card"
        android:layout_height="wrap_content" >


         <TextView
                    android:id="@+id/citybox"
                    android:textColor="#63b875"
                    android:fontFamily="sans-serif-condensed"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="City"
                    android:layout_margin="1dp"
                    android:textSize="23sp" />
         <ImageView
                    android:id="@+id/imageview_forecast_info"
                    android:layout_width="95dp"
                    android:layout_centerHorizontal="true"
                    android:src="@drawable/clear"    
                    android:layout_below="@+id/citybox"
                    android:layout_alignParentLeft="true"
                    android:layout_height="95dp" />

        <TextView
                    android:id="@+id/temperaturenow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@+id/imageview_forecast_info"
                    android:fontFamily="sans-serif-light"
                    android:text="@string/ricercacondition"
                    android:layout_margin="1dip"
                    android:textColor="#ff888888"
                    android:textSize="15sp" />
        <TextView
                    android:id="@+id/temperatura"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:fontFamily="sans-serif-light"
                    android:text=""
                    android:gravity="right"
                    android:layout_alignParentRight="true"
                    android:layout_marginRight="1dp"
                    android:layout_marginLeft="5dp"
                    android:layout_toRightOf="@+id/imageview_forecast_info"
                    android:textColor="#ff888888"
                    android:textSize="75sp" />

        <TextView
                    android:id="@+id/maxmin"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:fontFamily="sans-serif-condensed"
                    android:text=""
                    android:textColor="#FFBB33"
                    android:gravity="right"
                    android:layout_alignParentRight="true"
                    android:layout_marginRight="5dp"
                    android:layout_marginLeft="5dp"
                    android:layout_below="@+id/temperatura"
                    android:layout_toRightOf="@+id/imageview_forecast_info"
                    android:textSize="16sp" />

    </RelativeLayout>

    <!-- end weather layout --> 


    </RelativeLayout>

</ScrollView>

我需要翻转weather布局的一部分。我看到了这一点:http://developer.android.com/training/animation/cardflip.html但我真的无法理解我的情况如何。事实上,第一个问题是;我可以翻转布局而不是ImageView或其他吗?如果是,怎么样?我有Activity而不是Fragment。我还能这样做吗?

2 个答案:

答案 0 :(得分:0)

我建议你去android中的3D Flip Animation。 Android中的视图过渡动画非常有限。一个特别的遗漏是iOS中常见的3D翻转过渡。

同时检查FlipCard Animation

答案 1 :(得分:0)

只是为了通知我已经开发了一个包含基本翻转动画的新库FlipView并扩展了ViewFlipper。我的意思是一个完全可自定义的库,您可以使用任何类型的动画和形状交换任何类型的视图和布局(包括Gmail图像翻转)。

请看一下。