如何将 ViewPager 的高度包装到其当前 Fragment 的高度?
Posted
技术标签:
【中文标题】如何将 ViewPager 的高度包装到其当前 Fragment 的高度?【英文标题】:How to wrap the height of a ViewPager to the height of its current Fragment? 【发布时间】:2016-04-01 18:57:36 【问题描述】:我制作了一个包含 ViewPager 的 ScrollView,但 ViewPager 的高度没有增长。当 ViewPager 里面的内容太大时,它会在里面得到 'pucht'(?),table 是缩小的空间。
我已经搜索解决方案,发现问题是wrap_content
,加载ViewPager时没有内容。所以 ViewPager 保持屏幕高度。我找到的解决方案不适用于FragmentPagerAdapter
,所以我编辑了这个问题。
请指点我正确的方向。
您好,克里斯托夫 VD。
主要布局是这样的,最下面的时间表是问题之一: 它需要更多这样的:
FragmentPagerAdapter 是:
import android.content.Context;
import android.graphics.pdf.PdfDocument;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class film_tabs_adapter extends FragmentPagerAdapter
private final String[] TITLES = "Info", "Comment", "Cast", "Muziek";
String[] Film_Data;
public film_tabs_adapter(FragmentManager fm, String[] Film_Data_in)
super(fm);
Film_Data = Film_Data_in;
@Override
public CharSequence getPageTitle(int position)
return TITLES[position];
@Override
public int getCount()
return 4;
@Override
public Fragment getItem(int position)
Fragment fragment =null;
Bundle bundle = new Bundle();
bundle.putStringArray("Film_Data", Film_Data);
switch(position)
case 0:
//return new film_info();
fragment = new film_info();
fragment.setArguments(bundle);
return fragment;
case 1:
return new film_coment();
case 2:
return new film_cast();
case 3:
return new film_sound();
default:
return new film_info();
以及 Fragment 的类:
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TableLayout;
import android.widget.TableRow;
import android.widget.TextView;
public class film_info extends Fragment
TextView label_locatie;
...
TableLayout TimeTabel;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
View view = inflater.inflate(R.layout.activity_film_info, container, false); // layout (activity_film_info) openen
Context context = inflater.getContext();
DatabaseVerwerker DB = new DatabaseVerwerker(context);
String[] Film_Data = getArguments().getStringArray("Film_Data");
...
return view;
活动:
<?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:fillViewport="true"
android:layout_
android:layout_>
<LinearLayout
android:layout_
android:layout_
android:orientation="vertical">
<FrameLayout
android:layout_
android:layout_
android:layout_marginBottom="5dp"
android:id="@+id/header">
<FrameLayout
android:layout_
android:layout_>
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:progressDrawable="@drawable/redprogressbar"
android:layout_
android:layout_
android:id="@+id/DownloadCover"
android:layout_gravity="top" />
<ImageView
android:layout_
android:layout_
android:id="@+id/FilmCover"
android:src="@drawable/cover"
android:adjustViewBounds="true"
android:padding="-5dp"
android:scaleType="centerCrop" />
</FrameLayout>
<FrameLayout
android:layout_
android:layout_
android:layout_gravity="left|right|top"
android:paddingLeft="7dp">
<LinearLayout
android:orientation="horizontal"
android:layout_
android:layout_>
<TableRow
android:layout_
android:layout_>
<ImageView
android:layout_
android:layout_
android:id="@+id/FilmPoster"
android:src="@drawable/poster_x"
android:adjustViewBounds="true"
android:layout_gravity="bottom|left" />
</TableRow>
<TableRow
android:layout_
android:layout_>
<TextView
android:layout_
android:layout_
android:text="New Text"
android:id="@+id/FilmTitel"
android:textStyle="bold"
android:gravity="center_horizontal"
android:layout_marginTop="120dp" />
</TableRow>
</LinearLayout>
</FrameLayout>
</FrameLayout>
<FrameLayout
android:layout_
android:layout_
android:id="@+id/body">
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
tools:context=".MainActivity" >
<com.astuetz.PagerSlidingTabStrip
android:id="@+id/tabs"
android:layout_
android:layout_
android:background="#dadada"
app:pstsShouldExpand="true"
app:pstsDividerColor="#EDEDED"
app:pstsIndicatorColor="#C3263E"
app:pstsDividerPadding="10dp"
app:pstsIndicatorHeight="4dp"
app:pstsTabPaddingLeftRight="0dp"
/>
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_
android:layout_
android:layout_below="@+id/tabs"
tools:context=".MainActivity"
android:soundEffectsEnabled="false" />
</RelativeLayout>
</FrameLayout>
</LinearLayout>
</ScrollView>
片段:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_>
<LinearLayout
android:orientation="vertical"
android:layout_
android:layout_
android:layout_marginTop="5dp">
<FrameLayout
android:layout_
android:layout_
android:paddingBottom="5dp"
android:background="#dadada">
<TableLayout
android:layout_
android:layout_
android:stretchColumns="*">
<TableRow
android:layout_
android:layout_>
<RelativeLayout
android:layout_
android:layout_
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_
android:layout_
android:id="@+id/imageView3"
android:src="@drawable/icon_locatie"
android:layout_margin="2dp" />
<TextView
android:layout_
android:layout_
android:layout_alignBottom="@+id/imageView3"
android:layout_alignTop="@+id/imageView3"
android:layout_toRightOf="@+id/imageView3"
android:gravity="center_vertical"
android:text="Small Text"
android:id="@+id/label_locatie" />
</RelativeLayout >
<RelativeLayout
android:layout_
android:layout_
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_
android:layout_
android:id="@+id/imageView4"
android:src="@drawable/icon_speelduur"
android:layout_margin="2dp" />
<TextView
android:layout_
android:layout_
android:layout_alignBottom="@+id/imageView4"
android:layout_alignTop="@+id/imageView4"
android:layout_toRightOf="@+id/imageView4"
android:gravity="center_vertical"
android:text="Small Text"
android:id="@+id/label_speelduur" />
</RelativeLayout>
<RelativeLayout
android:layout_
android:layout_
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_
android:layout_
android:id="@+id/imageView5"
android:src="@drawable/icon_genre"
android:layout_margin="2dp" />
<TextView
android:layout_
android:layout_
android:layout_alignBottom="@+id/imageView5"
android:layout_alignTop="@+id/imageView5"
android:layout_toRightOf="@+id/imageView5"
android:gravity="center_vertical"
android:text="Small Text"
android:id="@+id/label_genre" />
</RelativeLayout>
</TableRow>
<TableRow
android:layout_
android:layout_>
<RelativeLayout
android:layout_
android:layout_
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_
android:layout_
android:id="@+id/imageView6"
android:src="@drawable/icon_gesproken"
android:layout_margin="2dp" />
<TextView
android:layout_
android:layout_
android:layout_alignBottom="@+id/imageView6"
android:layout_alignTop="@+id/imageView6"
android:layout_toRightOf="@+id/imageView6"
android:gravity="center_vertical"
android:text="Small Text"
android:id="@+id/label_gesproken" />
</RelativeLayout>
<RelativeLayout
android:layout_
android:layout_
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_
android:layout_
android:id="@+id/imageView7"
android:src="@drawable/icon_versie"
android:layout_margin="2dp" />
<TextView
android:layout_
android:layout_
android:layout_alignBottom="@+id/imageView7"
android:layout_alignTop="@+id/imageView7"
android:layout_toRightOf="@+id/imageView7"
android:gravity="center_vertical"
android:text="Small Text"
android:id="@+id/label_versie" />
</RelativeLayout>
<RelativeLayout
android:layout_
android:layout_
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_
android:layout_
android:id="@+id/imageView8"
android:src="@drawable/icon_ondertiteling"
android:layout_margin="2dp" />
<TextView
android:layout_
android:layout_
android:layout_alignBottom="@+id/imageView8"
android:layout_alignTop="@+id/imageView8"
android:layout_toRightOf="@+id/imageView8"
android:gravity="center_vertical"
android:text="Small Text"
android:id="@+id/label_ondertiteling" />
</RelativeLayout>
</TableRow>
<TableRow
android:layout_
android:layout_></TableRow>
</TableLayout>
</FrameLayout>
<FrameLayout
android:layout_
android:layout_
android:paddingLeft="7dp"
android:paddingRight="7dp">
<TextView
android:layout_
android:layout_
android:id="@+id/label_beschrijving"
android:layout_marginBottom="16dp"
android:textSize="14sp"
android:text="@string/film_FilmBeschrijving" />
</FrameLayout>
<FrameLayout
android:layout_
android:layout_
android:paddingLeft="7dp"
android:paddingRight="7dp">
<TableLayout
android:layout_
android:layout_
android:id="@+id/timetabel"
android:stretchColumns="*"
android:shrinkColumns="*"
android:background="@drawable/tb_body" />
</FrameLayout>
</LinearLayout>
</FrameLayout>
【问题讨论】:
您在时间表中添加了哪些视图? 我认为它的问题在于表格单元格的高度、表格布局或父视图的高度,但要确保需要 xml 代码。 @shreyansjain 已编辑帖子并添加 xml 布局代码。 实际上你有正确的表格布局问题。? @user3142817 【参考方案1】:您可以自定义ViewPager
以将ViewPager
调整为页面滑动时的当前页面大小。
你可以使用下面的代码。
public class WrapContentViewPager extends ViewPager
private int mCurrentPagePosition = 0;
public WrapContentViewPager(Context context)
super(context);
public WrapContentViewPager(Context context, AttributeSet attrs)
super(context, attrs);
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
try
boolean wrapHeight = MeasureSpec.getMode(heightMeasureSpec) == MeasureSpec.AT_MOST;
if (wrapHeight)
View child = getChildAt(mCurrentPagePosition);
if (child != null)
child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
int h = child.getMeasuredHeight();
heightMeasureSpec = MeasureSpec.makeMeasureSpec(h, MeasureSpec.EXACTLY);
catch (Exception e)
e.printStackTrace();
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
public void reMeasureCurrentPage(int position)
mCurrentPagePosition = position;
requestLayout();
在xml中声明:
<your.package.name.WrapContentViewPager
android:id="@+id/view_pager"
android:layout_
android:layout_>
</your.package.name.WrapContentViewPager>
在页面滑动时调用reMeasureCurrentpage
函数。
final WrapContentViewPager wrapContentViewPager = (WrapContentViewPager) findViewById(R.id.view_pager);
wrapContentViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener()
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels)
@Override
public void onPageSelected(int position)
wrapContentViewPager.reMeasureCurrentPage(wrapContentViewPager.getCurrentItem());
@Override
public void onPageScrollStateChanged(int state)
);
【讨论】:
我必须在哪里添加 your.package.name.WrapContentViewPager,是在活动中还是在片段中?我已经在上面添加了 xml 布局 不要使用android.support.v4.view.ViewPager
,而是使用 WrapContentViewPager。
列表视图中可能有数百行。将 wrap_content 用于ListView
并不是一个好主意。您需要为ListView
提供固定高度,否则您需要使用match_parent
。
View child = getChildAt(mCurrentPagePosition);
返回null
。找不到原因。
查看孩子 = getChildAt(mCurrentPagePosition);也为我返回 null ......有人可以帮帮我吗?【参考方案2】:
我真的很喜欢@abhishek-v 的回答,但做了一些升级:
addPageChangeListener(...)
在我们的ViewPager
内部调用(不需要在页面滑动外部手动调用reMeasureCurrentPage(...)
)
不需要存储mCurrentPagePosition
,因为我们可以使用getCurrentItem()
已清除垃圾 try/catch
块
ViewPager 现在看起来像:
public class WrapContentViewPager extends ViewPager
public WrapContentViewPager(Context context)
super(context);
initPageChangeListener();
public WrapContentViewPager(Context context, AttributeSet attrs)
super(context, attrs);
initPageChangeListener();
private void initPageChangeListener()
addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener()
@Override
public void onPageSelected(int position)
requestLayout();
);
@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);
【讨论】:
这个解决方案并不完全正确,因为当视图分页器到达片段列表的末尾时,getChildAt() 返回 null 并且视图分页器高度设置为 0。最好有一个字段来保存高度并在视图为空时使用它。 我还遇到了getChildAt()
为我的第三个(也是最后一个)片段返回 null 的问题。为了解决这个问题,我没有调用viewPager.setOffscreenPageLimit(2)
,而是简单地将上面代码中的View child = getChildAt(getCurrentItem());
替换为Fragment childFragment = (Fragment)getAdapter().instantiateItem(this, getCurrentItem()); View child = childFragment.getView();
(感谢对另一个问题的回答:***.com/a/16512217/1617737。)【参考方案3】:
终于为 WrapContentViewPager 找到了更好的解决方案!
另一个解决方案包含一些难以解决的错误,但我认为这个解决方案可以简单地应用在我们的代码中
我在这个网站上找到了它https://github.com/akhahaha/burn-android/blob/master/app/src/main/java/com/ucla/burn/android/WrapContentViewPager.java
这里是代码
public class WrapContentViewPager extends ViewPager
public WrapContentViewPager(Context context)
super(context);
public WrapContentViewPager(Context context, AttributeSet attrs)
super(context, attrs);
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
int height = 0;
for (int i = 0; i < getChildCount(); i++)
View child = getChildAt(i);
child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
int h = child.getMeasuredHeight();
if (h > height) height = h;
heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
【讨论】:
【参考方案4】:就我而言,我使用 viewpager 创建了 imageslider。在索引的末尾,child 的初始值为 null,child 的值为 null。所以,我对 reitch answer 进行了一些升级,因为它没有处理 (child==null)
ViewPager 现在看起来像:
public class WrapContentViewPager extends ViewPager
public WrapContentViewPager(Context context)
super(context);
initPageChangeListener();
public WrapContentViewPager(Context context, AttributeSet attrs)
super(context, attrs);
initPageChangeListener();
private void initPageChangeListener()
addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener()
@Override
public void onPageSelected(int position)
requestLayout();
);
@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);
else for(int i = 0; i < getChildCount(); i++)
View child2 = getChildAt(i);
child2.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
int h = child2.getMeasuredHeight();
heightMeasureSpec = MeasureSpec.makeMeasureSpec(h, MeasureSpec.EXACTLY);
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
此外,如果 viewpager 的最后一项粘在 circlepageindicator 上,您可以随意添加高度,如下所示:
int h = child2.getMeasuredHeight()+50;
【讨论】:
【参考方案5】:在 Android 8.0 上,您必须调用另一个 requestLayout 才能使其工作:
....@Abhishek's answer
sharePager.post(new Runnable()
@Override
public void run()
sharePager.requestLayout();
);
【讨论】:
把这个放在哪里? @John61590 在 ViewPager 创建之后。我把它放在 addOnPageChangeListener 之后【参考方案6】:如果这些答案仍然不能解决问题,我可以提供另一种选择。
在PagerAdapter
java文件中,可以手动测量page
的高度,并在instantiateItem
方法中设置容器的LayoutParams.height
。像这样:
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position)
View view = generateView(mContext, position);
view.measure(View.MeasureSpec.makeMeasureSpec(DensityUtil.getScreenWidth(mContext), View.MeasureSpec.EXACTLY), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
container.getLayoutParams().height = view.getMeasuredHeight();
container.addView(view);
return view;
【讨论】:
什么是 DensityUtil ?以上是关于如何将 ViewPager 的高度包装到其当前 Fragment 的高度?的主要内容,如果未能解决你的问题,请参考以下文章
在 Flutter 中,您如何制作动画以将容器从 0 高度扩展到其内容的高度?