Android 如何在片段之间使用Viewpager进行SharedElement转换
我对SharedElement转换做了很多研究,但是我只能找到onclick事件的转换 我想要片段之间的动画,其中动画的速度由用户的滚动速度控制。如果用户在滚动时停在中间,则对象应静止。 例子: 在这个图像中,视窗在屏幕1和屏幕2的中间,动画对象处于停止状态。 这些对象从一个屏幕移动到另一个屏幕,并改变其位置 翻译动画部分我已经弄明白了,但是如何通过片段之间的viewpager实现这种共享元素转换。此外,它应该以手指滑动的速度滚动/设置动画 MainActivity.javaAndroid 如何在片段之间使用Viewpager进行SharedElement转换,android,android-fragments,animation,shared-element-transition,sharedelementcallback,Android,Android Fragments,Animation,Shared Element Transition,Sharedelementcallback,我对SharedElement转换做了很多研究,但是我只能找到onclick事件的转换 我想要片段之间的动画,其中动画的速度由用户的滚动速度控制。如果用户在滚动时停在中间,则对象应静止。 例子: 在这个图像中,视窗在屏幕1和屏幕2的中间,动画对象处于停止状态。 这些对象从一个屏幕移动到另一个屏幕,并改变其位置 翻译动画部分我已经弄明白了,但是如何通过片段之间的viewpager实现这种共享元素转换。此外,它应该以手指滑动的速度滚动/设置动画 MainActivity.java package c
package com.karan.onboardanimation;
import android.os.Bundle;
import android.support.v4.app.FragmentManager;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
public class MainActivity extends AppCompatActivity {
private static final String TAG = "MainActivity";
private MyFragmentPagerAdapter pagerAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Log.d(TAG, "onCreate: ");
ViewPager pager = (ViewPager) findViewById(R.id.pager);
FragmentManager fm = getSupportFragmentManager();
pagerAdapter = new MyFragmentPagerAdapter(fm);
pager.setAdapter(pagerAdapter);
pager.setCurrentItem(0);
}
}
java-此片段有一个imageview,当用户在viewpager上滑动时,它必须与第二个片段共享
package com.karan.onboardanimation;
import android.app.ActivityOptions;
import android.os.Build;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
public class FirstFragment extends Fragment {
private static final String TAG = "FirstFragment";
ImageView imageView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (Build.VERSION.SDK_INT >= 21){
}
Log.d(TAG, "onCreate: ");
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
Log.d(TAG, "onCreateView: ");
View view = inflater.inflate(R.layout.first_fragment, container, false);
imageView = (ImageView) view.findViewById(R.id.img1);
ViewPagerTransformer viewPagerTransformer = new ViewPagerTransformer();
viewPagerTransformer.transformPage(imageView, 1);
return view;
}
}
MyFragmentPagerAdapter.java
package com.karan.onboardanimation;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.util.Log;
class MyFragmentPagerAdapter extends FragmentPagerAdapter {
private static final String TAG = "MyFragmentPagerAdapter";
final int PAGE_COUNT = 2;
public MyFragmentPagerAdapter(FragmentManager fm) {
super(fm);
Log.d(TAG, "MyFragmentPagerAdapter: ");
}
@Override
public Fragment getItem(int position) {
Log.d(TAG, "getItem: ");
switch (position) {
case 0:
return new FirstFragment();
case 1:
return new SecondFragment();
default:
return null;
}
}
@Override
public int getCount() {
return PAGE_COUNT;
}
}
second_fragment.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#d02030"
android:orientation="vertical">
<ImageView
android:id="@+id/img2"
android:layout_width="100dp"
android:layout_centerInParent="true"
android:src="@drawable/orange_centre"
android:transitionName="selectedIcon"
android:layout_height="100dp" />
</RelativeLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:id="@+id/img1"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_gravity="center"
android:src="@drawable/orange_centre" />
</LinearLayout>
first_fragment.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#d02030"
android:orientation="vertical">
<ImageView
android:id="@+id/img2"
android:layout_width="100dp"
android:layout_centerInParent="true"
android:src="@drawable/orange_centre"
android:transitionName="selectedIcon"
android:layout_height="100dp" />
</RelativeLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:id="@+id/img1"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_gravity="center"
android:src="@drawable/orange_centre" />
</LinearLayout>
编辑1-
这个问题不是评论中提到的链接的重复,因为那个问题是我问题的一个子部分。不同之处在于,该问题中的动画发生在以静态速度单击时。但是在我的问题中,动画的速度必须等于ViewPager滑动速度。您可以尝试
PageTransformer
。这不是共享转换,而是更多的视图动画,取决于滑动事件生成的页面位置偏移。可能重复@StasLelyuk。请阅读相关编辑,这不是重复的。我以前读过该问题。我不久前做过类似的事情。我解决这个问题的方法是将我想要在活动页面之间共享的视图放在ViewPager的顶部。这样,您可以自由设置动画。