Ящик с панелью инструментов в качестве панели приложений - PullRequest
0 голосов
/ 26 мая 2018

Я пытаюсь создать приложение, которое использует DrawerLayout, чтобы показать несколько опций, которые используются для влияния на результаты, представленные пользователю.Вот захват эмулятора, который показывает текущий результат:

Using a drawer to show the filtering options

Теперь я также использую панель инструментов с единственной целью показать кнопку открытого менюв левом верхнем углу экрана:

Adding the toolbar to the drawerlayout

Чтобы добиться этого, я выполнил шаги, описанные в официальной документации .Вот XML для моей основной деятельности:

<?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"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@id/toolbar"
    android:fitsSystemWindows="true">
    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:background="#FFE7E8ED">
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
            app:titleTextColor="@color/colorWhite" />
        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingTop="?android:attr/actionBarSize">
            <android.support.v4.widget.SwipeRefreshLayout
                android:id="@+id/swiper"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_marginBottom="8dp"
                android:layout_marginTop="8dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent">


                <android.support.v7.widget.RecyclerView
                    android:id="@+id/lista"
                    android:layout_width="match_parent"

                    android:layout_height="wrap_content"
                    android:clipToPadding="true"></android.support.v7.widget.RecyclerView>
            </android.support.v4.widget.SwipeRefreshLayout>
        </android.support.constraint.ConstraintLayout>
    </FrameLayout>
    <!-- Container for contents of drawer - use NavigationView to make configuration easier -->
    <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/drawer_header"
        app:menu="@menu/drawer_viewer" />
</android.support.v4.widget.DrawerLayout>

Я добавил SwipeRefreshLayout, чтобы позволить пользователям обновлять данные, которые отображаются в RecyclerView.В этом случае у меня есть вложенные RecyclerViews, потому что данные, которые мне нужно показать, сгруппированы по категориям:

category A
   news 1
   news 2
category B
   news 3
....

Теперь моя проблема заключается в том, что, когда приложение загружается, оно «скачет» к просмотру картыэто оборачивает список новостей.Это изображение показывает проблему, с которой я сталкиваюсь:

By default, the title is not shown

Красное поле показывает, где находится начало элемента категории (просто некоторый простой текст).Просто чтобы прояснить мою точку зрения, вот еще один снимок экрана инструмента макета:

The structure of the layout capture by the layout tool of android studio

Как видите, заголовок есть, но он получаетпрокручивался за панелью инструментов.Как будто внутренний список рекламирует себя в верхней части экрана ...

Просто чтобы быть точным, я также показываю макеты, которые я использую в верхнем шаблоне элемента RecyclerView:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="wrap_content"
    android:orientation="vertical">
    <TextView
        android:id="@+id/catalog_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginTop="20dp"
        android:textAlignment="inherit"
        android:textAppearance="@android:style/TextAppearance.Material.WindowTitle"
        android:textColor="@android:color/darker_gray"
        android:textSize="16sp"
        android:textStyle="bold" />
    <android.support.v7.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        app:cardElevation="4dp">
        <android.support.v7.widget.RecyclerView
            android:id="@+id/lista_noticias"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:clipToPadding="false">
        </android.support.v7.widget.RecyclerView>
    </android.support.v7.widget.CardView>
</LinearLayout>

А вот шаблон, который я использую для внутреннего шаблона элемента RecyclerView

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="140dp"
    android:maxHeight="140dp"
    android:minHeight="140dp"
    card_view:cardCornerRadius="0dp"
    card_view:contentPadding="2dp">
    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:id="@+id/logo"
            android:layout_width="73dp"
            android:layout_height="73dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:adjustViewBounds="false"
            android:scaleType="fitXY"
            card_view:layout_constraintStart_toStartOf="parent"
            card_view:layout_constraintTop_toTopOf="parent"
            card_view:srcCompat="@mipmap/ic_launcher" />
        <TextView
            android:id="@+id/title"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:ellipsize="end"
            android:gravity="center_vertical"
            android:lines="1"
            android:textAppearance="@android:style/TextAppearance.Material.Title"
            android:textSize="16sp"
            card_view:layout_constraintEnd_toEndOf="parent"
            card_view:layout_constraintStart_toEndOf="@+id/logo"
            card_view:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/description"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_below="@id/title"
            android:layout_marginBottom="32dp"
            android:layout_marginEnd="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:ellipsize="end"
            android:gravity="top|center_vertical"
            android:lines="3"
            android:text="Name"
            android:textAppearance="@android:style/TextAppearance.Material.SearchResult.Subtitle"
            card_view:layout_constraintBottom_toBottomOf="parent"
            card_view:layout_constraintEnd_toEndOf="parent"
            card_view:layout_constraintStart_toEndOf="@+id/logo"
            card_view:layout_constraintTop_toBottomOf="@+id/title"
            card_view:layout_constraintVertical_chainStyle="spread_inside" />
        <TextView
            android:id="@+id/publishDate"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="8dp"
            android:text="10/10/2018 13:50"
            android:textAppearance="@android:style/TextAppearance.Material.Small"
            android:textSize="10sp"
            card_view:layout_constraintBottom_toBottomOf="parent"
            card_view:layout_constraintEnd_toEndOf="parent" />
    </android.support.constraint.ConstraintLayout>
</android.support.v7.widget.CardView>

Как я уже сказал, списки новостей прокручивают пользовательский интерфейс так, что он показывает первый элемент.Я также заметил, что если не хватает предметов для прокрутки в первой группе, то все работает отлично.Вот изображение, которое показывает, что:

First group doesn't require scrolling, then it works well

Однако, как только я выберу одну категорию, в которой больше новостей, чем свободного места на экране, он простопоместите вид на первый элемент внутреннего списка.

Может кто-нибудь сказать мне, что мне не хватает?

Спасибо, ребята!

Луис

1 Ответ

0 голосов
/ 27 мая 2018

Похоже, что добавление focusableInTouchMode="true" в мой топ ConstraintLayout привело к решению этой проблемы ...

...