Android 如何将ViewPager的高度包装到其当前片段的高度?
我制作了一个包含ViewPager的滚动视图,但是ViewPager的高度没有增加。当ViewPager中的内容太大时,它会在内部显示“pucht”(?),表格就是缩小的空间 我搜索了一个解决方案,发现问题在于Android 如何将ViewPager的高度包装到其当前片段的高度?,android,android-layout,android-fragments,android-activity,Android,Android Layout,Android Fragments,Android Activity,我制作了一个包含ViewPager的滚动视图,但是ViewPager的高度没有增加。当ViewPager中的内容太大时,它会在内部显示“pucht”(?),表格就是缩小的空间 我搜索了一个解决方案,发现问题在于wrap\u内容,加载ViewPager时没有内容。因此,ViewPager保持屏幕高度。我找到的解决方案不适用于FragmentPagerAdapter,因此我编辑了这个问题 请给我指一下正确的方向 你好,克里斯托弗 主要布局如下,底部的时间表是问题之一: 它需要更像这样: Frag
wrap\u内容
,加载ViewPager时没有内容。因此,ViewPager保持屏幕高度。我找到的解决方案不适用于FragmentPagerAdapter
,因此我编辑了这个问题
请给我指一下正确的方向
你好,克里斯托弗
主要布局如下,底部的时间表是问题之一:它需要更像这样:
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();
}
}
}
片段的类:
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_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="5dp"
android:id="@+id/header">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="120dp">
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:progressDrawable="@drawable/redprogressbar"
android:layout_width="match_parent"
android:layout_height="2dp"
android:id="@+id/DownloadCover"
android:layout_gravity="top" />
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/FilmCover"
android:src="@drawable/cover"
android:adjustViewBounds="true"
android:padding="-5dp"
android:scaleType="centerCrop" />
</FrameLayout>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="left|right|top"
android:paddingLeft="7dp">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TableRow
android:layout_width="wrap_content"
android:layout_height="match_parent">
<ImageView
android:layout_width="82dp"
android:layout_height="120dp"
android:id="@+id/FilmPoster"
android:src="@drawable/poster_x"
android:adjustViewBounds="true"
android:layout_gravity="bottom|left" />
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
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_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/body">
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context=".MainActivity" >
<com.astuetz.PagerSlidingTabStrip
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
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_width="match_parent"
android:layout_height="wrap_content"
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_width="match_parent"
android:layout_height="999dp">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="5dp"
android:background="#dadada">
<TableLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:stretchColumns="*">
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_width="30dp"
android:layout_height="32dp"
android:id="@+id/imageView3"
android:src="@drawable/icon_locatie"
android:layout_margin="2dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
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_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_width="30dp"
android:layout_height="32dp"
android:id="@+id/imageView4"
android:src="@drawable/icon_speelduur"
android:layout_margin="2dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
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_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_width="30dp"
android:layout_height="32dp"
android:id="@+id/imageView5"
android:src="@drawable/icon_genre"
android:layout_margin="2dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
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_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_width="30dp"
android:layout_height="32dp"
android:id="@+id/imageView6"
android:src="@drawable/icon_gesproken"
android:layout_margin="2dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
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_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_width="30dp"
android:layout_height="32dp"
android:id="@+id/imageView7"
android:src="@drawable/icon_versie"
android:layout_margin="2dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
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_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_margin="4dp">
<ImageView
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_width="30dp"
android:layout_height="32dp"
android:id="@+id/imageView8"
android:src="@drawable/icon_ondertiteling"
android:layout_margin="2dp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
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_width="match_parent"
android:layout_height="match_parent"></TableRow>
</TableLayout>
</FrameLayout>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="7dp"
android:paddingRight="7dp">
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/label_beschrijving"
android:layout_marginBottom="16dp"
android:textSize="14sp"
android:text="@string/film_FilmBeschrijving" />
</FrameLayout>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="7dp"
android:paddingRight="7dp">
<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/timetabel"
android:stretchColumns="*"
android:shrinkColumns="*"
android:background="@drawable/tb_body" />
</FrameLayout>
</LinearLayout>
</FrameLayout>
您可以自定义
ViewPager
以在页面滑动时将ViewPager
调整为其当前页面大小
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) {
}
});
您可以使用下面的代码
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_width="match_parent"
android:layout_height="wrap_content">
</your.package.name.WrapContentViewPager>
我非常喜欢@abhishek-v答案,但做了一些升级:
在我们的addPageChangeListener(…)
中调用(无需在页面滑动时在外部手动调用ViewPager
)remeasureRecurrentPage(…)
- 不需要存储
,因为我们可以使用mCurrentPagePosition
getCurrentItem()
- 清除废物
blocktry/catch
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);
}
}
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);
}
}
终于为WrapContentViewPager找到了更好的解决方案 另一个解决方案包含一些难以解决的bug,但我认为这个解决方案可以简单地应用到我们的代码中 我在这个网站上找到的 这是密码
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);
}
}
公共类WrapContentViewPager扩展了ViewPager{
公共WrapContentViewPager(上下文){
超级(上下文);
}
公共WrapContentViewPager(上下文、属性集属性){
超级(上下文,attrs);
}
@凌驾
测量时的保护空隙(内部宽度测量等级、内部高度测量等级){
整数高度=0;
对于(int i=0;i高度)高度=h;
}
heightMeasureSpec=MeasureSpec.MakeMasureSpec(高度,精确测量);
超级测量(宽度测量、高度测量);
}
}
在Android 8.0上,您必须调用另一个requestLayout才能正常工作:
....@Abhishek's answer
sharePager.post(new Runnable() {
@Override
public void run() {
sharePager.requestLayout();
}
});
如果这些答案仍然不能解决问题,我可以提供另一个选择。 在
PagerAdapter
java文件中,您可以手动测量page
高度,并在InstanceItem
方法中设置容器的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;
}
在我的例子中,我使用viewpager创建了imageslider。child的初始值也是null,在索引的末尾,child的值也是null。因此,我对repitch 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);
}
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
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);
}
}
公共类WrapContentViewPager扩展了ViewPager{
公共WrapContentViewPager(上下文){
超级(上下文);
initPageChangeListener();
}
公共WrapContentViewPager(上下文、属性集属性){
超级(上下文,attrs);
initPageChangeListener();
}
私有void initPageChangeListener(){
addOnPageChangeListener(新的ViewPager.SimpleOnPageChangeListener(){
@凌驾
已选择页面上的公共无效(内部位置){
requestLayout();
}
});
}
@凌驾
测量时的保护空隙(内部宽度测量等级、内部高度测量等级){
View child=getChildAt(getCurrentItem());
if(child!=null){
child.measure(widthmasurespec,MeasureSpec.makeMeasureSpec(0,MeasureSpec.unspected));
int h=child.getMeasuredHeight();
heightmeasspec=MeasureSpec.makeMeasureSpec(h,MeasureSpec.justice);
}else{for(inti=0;i