DrawerLayout 里面的 ConstraintLayout 会导致一些问题
ConstraintLayout inside DrawerLayout causes some problems
我正在开发一个使用 DrawerLayout 的应用程序。包含此布局的片段还包含一些可滚动的内容。
所以这个片段的主要布局是 DrawerLayout
,下面是 app bar
的包含块,然后是 ScrollView
块,其中包含 ConstraintLayout
这样我就可以把我需要的所有内容都放在 ScrollView
中。这是详细代码:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
<include
android:id="@+id/appBarMain"
layout="@layout/app_bar_main"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<ScrollView
android:id="@+id/scrollViewDashboard"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.constraint.ConstraintLayout
android:id="@+id/lytDashboardContainer"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="76dp">
<Button
android:id="@+id/btnAwaitingReview"
android:layout_width="match_parent"
android:layout_height="30dp"
android:layout_marginEnd="30dp"
android:layout_marginStart="30dp"
android:background="@drawable/rounded_corners_color_primary"
android:text="42 avis en attente"
android:textAllCaps="false"
android:textColor="@color/grey"
android:textSize="16sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<com.lsjwzh.widget.recyclerviewpager.RecyclerViewPager
android:id="@+id/rvpPlaceOfTheDay"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clipToPadding="false"
android:paddingBottom="10dp"
android:paddingEnd="20dp"
android:paddingStart="20dp"
android:paddingTop="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/btnAwaitingReview"
app:rvp_singlePageFling="true"
app:rvp_triggerOffset="0.1" />
<TextView
android:id="@+id/lblDateNews"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="30dp"
android:layout_marginStart="30dp"
android:layout_marginTop="30dp"
android:text="Dimanche 31 Fevrier"
android:textColor="@color/colorPrimaryDark"
android:textSize="16sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/rvpPlaceOfTheDay" />
<View
android:id="@+id/separator"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginEnd="30dp"
android:layout_marginStart="30dp"
android:layout_marginTop="10dp"
android:background="@color/grey"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/lblDateNews" />
<android.support.v7.widget.RecyclerView
android:id="@+id/rvNews"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginEnd="20dp"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/separator" />
</android.support.constraint.ConstraintLayout>
</ScrollView>
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/fragment_dashboard_drawer" />
</android.support.v4.widget.DrawerLayout>
但是有两个问题:
- 首先是左上角的
NavigationDrawer
按钮不能再点击了。我知道这是由 ConstraintLayout
引起的,因为我尝试将每个元素一个一个地作为注释,只要我取消对 ConstraintLayout
的注释,它就可以正常工作,但我找不到方法解决它。
- 第二个是
ScrollView
滚动到 app bar
上方,如您在此屏幕截图中所见。对于这个,我无法找出问题的根源...
我不是 100% 确定,但我的猜测是:
<ScrollView
android:id="@+id/scrollViewDashboard"
android:layout_width="match_parent"
android:layout_height="match_parent">
尝试用例如包装 ScrollView 无济于事。线性布局。
希望对您有所帮助。
感谢 Mike M. 我解决了我的问题,所以我的错误是在我包含 app_bar_main
之后放置我的 ScrollView
,最终覆盖了它,所以解决方案是只需将 ScrollView
移动到 app_bar_main
之后 AppBarLayout
.
我正在开发一个使用 DrawerLayout 的应用程序。包含此布局的片段还包含一些可滚动的内容。
所以这个片段的主要布局是 DrawerLayout
,下面是 app bar
的包含块,然后是 ScrollView
块,其中包含 ConstraintLayout
这样我就可以把我需要的所有内容都放在 ScrollView
中。这是详细代码:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
<include
android:id="@+id/appBarMain"
layout="@layout/app_bar_main"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<ScrollView
android:id="@+id/scrollViewDashboard"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.constraint.ConstraintLayout
android:id="@+id/lytDashboardContainer"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="76dp">
<Button
android:id="@+id/btnAwaitingReview"
android:layout_width="match_parent"
android:layout_height="30dp"
android:layout_marginEnd="30dp"
android:layout_marginStart="30dp"
android:background="@drawable/rounded_corners_color_primary"
android:text="42 avis en attente"
android:textAllCaps="false"
android:textColor="@color/grey"
android:textSize="16sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<com.lsjwzh.widget.recyclerviewpager.RecyclerViewPager
android:id="@+id/rvpPlaceOfTheDay"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clipToPadding="false"
android:paddingBottom="10dp"
android:paddingEnd="20dp"
android:paddingStart="20dp"
android:paddingTop="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/btnAwaitingReview"
app:rvp_singlePageFling="true"
app:rvp_triggerOffset="0.1" />
<TextView
android:id="@+id/lblDateNews"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="30dp"
android:layout_marginStart="30dp"
android:layout_marginTop="30dp"
android:text="Dimanche 31 Fevrier"
android:textColor="@color/colorPrimaryDark"
android:textSize="16sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/rvpPlaceOfTheDay" />
<View
android:id="@+id/separator"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginEnd="30dp"
android:layout_marginStart="30dp"
android:layout_marginTop="10dp"
android:background="@color/grey"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/lblDateNews" />
<android.support.v7.widget.RecyclerView
android:id="@+id/rvNews"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginEnd="20dp"
android:layout_marginStart="20dp"
android:layout_marginTop="10dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/separator" />
</android.support.constraint.ConstraintLayout>
</ScrollView>
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/fragment_dashboard_drawer" />
</android.support.v4.widget.DrawerLayout>
但是有两个问题:
- 首先是左上角的
NavigationDrawer
按钮不能再点击了。我知道这是由ConstraintLayout
引起的,因为我尝试将每个元素一个一个地作为注释,只要我取消对ConstraintLayout
的注释,它就可以正常工作,但我找不到方法解决它。 - 第二个是
ScrollView
滚动到app bar
上方,如您在此屏幕截图中所见。对于这个,我无法找出问题的根源...
我不是 100% 确定,但我的猜测是:
<ScrollView
android:id="@+id/scrollViewDashboard"
android:layout_width="match_parent"
android:layout_height="match_parent">
尝试用例如包装 ScrollView 无济于事。线性布局。
希望对您有所帮助。
感谢 Mike M. 我解决了我的问题,所以我的错误是在我包含 app_bar_main
之后放置我的 ScrollView
,最终覆盖了它,所以解决方案是只需将 ScrollView
移动到 app_bar_main
之后 AppBarLayout
.