当片段显示为活动布局时,如何开始转换是最佳实践吗?

时间:2015-09-12 14:59:53

标签: android animation android-fragments transition

我有一个活动只包含FrameLayout,用于渲染内部碎片。

StartActivity.java

public class StartActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_start);

    final ViewGroup group = (ViewGroup)findViewById(R.id.fragment_container);

    IntroFragment fragment = new IntroFragment();

    FragmentManager fm = getFragmentManager();

    FragmentTransaction ft = fm.beginTransaction();
    ft.add(R.id.fragment_container, fragment);

    ft.commit();}

activity_start.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" android:id="@+id/fragment_container">

和一个应该渲染到StartActivity的片段,但是通过转换动画视图对象的问题。我不需要片段之间的动画,但我需要片段渲染后的片段内的动画。堆栈上的帖子有同样的问题enter link description here。实现OnGlobalLayoutListener之后,我能够处理在我试图听的布局(ViewGroup)中发生某些变化的那一刻。看起来像这样

group.getViewTreeObserver()
            .addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
        @Override
        public void onGlobalLayout() {

            ViewGroup root = (ViewGroup)findViewById(R.id.scene_root);

            final Scene scene2 = Scene.getSceneForLayout(root, R.layout.intro_scene_two, getApplicationContext());

            final TransitionSet set = new TransitionSet();
            set.setDuration(10000);
            set.setOrdering(TransitionSet.ORDERING_SEQUENTIAL);
            set.addTarget(R.id.circle_logo);
            set.addTarget(R.id.title_logo);

            Fade fadeIn= new Fade(Fade.IN);

            ChangeBounds bounds = new ChangeBounds();

            set.addTransition(fadeIn);
            set.addTransition(bounds);

            TransitionManager.go(scene2, set);


            ViewTreeObserver obs = group.getViewTreeObserver();
            obs.removeGlobalOnLayoutListener(this);
        }
    });

和ChangeBounds转换的问题,当渲染片段时,OnGlobalLayoutListener()调用和TransitionManager正在将场景从scene1更改为scene2除了ChangeBounds之外,淡入淡出过渡效果非常好。 ChangeBounds根本不起作用,比如我没有这个代码

ChangeBounds bounds = new ChangeBounds();

set.addTransition(fadeIn);

为什么会这样?

对不起布局以下两个场景。

scene_one.xml

 <RelativeLayout
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <ImageView
            android:visibility="invisible"
            android:layout_marginTop="40dp"
            android:id="@+id/circle_logo"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"  android:background="@drawable/circle_logo"/>
        <TextView
            android:visibility="invisible"
            android:id="@+id/title_logo"
            android:layout_marginTop="10dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/white"
            android:textSize="25dp"
            android:text="Booking" />
    </RelativeLayout>

scene_two.xml

<RelativeLayout
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <ImageView
            android:id="@+id/circle_logo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:background="@drawable/circle_logo" />
        <TextView
            android:id="@+id/title_logo"
            android:layout_marginTop="10dp"
            android:layout_centerHorizontal="true"
            android:layout_below="@+id/circle_logo"
            android:gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/white"
            android:textSize="25dp"
            android:text="Booking" />
    </RelativeLayout>

1 个答案:

答案 0 :(得分:0)

这段代码帮助了我

QString

我从本文Postponed Shared Element Transitions

中获取了想法和实现