DrawerLayout中的ConstraintLayout会导致一些问题

时间:2018-03-10 14:13:24

标签: android android-constraintlayout drawerlayout

我正在开发一个使用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,如您在此屏幕截图中看到的那样。对于这个我无法找出问题的根源......

ScrollView scrolling over app bar

2 个答案:

答案 0 :(得分:0)

我不是100%肯定,但我的猜测是:

<ScrollView
    android:id="@+id/scrollViewDashboard"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

它不会帮助尝试用例如ScrollView包装。的LinearLayout。

希望它有所帮助。

答案 1 :(得分:0)

感谢Mike M.我解决了我的问题,所以我的错误是在我加入ScrollView之后放入app_bar_main,最后覆盖了它,因此解决方案就是简单地移动ScrollView之后app_bar_main中的AppBarLayout