Перекрывающийся вид панели приложения / панели инструментов в макете ограничений - PullRequest
Новая
       16

Перекрывающийся вид панели приложения / панели инструментов в макете ограничений

0 голосов
/ 24 октября 2018

У меня шесть кнопок в вертикальной цепочке с использованием схемы ограничений.В моем эмуляторе это выглядит нормально.Вы можете игнорировать две кнопки с обеих сторон.Я добавил их для перспективы.enter image description here

Когда я помещаю приложение на соответствующее соответствующее устройство, я получаю совершенно другое представление.Панель инструментов перекрывает мою верхнюю кнопку, а панель навигации перекрывает мою нижнюю кнопку.

enter image description here

Я читал, что эмулятор не всегда корректен.Учитывая это, как я могу учесть высоту панели инструментов и панели навигации в моем макете ограничений.Ниже мой xml.Шесть кнопок названы от x21 до x26 в моем xml ниже.Я прошу прощения за длину этого.Есть ли способ исправить это в моем XML или мне нужно рассчитать высоту панели инструментов и панели навигации в моем коде и обновить поля верхней и нижней кнопки.Если мне нужно сделать это в моем коде, как бы я это сделал.Или может быть другой подход, я благодарен за любой совет.Спасибо 

<com.example.android.cop1803.LayoutCustom 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/mylayoutcustom"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipToPadding="false"
tools:context="com.example.android.cop1803.MainActivity"
android:fitsSystemWindows="true"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:layout_editor_absoluteY="73dp">


<com.example.android.cop1803.MyViewbutton
    android:id="@+id/MainCOPbtn"
    android:layout_width="@dimen/layoutwidthMaincopbutton"
    android:layout_height="@dimen/layoutheightMaincopbutton"
    android:layout_marginStart="0dp"
    android:layout_marginTop="@dimen/activity_vertical_margin"
    android:background="@drawable/copbuttonmaineffect"
    android:text="@string/x11MainCOPtext"
    android:textAppearance="@style/MainButtonFontStyle"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.14"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"

    />
 <com.example.android.cop1803.MyViewbutton
    android:id="@+id/x21"
    android:layout_width="@dimen/layoutwidthcopbutton"
    android:layout_height="@dimen/layoutheightcopbutton"
    android:layout_marginTop="@dimen/activity_vertical_margin"
    android:background="@drawable/copbutton"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:text="@string/x21BreadingCrustCoatingsWraps"
    android:textAppearance="@style/ButtonFontStyle"
    app:layout_constraintBottom_toTopOf="@+id/x22"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.4"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_chainStyle="spread" />


<com.example.android.cop1803.MyViewbutton
    android:id="@+id/x22"
    android:layout_width="@dimen/layoutwidthcopbutton"
    android:layout_height="@dimen/layoutheightcopbutton"
    android:background="@drawable/copbutton"
    android:paddingLeft="1dp"
    android:paddingRight="1dp"
    android:text="@string/x22CuttingandManipulation"
    android:textAppearance="@style/ButtonFontStyle"
    app:layout_constraintBottom_toTopOf="@+id/x23"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.4"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/x21" />

<com.example.android.cop1803.MyViewbutton
    android:id="@+id/x23"
    android:layout_width="@dimen/layoutwidthcopbutton"
    android:layout_height="@dimen/layoutheightcopbutton"
    android:background="@drawable/copbutton"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:text="@string/x23DryRubsandStuffings"
    android:textAppearance="@style/ButtonFontStyle"
    app:layout_constraintBottom_toTopOf="@id/x24"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.4"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/x22" />

<com.example.android.cop1803.MyViewbutton
    android:id="@+id/x24"
    android:layout_width="@dimen/layoutwidthcopbutton"
    android:layout_height="@dimen/layoutheightcopbutton"
    android:background="@drawable/copbutton"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:text="@string/x24HerbandSpicePastes"
    android:textAppearance="@style/ButtonFontStyle"
    app:layout_constraintBottom_toTopOf="@id/x25"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.4"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/x23" />

<com.example.android.cop1803.MyViewbutton
    android:id="@+id/x25"
    android:layout_width="@dimen/layoutwidthcopbutton"
    android:layout_height="@dimen/layoutheightcopbutton"
    android:background="@drawable/copbutton"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:text="@string/x25MarinadesandBrines"
    android:textAppearance="@style/ButtonFontStyle"
    app:layout_constraintBottom_toTopOf="@id/x26"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.4"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/x24" />

<com.example.android.cop1803.MyViewbutton
    android:id="@+id/x26"
    android:layout_width="@dimen/layoutwidthcopbutton"
    android:layout_height="@dimen/layoutheightcopbutton"
    android:background="@drawable/copbutton"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:text="@string/x26SpicesandSpiceCrusts"
    android:textAppearance="@style/ButtonFontStyle"
    app:layout_constraintBottom_toTopOf="@id/x27"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.4"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/x25" />

<com.example.android.cop1803.MyViewbutton
    android:id="@+id/x27"
    android:layout_width="@dimen/layoutwidthcopbutton"
    android:layout_height="@dimen/layoutheightcopbutton"
    android:background="@drawable/copbutton"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:text="@string/x27Balance"
    android:textAppearance="@style/ButtonFontStyle"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.4"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/x26" />

<com.example.android.cop1803.MyViewbutton
    android:id="@+id/x31"
    android:layout_width="@dimen/layoutwidthMedcopbutton"
    android:layout_height="@dimen/layoutheightMedcopbutton"
    android:layout_marginTop="@dimen/activity_vertical_margin"
    android:background="@drawable/copbuttonsecond"
    android:paddingLeft="1dp"
    android:paddingRight="1dp"
    android:text="@string/x31CookingTechniques"
    android:textAppearance="@style/ButtonFontStyle"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.64"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />



<android.support.design.widget.CoordinatorLayout
    android:id="@+id/coordinator_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clipToPadding="false"
    android:fitsSystemWindows="true"

    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.example.android.cop1803.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme"
        >
        <include
            android:id="@+id/toolbar"
            layout="@layout/toolbar_main"
            />
    </android.support.design.widget.AppBarLayout>
    <include
        android:id="@+id/cartlist"
        layout="@layout/content_main" />
</android.support.design.widget.CoordinatorLayout>

Ответы [ 2 ]

0 голосов
/ 24 октября 2018

Вам нужно изменить app:layout_constraintTop_toTopOf="parent" на

app:layout_constraintTop_toBottomOf="@id/coordinator_layout".

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

0 голосов
/ 24 октября 2018

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

 android:paddingTop="?android:attr/actionBarSize"
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...