Android cardview background color

Изменение цвета фона CardView программно

CardView имеет атрибут card_view:cardBackgroundColor для определения цвета фона. Этот атрибут работает нормально.

В то же время не существует способа динамического изменения цвета.

Я просто пробовал такие решения, как:

Или используя макет внутри cardView

Эти решения не работают, потому что у карты есть cardCornerRadius.

Используйте свойство card_view: cardBackgroundColor:

Вы можете использовать это в XML

Я использовал этот код для программного программирования:

Или в XML вы можете использовать этот код:

Способ, который он задает в методе initialize использует защищенный класс RoundRectDrawable , например:

Это некрасиво, но вы можете расширить этот класс. Что-то вроде:

РЕДАКТИРОВАТЬ

Кажется, что нет лучшего способа сделать это.

Немного поздно здесь и отчасти от темы, поскольку это не программно, но я считаю, что лучше всего устанавливать стили для виджетов, и вы можете сделать это, чтобы CardView просто создал стиль, который сохранит ваш xml-фильтр …

Это используется android.support.v7.widget.CardView

А затем задание стиля в файле макета:

Вам нужно импортировать библиотеку appcompat-v7 с помощью студии Android через gradle:

надеюсь это поможет. Счастливое кодирование

Я столкнулся с той же проблемой при попытке создать картотеку программно, что странно, так это то, что глядя на документ https://developer.android.com/reference/android/support/v7/widget/CardView.html#setCardBackgroundColor%28int % 29 , ребята Google обнародовали api, чтобы изменить цвет фона в виде карты, но странно, что мне не удалось получить доступ к нему в библиотеке поддержки, поэтому вот что сработало для меня:

Делая это, мне удается сохранить тень карты и закругленные углы.

В JAVA

Андроид использует цвета ARGB. Вы можете использовать это (0xFF + RGB COLOR) – Жестко-кодированный цвет.

Для тех, кто задается вопросом, откуда появилось это имя «card_view». Это фактически пространство имен, и таким образом вы можете его создать …

Здесь вторая строка (начиная с начала) создает пространство имен .. и последняя строка из последней – это xml-версия ответа этой java-версии вопроса. Haha Cheers!

У меня такая же проблема на Xamarin.Android – VS (2017)

Решение, которое сработало для меня:

РЕШЕНИЕ

В файле XML добавьте:

И в элементе android.support.v7.widget.CardView добавьте это свойство:

Вы также можете добавить cardElevation и cardElevation .

Если вы хотите отредактировать cardview программно, вам просто нужно использовать этот код: Для (C #)

И теперь вы можете менять цвет фона программно, не теряя границы, угловой радиус и высоту.

Источник

[MaterialCardView] Background color can’t be set to white #1402

Comments

risalfajar commented Jun 12, 2020

Description:
I’m trying to set the cardBackgroundColor to #FFF, but it turns to grey. It can’t be set to white unless I added foregroundTint with #FFF too.
It works normally with colors other than white.

You can view the screenshot here

Expected behavior:
It should be pure white #FFF

Source code:

Android API version:
API version for Preview: 29

Material Library version:
1.1.0

Device:
Android Studio 4.0

Note:
Changing the app theme to other than Theme.MaterialComponents.Light seems to fix the issue, but I don’t want to change the app theme.

The text was updated successfully, but these errors were encountered:

risalfajar commented Jun 12, 2020 •

UPDATE
I looked into material-1.1.0 library values.xml and found out that they set this:
@color/mtrl_card_view_foreground «

I don’t know why in Preview the cardForegroundColor doesn’t show as @android:color/transparent knowing that it is neither checked nor dragged.

My temporary workaround is adding app:cardForegroundColor=»@android:color/transparent» to CardView in my layout.

ardhikarafi commented Jun 16, 2020

consp1racy commented Jun 17, 2020

Probably another case of using -1 (which in fact is 0xffffffff aka white) as a default color marker, the code is littered with this nonsense.

henningBunk commented Aug 21, 2020

I got the same problem but the workaround setting the foreground color to transparent does not work for me. What does work for me is setting the cardElevation to 0dp. Only than I get a white background. Problem is I am losing the shadow of the card and therefore the card isn’t recognizable anymore.
Any solution not get darker colors with increasing elevation?

LoicJ commented Aug 25, 2020

I had the same issue and I noticed by having a look to the source code that an overlay was drawn on the card background when it has some elevation defined.

Try adding false to your theme or try defining a ThemeOverlay overriding this value and apply it to your CardView. It should solve your problem.

gabrielemariotti commented Aug 25, 2020 •

It is not a bug, it is related to the Elevation Overlays.

Shadows are less effective in an app using a dark theme, because they will have less contrast with the dark background colors and will appear to be less visible. In order to compensate for this, Material surfaces in a dark theme become lighter at higher elevations, when they are closer to the implied light source.
This is accomplished via elevation overlays, which are semi-transparent white ( colorOnSurface ) overlays that are conceptually placed on top of the surface color. The semi-transparent alpha percentage is calculated using an equation based on elevation, which results in higher alpha percentages at higher elevations, and therefore lighter surfaces.

By default the elevationOverlayEnabled (whether the elevation overlay functionality is enabled) is false in Light themes, true in Dark themes.

Just an example with a MaterialCardView with app:cardElevation=»4dp» and app:cardElevation=»8dp» .

Light mode:

If you want to disable it in a dark theme just add in your app theme:
false

Источник

Android CardView Using Images as Background in CardView (Pre-Lollipop device issues)

Example

While using Image/Colour as an background in a CardView, You might end up with slight white paddings (If default Card colour is white) on the edges. This occurs due to the default rounded corners in the Card View. Here is how to avoid those margins in Pre-lollipop devices.

We need to use an attribute card_view:cardPreventCornerOverlap=»false» in the CardView. 1). In XML use the following snippet.

1. In Java like this cardView.setPreventCornerOverlap(false) .

Doing so removes an unwanted padding on the Card’s edges. Here are some visual examples related to this implementation.

1 Card with image background in API 21 (perfectly fine)

2 Card with image background in API 19 without attribute (notice the paddings around image)

3 FIXED Card with image background in API 19 with attribute cardView.setPreventCornerOverlap(false) (Issue now fixed)

Also read about this on Documentation here
Original SOF post here

Источник

Change CardView background color in android programmatically

In this tutorial we are going to change the CardView widget background color on button click with completely dynamic method using MainActivity.java programming file. We are using setCardBackgroundColor() method to set color dynamically on CardView. So here is the complete step by step tutorial for Change CardView background color in android programmatically.

Note: Read below steps very carefully to add CardView library inside your current project.

1. Open your project’s build.gradle ( Module : app ) file.

2. Please add below code inside your build.gradle ( Module : app ) file.

3. Screenshot of build.gradle ( Module : app ) file after adding above code.

Here your go now CardView library is successfully imported inside your project now its time to start coding.

How to Change CardView background color in android programmatically

Code for MainActivity.java file.

Code for activity_main.xml layout file.

Screenshots:

Click here to download Change CardView background color in android programmatically project source code.

Источник

Изменение цвета фона выбранного элемента в recyclerview

Как изменить цвет фона только выбранного представления в моем примере представления корзины? Нужно изменить только цвет фона выбранного представления элемента. Только один выбранный элемент должен отображаться с изменением цвета фона за раз, а остальные должны быть такими, как перед выбором. вот мой код:

RecyclerDataadapter

16 ответов

Наконец-то я получил ответ.

Здесь ‘row_index’ изначально установлен как ‘-1’

Очень простой способ добиться этого:

Приведенный выше метод может испортить некоторые атрибуты по умолчанию для itemView, в моем случае я использовал CardView, и радиус угла карты удалялся при нажатии.

Лучшее решение:

ОБНОВЛЕНИЕ 2 — ВАЖНО

Метод onBindViewHolder вызывается несколько раз, а также каждый раз, когда пользователь прокручивает представление, скрываясь из поля зрения и возвращаясь в поле зрения! Это приведет к тому, что одно и то же представление будет добавлено в список несколько раз, что может вызвать проблемы и незначительную задержку выполнения кода!

Чтобы исправить это изменить

Я могу предложить это решение, которое я использовал в своем приложении. Я поместил этот код onTouchListener в конструктор моего класса ViewHolder. itemView — аргумент конструктора. Обязательно используйте return false в этом методе , потому что это необходимо для работы OnClickListener

Если вы используете котлин, это действительно просто.

В вашем классе RecyclerAdapter

В вашем фрагменте или действии

viewOld — это null в начале, затем указывает на последнее выбранное представление. С помощью onClick вы меняете фон выбранного вида и переопределяете фон предпоследнего выбранного вида. Просто и функционально.

Создайте селектор в папке Drawable:

Добавьте свойство в свой xml (где вы объявляете RecyclerView):

Добавьте прослушиватель щелчков для представления элемента в .onBindViewHolder () адаптера RecyclerView. получить текущую выбранную позицию и изменить цвет с помощью .setBackground () для ранее выбранного и текущего элемента

Самый простой способ с моей стороны — добавить переменную в adapterPage в качестве последней нажатой позиции.

В onBindViewHolder вставьте этот код, который проверяет последнюю сохраненную позицию, совпадающую с позициями загрузки. Константы — это класс, в котором я объявляю свои глобальные переменные

Мне удалось сделать это из моей деятельности, где я устанавливаю свой Rv, а не из адаптера

Если кому-то нужно сделать что-то подобное, вот код

В этом случае цвет меняется на логе.

Что я сделал для этого, на самом деле взял статическую переменную для сохранения последней нажатой позиции элемента в RecyclerView, а затем уведомил адаптер об обновлении макета в позиции на последней нажатой позиции, т.е. notifyItemChanged (lastClickedPosition) всякий раз, когда щелкается новая позиция. Вызов notifyDataSetChanged () для всего макета очень затратен и неосуществим, поэтому гораздо лучше сделать это только для одной позиции.

Вот код для этого:

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

Я смог изменить выбранный цвет вида вот так. Я думаю, что это ПРОСТОЙ ПУТЬ (потому что вам не нужно создавать экземпляры макетов и переменных.

УБЕДИТЕСЬ, ЧТО ВЫ НЕ ПРИДАЕТЕ НИКАКОГО ФОНОВОГО ЦВЕТА ВНУТРИ ТЭГА РЕЦИКЛЕРНОГО ПРОСМОТРА.

OnBindViewHolder () приведен ниже

В Kotlin вы можете сделать это просто: все, что вам нужно, это создать статическую переменную, подобную этой:

Затем в свой onBindViewHolder добавьте этот код:

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

В вашем классе адаптера сделайте переменную Integer как index и присвойте ей значение «0» (если вы хотите выбрать 1-й элемент по умолчанию, если не назначить «-1»). Затем в вашем методе onBindViewHolder

Вот и все, и вперед. В разделе Если условие true поместите выбранный цвет или все, что вам нужно, а в другом разделе разместите невыделенный цвет или что-то еще.

Источник