2

我在 ViewPager 上使用 setPadding() 来实现刷卡效果,效果很好,但是当我将填充应用于 ViewPager (60, 0, 60, 0) 时,PagerTabStrip 的宽度明显变小了,现在我得到了标题和屏幕两侧边缘之间的 60dp 间隙(如下图所示)。

我试图使用 SetMinimumWidth() 以编程方式(缺乏更好的解决方案)增加 PagerTabStrip 的宽度,但它没有任何区别。

如何克服由 setPadding() 引起的截断标题和 60dp 间隙?谢谢!

我使用的代码:

 pager = (ViewPager) v.findViewById(R.id.pager);
            pager.setAdapter(new CardsPagerAdapter(getActivity(), cardImages, cardTitles, cardDescription));

            pager.setPadding(50, 0, 50, 0);
            pager.setClipToPadding(false);
            pager.setPageMargin(20);

            WindowManager wm = (WindowManager) getActivity().getSystemService(Context.WINDOW_SERVICE);
            Display display = wm.getDefaultDisplay();
            Point size = new Point();
            display.getSize(size);

            pagerStrip = (PagerTabStrip) v.findViewById(R.id.pager_tab_strip);
            pagerStrip.setMinimumWidth(size.x);

xml:

<android.support.v4.view.ViewPager
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/pager"
            android:layout_width="fill_parent"
            android:layout_height="390dp"
            android:layout_below="@+id/homeTopIv"
            android:layout_marginTop="-85dp">


            <android.support.v4.view.PagerTabStrip
                android:id="@+id/pager_tab_strip"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="top"
                android:background="@android:color/transparent"
                android:textAppearance="@style/PagerTabStripText"
                android:paddingTop="5dp"
                android:paddingBottom="14dp"/>

        </android.support.v4.view.ViewPager>

在此处输入图像描述

4

1 回答 1

1

终于经过两天的搜索,我找到了比我想象的更简单的解决方案。希望能帮助其他想要为他们的 android 应用程序提供漂亮的刷卡布局的人。我所要做的就是将这些行添加到 ViewPager 和 PagerTitleStrip xml:

安卓:clipChildren="假"
安卓:clipToPadding="假"

最终代码:

  <android.support.v4.view.ViewPager
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/pager"
            android:layout_below="@+id/imageCont"
            android:layout_above="@+id/bottomIndContainer"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:clipToPadding="false"
            android:clipChildren="false"
            android:layout_marginTop="-85dp">


            <android.support.v4.view.PagerTabStrip
                android:id="@+id/pager_tab_strip"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="top"
                android:background="@android:color/transparent"
                android:textAppearance="@style/PagerTabStripText"
                android:paddingTop="5dp"
                android:clipChildren="false"
                android:clipToPadding="false"
                android:paddingBottom="14dp"/>

        </android.support.v4.view.ViewPager>
于 2015-07-26T07:30:20.730 回答