Android ConstraintLayout высота в процентах 0,99

Question

Когда app: layout_constraintHeight_percent равен 0,50 или 0,80, он работает нормально, но когда я установил его на 0,99, кнопка будет очень длинной и больше 99% экрана?

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:fillViewport="true"
    android:orientation="vertical">


    <android.support.constraint.ConstraintLayout
        android:orientation="vertical"
        android:background="@color/sos"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">


        <Button
            android:id="@+id/mybtn1"
            android:text="1"
            android:layout_width="match_parent"
            app:layout_constraintHeight_percent="0.99"
            android:layout_height="0dp" />

        <Button
            app:layout_constraintTop_toBottomOf="@+id/mybtn1"
            android:text="2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />


    </android.support.constraint.ConstraintLayout>



</ScrollView>

Answer 1

Попробуйте этот код:

<?xml version="1.0" encoding="utf-8"?>

<ScrollView
    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"
    android:fillViewport="true">

    <android.support.constraint.ConstraintLayout
        android:background="@android:color/holo_blue_dark"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/btn_one"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintHeight_percent="0.91"
            android:text="1"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintEnd_toEndOf="parent" />

        <Button
            android:id="@+id/btn_two"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="2"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/btn_one"
            app:layout_constraintVertical_bias="0.0"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintBottom_toBottomOf="parent" />

    </android.support.constraint.ConstraintLayout>

</ScrollView>

Надеюсь, он вам поможет.

Answer 2

Проблема не в 99% layout_constraintHeight_percent, а в том, что когда общая высота двух кнопок превышает высоту, высоту на экране ScrollView отображается на экране.Просто так получается, что 99% запускает это странное поведение на вашем эмуляторе / устройстве.Если вы сделаете вторую кнопку намного выше, вы увидите то же поведение с меньшими процентами.

Я обнаружил, что эти типы раскладок проблематичны, когда измерения ребенка зависят от размера родителя и размера родителя.зависит от размера ребенка.В вашей компоновке дочерний элемент mybtn1 зависит от родителя ConstraintLayout (app:layout_constraintHeight_percent="0.99"), а родительский ConstraintLayout зависит от размера дочернего элемента mybtn1 (android:layout_height="wrap_content").Кажется, это работает нормально, когда объединенные высоты двух кнопок не превышают экранную высоту ScrollView, но с треском проваливаются, когда объединенные высоты превышают ее. (Установка android:fillViewport="true" на ScrollView, когда объединенные высоты меньше, чем высота ScrollView, может работать, поскольку существует неявная фиксированная высота для ScrollView, которая является просто доступной недвижимостью на экране.Это всего лишь предположение.)

Вы можете исправить это с помощью небольшого кода следующим образом:

Добавьте идентификатор к ScrollView:

android:id="@+id/scrollView"

Поместите следующий код в onCreate():

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    final ScrollView scrollView = findViewById(R.id.scrollView);
    scrollView.post(new Runnable() {
        @Override
        public void run() {
            Button button = findViewById(R.id.mybtn1);
            ConstraintLayout.LayoutParams lp = (ConstraintLayout.LayoutParams) button.getLayoutParams();

            // Get percentage height of button.
            float percent = lp.matchConstraintPercentHeight;

            // Explicitly set the button height based upon the ScrollView height.
            button.setHeight((int) (scrollView.getHeight() * percent));

            // Reset the percent height so it no longer has any effect.
            lp.matchConstraintPercentHeight = 1.0f;
        }
    });
}

Этот код будет принудительно устанавливать размер для mybtn1, который составляет 99% от высоты ScrollView или любого другого процента, указанного для кнопки.

Answer 3

Это должно работать;

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <Button
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="Button 1" />

            </RelativeLayout>

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <Button
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="Button 2" />

            </RelativeLayout>

        </LinearLayout>

    </ScrollView>

</LinearLayout>