DialogFragment 中的 Viewpager - 对话框高度错误

Question

我正在尝试在对话框片段（实际上是 SherlockDialogFragment）中使用 viewpager。每个页面都包含一个带有左侧可绘制对象的文本视图。我面临的问题是对话框大小是“错误的”。宽度太小，高度太大（它从上到下延伸）。对于宽度，我已经“解决”了这个问题，强制其最小宽度为屏幕宽度的 70%（通过代码，在对话框片段的 onCreateView() 方法中）。至于身高，我不知道如何解决。 下面有个按钮，但是看不到：

viewpager 正在工作（我可以滑动我设置的三个页面）。这是对话框片段布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/dlg_bkg"
    android:orientation="vertical" >


    <TextView        
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:text="TITLE"
        android:textStyle="bold"
        android:maxLines="1"
        android:drawableLeft="@drawable/icon"
        android:drawablePadding="8dp"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <View
        android:layout_width="fill_parent"
        android:layout_height="2px"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
        android:background="@drawable/lineseparator"
        android:visibility="visible" />



    <android.support.v4.view.ViewPager
        android:id="@+id/welcome_dlg_pager"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
         >
    </android.support.v4.view.ViewPager>

    <View
        android:layout_width="fill_parent"
        android:layout_height="2px"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
        android:background="@drawable/lineseparator"
        android:visibility="visible" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"

     >


        <Button
            android:id="@+id/close_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:background="?selectableItemBackground"
            android:minHeight="40dp"
            android:text="Close"
            android:textColor="@android:color/white" />



    </LinearLayout>

</LinearLayout>

这是示例页面布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/welcome_dlg_page1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" >


    <TextView        
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Page 1 - ekrjgwoirhfwiorht2iu3hr2984hr893rhg3hff2jif283hr29837rh283eh23r23r2r23rwrgioehrg803"
        android:drawableLeft="@drawable/img1"
        android:drawablePadding="8dp"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

为什么对话框高度太大了？我该如何解决？

Answer 1

我也有同样的问题。我还想要根据 viewpager 的当前项目的高度，所以我按照以下步骤操作。

首先，你需要重写viewpager的onMeasure方法。正如here所解释的那样。

public class WrapContentViewPager extends ViewPager {

    public WrapContentViewPager(@NonNull Context context) {
        super(context);            
    }

    public WrapContentViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);           
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        View child = getChildAt(getCurrentItem());
        if (child != null) {
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int h = child.getMeasuredHeight();
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(h, MeasureSpec.EXACTLY);
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

    }
}

之后，添加 PageChangeListener 以便我们可以在每次更改 viewpager 项时重新测量 viewpager 的高度。我们将添加一个initPageChangeListener() 方法并在构造函数中调用它。

public WrapContentViewPager(@NonNull Context context) {
    super(context);
    initPageChangeListener();
}

public WrapContentViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    initPageChangeListener();
}

private void initPageChangeListener() {
    addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
        @Override
        public void onPageSelected(int position) {
            requestLayout();
        }
    });
}

现在，当 viewpager 适配器有超过 3 个项目时，我遇到了问题，所以我在 onMeasure() 中添加了以下行。如answer 中所述。

if (getAdapter() != null)
        setOffscreenPageLimit(getAdapter().getCount());

而且，一切都很完美。

Answer 2

你必须覆盖 onstart 方法并设置高度和宽度，如果对话片段它们，就像

@Override
public void onStart(){
   super.onStart();

  if (getDialog() == null)
    return;

  int dialogWidth = ... // assign width here
  int dialogHeight = ... // assign height here

   getDialog().getWindow().setLayout(dialogWidth, dialogHeight);

}

Answer 3

在这里回答：

stackoverflow answer

扩展 ViewPager 类并覆盖 onMeasure() 方法。