【问题标题】:how to animate the imageviews when other imageviews are visible to the user?当其他图像视图对用户可见时,如何为图像视图设置动画?
【发布时间】:2017-01-11 15:24:19
【问题描述】:

我的布局中有五个图像视图。前 3 个是可见的,第 4 个和第 5 个第一次消失了。一段时间后,第 4 个图像视图在可见性时可见,前 3 个图像视图按比例缩小,第 4 个图像视图对用户可见,第 5 个图像视图可见。图像视图比例和卡片可见性的可能动画是什么?下面是我的布局

                   <RelativeLayout

                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginBottom="10dp"
                            android:gravity="center"
                            android:visibility="visible">
                                    <ImageView
                                        android:id="@+id/image_1"
                                        android:layout_width="65dp"
                                        android:layout_height="85dp"
                                        android:src="@drawable/empty_card"
                                        android:layout_marginLeft="7dp"/>

                                    <ImageView
                                        android:id="@+id/image_2"
                                        android:layout_width="65dp"
                                        android:layout_height="85dp"
                                        android:src="@drawable/empty_card"
                                        android:layout_marginLeft="7dp"                                             android:layout_toRightOf="@+id/image_1"/>                                                                         

                                    <ImageView
                                        android:id="@+id/image_3"
                                        android:layout_width="65dp"
                                        android:layout_height="85dp"
                                        android:src="@drawable/empty_card"
                                        android:layout_marginLeft="7dp"
                                        android:layout_toRightOf="@+id/image_2"/>

                                <ImageView
                                    android:id="@+id/image_4"
                                    android:layout_width="65dp"
                                    android:layout_height="85dp"
                                    android:src="@drawable/empty_card"
                                    android:layout_marginLeft="7dp"
                                    android:layout_toRightOf="@+id/image_3"
                                    android:visibility="gone"/>



                            <ImageView
                                android:id="@+id/image_5"
                                android:layout_width="65dp"
                                android:layout_height="85dp"
                                android:src="@drawable/empty_card"
                                android:layout_marginLeft="7dp"
                                android:layout_toRightOf="@+id/image_4"
                                android:visibility="gone"/>
                        </RelativeLayout>

【问题讨论】:

  • 创建一个方法并传递您不想动画的 imageView 的 id。在该方法中,对每个 id 与您在该方法中传递的 id 不同的 imageView 应用动画。

标签: android android-layout animation imageview


【解决方案1】:

在您的父级相对布局中添加以下行 android:animateLayoutChanges="true" 它将自动为所有图像视图的可见性/消失设置动画

               <RelativeLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="10dp"
                        android:gravity="center"
                        android:visibility="visible"
                       android:animateLayoutChanges="true">
                                <ImageView
                                    android:id="@+id/image_1"
                                    android:layout_width="65dp"
                                    android:layout_height="85dp"
                                    android:src="@drawable/empty_card"
                                    android:layout_marginLeft="7dp"/>

                                <ImageView
                                    android:id="@+id/image_2"
                                    android:layout_width="65dp"
                                    android:layout_height="85dp"
                                    android:src="@drawable/empty_card"
                                        android:layout_marginLeft="7dp"                                             android:layout_toRightOf="@+id/image_1"/>                                                                         

                                <ImageView
                                    android:id="@+id/image_3"
                                    android:layout_width="65dp"
                                    android:layout_height="85dp"
                                    android:src="@drawable/empty_card"
                                    android:layout_marginLeft="7dp"
                                     android:layout_toRightOf="@+id/image_2"/>

                            <ImageView
                                android:id="@+id/image_4"
                                android:layout_width="65dp"
                                android:layout_height="85dp"
                                android:src="@drawable/empty_card"
                                android:layout_marginLeft="7dp"
                                android:layout_toRightOf="@+id/image_3"
                                android:visibility="gone"/>



                        <ImageView
                            android:id="@+id/image_5"
                            android:layout_width="65dp"
                            android:layout_height="85dp"
                            android:src="@drawable/empty_card"
                            android:layout_marginLeft="7dp"
                            android:layout_toRightOf="@+id/image_4"
                            android:visibility="gone"/>
                    </RelativeLayout>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-07
    • 1970-01-01
    • 1970-01-01
    • 2013-04-30
    • 1970-01-01
    相关资源
    最近更新 更多