Question

我在我的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>

Answer 1

经过两天的搜索，我找到了比我想象的更简单的解决方案。希望能帮助其他人想要一个不错的刷卡布局为他们的Android应用程序。我所要做的就是将这些行添加到ViewPager和PagerTitleStrip xml中：

android：clipChildren =“false”
机器人：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>

具有setPadding（）的ViewPager用于水平滑动卡效果 - 切断PagerTabStrip标题

1 个答案: