Question

我对如何使用transitionSet感到困惑。这是我的定义：

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android" android:transitionOrdering="sequential">
    <slide android:slideEdge="bottom" android:startDelay="0">
        <targets>
            <target android:targetId="@id/action_save" />
        </targets>
    </slide>
    <slide android:slideEdge="top">
        <targets>
            <target android:targetId="@id/image_album_background" />
        </targets>
    </slide>
    <slide
        android:duration="500"
        android:slideEdge="bottom">
        <targets>
            <target android:targetId="@id/fields_container" />
        </targets>
    </slide>
</transitionSet>

这样，所有视图都将从底部边缘滑动。但是，如果我将顺序更改为：

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android" android:transitionOrdering="sequential">
    <slide android:slideEdge="top">
        <targets>
            <target android:targetId="@id/image_album_background" />
        </targets>
    </slide>
    <slide android:slideEdge="bottom" android:startDelay="0">
        <targets>
            <target android:targetId="@id/action_save" />
        </targets>
    </slide>
    <slide
        android:duration="500"
        android:slideEdge="bottom">
        <targets>
            <target android:targetId="@id/fields_container" />
        </targets>
    </slide>
</transitionSet>

然后，所有人都会从顶边滑落。

似乎Android只关心第一次过渡。

更新：这是布局：

    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:fab="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <!-- Picture -->
                <RelativeLayout
                    android:id="@+id/image_album_background"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="#ff000000">

                    <ImageView
                        android:id="@+id/image_album"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerHorizontal="true"
                        android:adjustViewBounds="true"
                        android:contentDescription="No art"
                        android:maxHeight="320dp"
                        android:maxWidth="320dp"
                        android:src="@drawable/ic_noart"
                        android:transitionName="transition_album_cover"
                        tools:ignore="HardcodedText" />

                    <Button
                        android:id="@+id/btn_img_marker"
                        android:layout_width="20dp"
                        android:layout_height="20dp"
                        android:layout_alignEnd="@+id/image_album"
                        android:layout_alignParentBottom="true"
                        android:layout_alignRight="@+id/image_album"
                        android:background="#ff56bb21" />
                </RelativeLayout>

                <LinearLayout
                    android:id="@+id/fields_container"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_below="@+id/image_album_background"
                    android:background="#ffffffff"
                    android:orientation="vertical"
                    android:padding="@dimen/frame_margin">

                    <CheckBox
                        android:id="@+id/cb_embed_art"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:text="@string/label_embed_art" />

                    <TextView
                        android:id="@+id/text_filepath"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:gravity="center_horizontal"
                        android:text="/mnt/data/path/to/file/audio.mp3" />
                </LinearLayout>

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/fields_container"
                    android:background="#ffffffff"
                    android:padding="24dp">
                    <!-- Title -->
                    <LinearLayout
                        android:id="@+id/title_row"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <TextView
                            style="@style/label"
                            android:layout_width="100dp"
                            android:layout_height="wrap_content"
                            android:text="@string/label_title" />

                        <EditText
                            android:id="@+id/edit_title"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:inputType="text" />
                    </LinearLayout>

                    <!-- Artist -->
                    <LinearLayout
                        android:id="@+id/artist_row"
                        style="@style/input_row"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/title_row"
                        android:orientation="horizontal">

                        <TextView
                            style="@style/label"
                            android:layout_width="100dp"
                            android:layout_height="wrap_content"
                            android:text="@string/label_artist" />

                        <AutoCompleteTextView
                            android:id="@+id/edit_artist"
                            style="?android:editTextStyle"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:inputType="text" />
                    </LinearLayout>

                    <!-- Album artist -->
                    <LinearLayout
                        android:id="@+id/album_artist_row"
                        style="@style/input_row"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/artist_row"
                        android:orientation="horizontal">

                        <TextView
                            style="@style/label"
                            android:layout_width="100dp"
                            android:layout_height="wrap_content"
                            android:text="@string/label_album_artist" />

                        <AutoCompleteTextView
                            android:id="@+id/edit_album_artist"
                            style="?android:editTextStyle"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:inputType="text" />
                    </LinearLayout>

                    <!-- Album -->
                    <LinearLayout
                        android:id="@+id/album_row"
                        style="@style/input_row"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/album_artist_row"
                        android:orientation="horizontal">

                        <TextView
                            style="@style/label"
                            android:layout_width="100dp"
                            android:layout_height="wrap_content"
                            android:text="@string/label_album" />

                        <AutoCompleteTextView
                            android:id="@+id/edit_album"
                            style="?android:editTextStyle"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:inputType="text" />
                    </LinearLayout>

                    <LinearLayout
                        android:id="@+id/two_column_row1"
                        style="@style/input_row"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/album_row"
                        android:baselineAligned="false"
                        android:orientation="horizontal">

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

                            <LinearLayout
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:orientation="horizontal">

                                <TextView
                                    style="@style/label"
                                    android:layout_width="100dp"
                                    android:layout_height="wrap_content"
                                    android:text="@string/label_genre" />

                                <AutoCompleteTextView
                                    android:id="@+id/edit_genre"
                                    style="?android:editTextStyle"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:inputType="text" />
                            </LinearLayout>

                            <LinearLayout
                                style="@style/input_row"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:orientation="horizontal">

                                <TextView
                                    style="@style/label"
                                    android:layout_width="100dp"
                                    android:layout_height="wrap_content"
                                    android:text="@string/label_year" />

                                <EditText
                                    android:id="@+id/edit_year"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:inputType="number" />
                            </LinearLayout>
                        </LinearLayout>

                        <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="24dp"
                            android:layout_weight="3"
                            android:orientation="vertical">

                            <LinearLayout
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:orientation="horizontal">

                                <TextView
                                    style="@style/label"
                                    android:layout_width="100dp"
                                    android:layout_height="wrap_content"
                                    android:text="@string/label_track_no" />

                                <EditText
                                    android:id="@+id/edit_track_no"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:inputType="number" />
                            </LinearLayout>

                            <LinearLayout
                                style="@style/input_row"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:orientation="horizontal">

                                <TextView
                                    style="@style/label"
                                    android:layout_width="100dp"
                                    android:layout_height="wrap_content"
                                    android:text="@string/label_track_total" />

                                <EditText
                                    android:id="@+id/edit_track_total"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:inputType="number" />
                            </LinearLayout>
                        </LinearLayout>
                    </LinearLayout>

                    <LinearLayout
                        style="@style/input_row"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/two_column_row1"
                        android:orientation="horizontal">

                        <TextView
                            style="@style/label"
                            android:layout_width="100dp"
                            android:layout_height="wrap_content"
                            android:text="@string/label_comment" />

                        <EditText
                            android:id="@+id/edit_comment"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:gravity="top"
                            android:inputType="textMultiLine"
                            android:minLines="5" />
                    </LinearLayout>
                </RelativeLayout>

            </RelativeLayout>

        </ScrollView>

        <com.melnykov.fab.FloatingActionButton
            android:id="@+id/action_save"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:layout_margin="16dp"
            android:src="@drawable/ic_action_save"
            fab:fab_colorNormal="@color/accent_shade"
            fab:fab_colorRipple="#66FF9800" />

    </FrameLayout>

这是打开布局的方法：

String transitionName = "transition_album_cover";
if (AnimationViews.albumCover != null) {
    fragmentTx.addSharedElement(AnimationViews.albumCover, transitionName);
}

TransitionInflater inflater = TransitionInflater.from(this);
editorFragment.setEnterTransition(inflater.inflateTransition(R.transition.editor_fragment_enter));

Answer 1

能够将所有转换作为子视图进行工作是很棘手的。因为它取决于该子视图的ViewGroup（父视图）。

引自jimulabs：

如果设置ViewGroup的背景（即使它是android:color/transparent），过渡系统会将   ViewGroup作为单个视图，忽略其子级。因此，任何   过渡只会在ViewGroup而不是其子项上运行   独立;如果转换的目标设置为其中一个   仅限儿童，过渡将无法运行。

相反，如果ViewGroup没有背景（或@null），则会为其所有孩子进行转换;如果一个   转换的目标设置为ViewGroup，转换将   根本没有。

如果您在正常情况下运行beginDelayedTransition()，例如在OnClickListener中设置视图的可见性，则不会发生这种情况。

您还可以在过渡视图＆amp;部分的here上阅读此内容。过渡小组。

但是，您应该能够通过方法ViewGroup#setTransitionGroup(boolean)使其工作，我无法使其工作。我尝试在屏幕的父布局上使用此方法。因此，我必须坚持使用java代码来处理所有transitionSet目标，这非常耗时。

Answer 2

我刚试过这个，它对我来说很好，所以我不得不认为它与你的特定目标有关。我的猜测是image_album_background包含action_save和fields_container。如果是这样，那两个视图仍将在其容器内滑动。

解决这个问题的简单方法是将image_album_background移动到另外两个兄弟而不是父节点。如果您还没有能够容纳该容器的容器（例如LinearLayout），则可以使用一个额外级别：

<FrameLayout ...>
    <ImageView android:id="@+id/image_album_background"/>
    <other views.../>
</FrameLayout>

Answer 3

5.1.1 fixed confirmed

@George Mount mentioned that support.v4.fragments would fix that one, but in return, you will need to implement your Activity as FragmentActivity.

Answer 4

这是一个老问题，但今天我遇到了同样的问题，我通过添加标签android解决了它：transitionGroup =＆＃34; false | true＆＃34;到ViewGroups，包括root，当然应该将其设置为false。我现在可以在不同的视图（包括|排除视图）中运行不同的动画，并且行为符合预期。

Android转换不关心transitionSet中的targetId

4 个答案: