带Viewpager2的全屏约束布局
带Viewpager2的全屏约束布局
提问于 2019-09-05 11:10:51
我对占用整个屏幕的约束布局有问题，也就是说，将我的其他视图与下面的视图重叠是我的代码。
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/appTourViewPager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/appTourIndicator"/>
<me.relex.circleindicator.CircleIndicator3
android:id="@+id/appTourIndicator"
android:layout_width="match_parent"
android:layout_height="45dp"
app:ci_drawable="@drawable/circle_radius_selected"
app:ci_drawable_unselected="@drawable/circle_radius_unselected"
app:ci_height="6dp"
app:ci_margin="5dp"
app:ci_width="6dp"
app:layout_constraintBottom_toBottomOf="@id/appTourViewPager"
app:layout_constraintBottom_toTopOf="@+id/btnSignIn" />
<Button
android:id="@+id/btnSignIn"
style="?android:borderlessButtonStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:maxLines="3"
android:textAlignment="center"
android:textAppearance="?android:attr/textAppearanceMedium"
app:layout_constraintBottom_toTopOf="@+id/btnGetStartedNow" />
<Button
android:id="@+id/btnGetStartedNow"
style="@style/Button.Blue"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:text="@string/getStartedNow"
app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>回答 2
Stack Overflow用户
回答已采纳
发布于 2019-09-05 13:12:32
这里有一个解决你问题的方法
您需要为ViewPager提供底部约束，并将height设置为ViewPager的0dp。
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/appTourViewPager"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_above="@+id/appTourIndicator"
app:layout_constraintBottom_toTopOf="@+id/appTourIndicator"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<me.relex.circleindicator.CircleIndicator3
android:id="@+id/appTourIndicator"
android:layout_width="match_parent"
android:layout_height="45dp"
app:ci_drawable="@drawable/circle_radius_selected"
app:ci_drawable_unselected="@drawable/circle_radius_unselected"
app:ci_height="6dp"
app:ci_margin="5dp"
app:ci_width="6dp"
app:layout_constraintBottom_toBottomOf="@id/appTourViewPager"
app:layout_constraintBottom_toTopOf="@+id/btnSignIn"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
<Button
android:id="@+id/btnSignIn"
style="?android:borderlessButtonStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:maxLines="3"
android:textAlignment="center"
android:textAppearance="?android:attr/textAppearanceMedium"
app:layout_constraintBottom_toTopOf="@+id/btnGetStartedNow"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
<Button
android:id="@+id/btnGetStartedNow"
style="@style/Button.Blue"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:text="@string/getStartedNow"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>输出：
Stack Overflow用户
发布于 2019-09-05 12:48:55
ViewPager 2 layout_height应该是match constraints而不是match_parent。
若要设置layout_height="0dp"并将top、bottom约束添加到ViewPager 2，请执行以下操作
例：
<androidx.viewpager2.widget.ViewPager2
...
android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@+id/btnSignIn"
app:layout_constraintTop_toTopOf="parent"
...
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57804186
复制相关文章
相似问题
腾讯云开发者
