使用ViewPager.PageTransformer移动文本 - 失败

时间:2015-05-28 07:30:12

标签: android android-fragments android-pagetransformer

我有一个带有2个textview的通用片段:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/background_image"/>    

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="150dp">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:id="@+id/title"
            style="@style/IntroTitle"
            android:text="TITLE"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:id="@+id/description"
            style="@style/IntroDescription"
            android:text="Description"
            android:layout_marginTop="8dp"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="30dp"/>

    </LinearLayout>

</RelativeLayout>

这个布局由IntroFragment使用,这个类在我的ViewPager(PageAdapter)中实例化了5次:

        @Override
        public Fragment getItem(int position) {
            Fragment fragment = null;
            Bundle bundle = new Bundle();
            switch (position) {
                case 0:
                    fragment = IntroFragment.newInstance(getString(R.string.intro_title_screen_1),
                            getString(R.string.intro_desc_screen_1));
                    break;
                case 1:
                    fragment = IntroFragment.newInstance(getString(R.string.intro_title_screen_2),
                            getString(R.string.intro_desc_screen_2));
                    break;
                case 2:
...

在我的PageTransformer中,我想在X上为标题和描述进行翻译,但使用此代码的行为很疯狂:

mViewPager.setPageTransformer(true, new ViewPager.PageTransformer() {
            @Override
            public void transformPage(View view, float position) {
                int pageWidth = view.getWidth();

                if (position <= -1) { // [-Infinity,-1)
                    // This page is way off-screen to the left.
                } else if (position <= 1) { // [-1,1] 

                    TextView textview = (TextView) view.findViewById(R.id.description);
                    textview.setTranslationX((float) (-(1 - position) * 1.2 * pageWidth));

                    textview = (TextView) view.findViewById(R.id.title);
                    textview.setTranslationX((float) (-(1 - position) * 1.2 * pageWidth));

                } else { // (1,+Infinity]
                    // This page is way off-screen to the right.
                }
            }
        });

是否可以使用这样的通用片段并在内部的特定小部件上使用PageTransformer(如我的案例标题和描述textview)?

我只想在标题和说明文字视图上更快地进行X翻译(在右侧或左侧取决于幻灯片方式)。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

  

我只想更快地进行X翻译(在右侧或左侧)   取决于标题和描述textview的滑动方式。

是的,这是可能的。当你向右移动时,position大于零,当你向左移动时小于零。在您的代码中,速度因子是硬编码的(1.2)。您必须找到适合您需要的数学函数或一组值。