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 回答