Флажок плохое отображение, когда установлен или не установлен - PullRequest
Новая
       1

Флажок плохое отображение, когда установлен или не установлен

0 голосов
/ 24 августа 2018

У меня проблема с отображением флажков в следующем макете. Когда я пытаюсь проверить или снять их, я получаю такой результат: Result of trying to check one of the checkboxes Иногда я получаю серый или очень маленький флажок. Более того, если мне удалось проверить один после нажатия на него несколько раз, если я нажму на другой, он снова воспроизведет анимацию первого флажка. В этом случае все флажки выглядят как «связанные».

Я удалил оба animateLayoutChanges, но это ничего не изменило. Я удалил scrollView без результата. Я также протестировал этот макет на Android 28 и 23, и он работает не только на API 23. 

<android.support.constraint.ConstraintLayout
    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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".NewOpeningHourActivity"
    android:animateLayoutChanges="true">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar_new_opening_hour"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:paddingTop="@dimen/appbar_padding_top"
    android:theme="@style/AppTheme.PopupOverlay"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar_new_opening_hour"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_weight="1"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/AppTheme.PopupOverlay">

    </android.support.v7.widget.Toolbar>

</android.support.design.widget.AppBarLayout>

<ScrollView
    android:id="@+id/scroll_new_opening_hour"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="1.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/appbar_new_opening_hour"
    app:layout_constraintVertical_bias="0.0">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.CardView
            android:id="@+id/cv_new_opening_hour"
            style="@style/CardFoldAppearance"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:layout_marginEnd="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:animateLayoutChanges="true"
            android:padding="16dp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <android.support.constraint.ConstraintLayout
                android:id="@+id/ctl_new_opening_hour"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="16dp">

                <TextView
                    android:id="@+id/tv_new_opening_hour_title_days"
                    style="@style/boldMTextAppearance"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="24dp"
                    android:text="@string/new_openhours_card_days_title"
                    app:layout_constraintEnd_toStartOf="@+id/imagebtn_new_opening_hour_days_fold"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />

                <ImageButton
                    android:id="@+id/imagebtn_new_opening_hour_days_fold"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="@android:color/transparent"
                    android:contentDescription="Fold or unfold days list"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    app:srcCompat="@drawable/ic_round_keyboard_arrow_up_24px" />

                <CheckBox
                    android:id="@+id/cbx_new_opening_hour_day_monday"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="8dp"
                    android:text="@string/day_monday"
                    app:layout_constraintTop_toBottomOf="@+id/tv_new_opening_hour_title_days" />

                <CheckBox
                    android:id="@+id/cbx_new_opening_hour_day_tuesday"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/day_tuesday"
                    app:layout_constraintTop_toBottomOf="@+id/cbx_new_opening_hour_day_monday" />

                <CheckBox
                    android:id="@+id/cbx_new_opening_hour_day_wednesday"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/day_wednesday"
                    app:layout_constraintTop_toBottomOf="@+id/cbx_new_opening_hour_day_tuesday" />

                <CheckBox
                    android:id="@+id/cbx_new_opening_hour_day_thursday"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/day_thursday"
                    app:layout_constraintTop_toBottomOf="@+id/cbx_new_opening_hour_day_wednesday" />

                <CheckBox
                    android:id="@+id/cbx_new_opening_hour_day_friday"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/day_friday"
                    app:layout_constraintTop_toBottomOf="@+id/cbx_new_opening_hour_day_thursday" />

                <CheckBox
                    android:id="@+id/cbx_new_opening_hour_day_saturday"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/day_saturday"
                    app:layout_constraintTop_toBottomOf="@+id/cbx_new_opening_hour_day_friday" />

                <CheckBox
                    android:id="@+id/cbx_new_opening_hour_day_sunday"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/day_sunday"
                    app:layout_constraintTop_toBottomOf="@+id/cbx_new_opening_hour_day_saturday" />


            </android.support.constraint.ConstraintLayout>

        </android.support.v7.widget.CardView>
</android.support.constraint.ConstraintLayout>

</ScrollView>

</android.support.constraint.ConstraintLayout>

Мои зависимости: 

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
    implementation 'com.android.support:appcompat-v7:28.0.0-rc01'
    implementation 'com.android.support:support-v4:28.0.0-rc01'
    implementation 'com.android.support:design:28.0.0-rc01'
    implementation 'com.android.support.constraint:constraint-layout:1.1.2'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

Ответы [ 3 ]

0 голосов
/ 24 августа 2018

Измените Gradel, как показано ниже, и проверьте, может быть, это из-за версии. 

implementation 'com.android.support:appcompat-v7:27.1.1'
implementation 'com.android.support:support-v4:27.1.1'
implementation 'com.android.support:design:27.1.1'
0 голосов
/ 27 августа 2018

Обновление

Эта проблема была исправлена ​​в com.android.support v. 28.0.0, но если вы не хотите обновляться, вы можете посмотреть на решение ниже.

Так как мне не удалось решить мою проблему, я создал свой собственный селектор для флажков.

1.В res/drawable/cbx_selector: 

<?xml version="1.0" encoding="utf-8"?> <!--Used for cbx check problem-->
<!--layer-list needed for paddings-->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--Initial state-->
    <item android:drawable="@drawable/ic_baseline_check_box_outline_blank_24px"
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp"/>

    <!--Paddings to look similar to default Android checkboxes-->
    <item
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp">

    <selector xmlns:android="http://schemas.android.com/apk/res/android"
        android:enterFadeDuration="@android:integer/config_shortAnimTime"
        android:exitFadeDuration="@android:integer/config_shortAnimTime"> <!--Used for animation-->

        <item android:state_checked="true" android:drawable="@drawable/ic_baseline_check_box_24px"/>

        <item android:state_checked="false" android:drawable="@drawable/ic_baseline_check_box_outline_blank_24px"/>

    </selector>
    </item>
</layer-list>

2.Мои чекбоксы:

-> состояние проверено: res/drawable/ic_baseline_check_box_24px

<vector android:autoMirrored="true" android:height="24dp"
    android:viewportHeight="24" android:viewportWidth="24"
    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android"
    android:tintMode="multiply"
    android:tint="@color/cbx_color_checked_selector">
    <!--fillColor MUST be set to white-->
    <path android:fillColor="@android:color/white" android:pathData="M19,3L5,3c-1.11,0 -2,0.9 -2,2v14c0,1.1 0.89,2 2,2h14c1.11,0 2,-0.9 2,-2L21,5c0,-1.1 -0.89,-2 -2,-2zM10,17l-5,-5 1.41,-1.41L10,14.17l7.59,-7.59L19,8l-9,9z"/>
</vector>

-> состояние не проверено: res/drawable/ic_baseline_check_box_outline_blank_24px

<vector android:autoMirrored="true" android:height="24dp"
    android:viewportHeight="24" android:viewportWidth="24"
    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android"
    android:tintMode="multiply"
    android:tint="@color/cbx_color_checked_selector">
    <!--fillColor MUST be set to white-->
    <path android:fillColor="@android:color/white" android:pathData="M19,5v14H5V5h14m0,-2H5c-1.1,0 -2,0.9 -2,2v14c0,1.1 0.9,2 2,2h14c1.1,0 2,-0.9 2,-2V5c0,-1.1 -0.9,-2 -2,-2z"/>
</vector>

3.В res/color/cbx_color_checked_selector: 

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">

        <item android:color="@color/colorAccent" android:state_checked="true" android:state_enabled="true" />
        <item android:color="@color/cbxBorderColorUnchecked" android:state_checked="false" android:state_enabled="true" />
        <item android:color="@color/colorAccentDisabled" android:state_checked="true" android:state_enabled="false" />
        <item android:color="@color/cbxBorderColorUncheckedDisabled" android:state_checked="false" android:state_enabled="false" />

    </selector>

Дополнительная информация:

0 голосов
/ 24 августа 2018

Перетащите новый флажок в макете и замените идентификатор существующим идентификатором.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...