3

Имеется png картинка и цель - добавить её на button. Проблема в том, что если добавляю через @android:background кнопки, то картинка становится с лесенками (как будто антиалиазинг выключен), либо становится мутной. Если использую разметку ниже, то вообще картинка не показывается, остаются только границы на button.

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false">
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:bottom="2dp" android:drawable="@drawable/lmb_leaved" android:left="2dp" android:right="2dp" android:top="2dp" />
        <item>
            <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
                <corners android:radius="30dp" />
                <gradient android:angle="270" android:endColor="#000000" android:startColor="#000000" />

                <stroke android:width="4px" android:color="#FF00BB2B" />
            </shape>
        </item>
    </layer-list>
</item>
<item android:state_pressed="true">
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:bottom="2dp" android:drawable="@drawable/lmb_pressed" android:left="2dp" android:right="2dp" android:top="2dp" />
        <item>
            <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
                <corners android:radius="30dp" />
                <gradient android:endColor="#000000" android:startColor="#000000" />

                <stroke android:width="20px" android:color="#FF00BB2B" />
            </shape>
        </item>
    </layer-list>
</item>

Имеются предоположения, что неправильно добавляю png в проект. Добавляю через res->new->image asset

Исправил, теперь всё работает

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

<item>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <bitmap
                android:src="@drawable/lkmveryhigh" />
        </item>
        <item>
            <shape android:shape="rectangle">
                <corners android:radius="30dp" />
                <solid
                    android:color="#0000"/>
                <stroke
                    android:width="5dip"
                    android:color="#FF00BB2B" />
            </shape>
        </item>
        </layer-list>
</item>

<item android:state_pressed="true">
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <bitmap
                android:src="@drawable/lkmveryhigh" />
        </item>
        <item>
            <shape android:shape="rectangle">
                <corners android:radius="30dp" />
                <solid
                    android:color="#0000"/>
                <stroke
                    android:width="10dip"
                    android:color="#FF00BB2B" />
            </shape>
        </item>
    </layer-list>
</item>

</selector>

Картинку перемещаю вручную в папку res/drawable-hdpi Только есть небольшая проблема, что селектор android:state_pressed="true" всё равно отказывается работать

11
  • 1
    Пробовали ImageButton? 16 июн 2016 в 18:08
  • Сейчас попробую
    – JaktensTid
    16 июн 2016 в 18:13
  • Всё равно не выходит
    – JaktensTid
    16 июн 2016 в 18:23
  • 1
    А куда вы выставляете картинку? в android:background или android:src? 16 июн 2016 в 18:38
  • 1
    тогда наверно неправильно добавили картинку. Нужно просто скопировать в папку нужной плотнисти, например drawable-xhdpi 16 июн 2016 в 18:51

3 ответа 3

3

По описанию проблема в том, что нет ресурса с достаточным качеством картинки. Либо ресурс с соответствующим квалификатором отсутствует вовсе (например res/drawable-xxhdpi/), либо хранящееся в нем изображение имеет низкое качество - собственный размер в пикселях мал для данного разрешения или достаточный размер, но неудачный скалинг, то есть размер нормальный, но в результате обработки по увеличению получилась хрень вместо четкой картинки.
Так, для экрана плотностью XXHDPI (~480dp) изображение для стандартной иконки (размер 48x48dp) должно иметь абсолютные геометрические размеры 144x144 пикселя с содержимым соответствующего качества (подробнее смотрите офф.документацию).

В первом случае недостающие ресурсы нужно создать, во втором посмотреть, что там за изображения вообще лежат и привести их в соответствие.

PS: селектор у вас составлен неверно. В конце селектора должен быть айтем для вида по умолчанию, который не имеет никаких стейтов (в вашем случае вместо <item android:state_pressed="false"> должен быть просто <item> и располагаться самым последним в иерархии айтемов. Выбор айтема в селекторе производится по следующему алгоритму: проверяется условие стейта первого айтема, если совпадает, то он выводится и селектор заканчивает работу, иначе переходит ко второму айтем и проверяет его условие и так далее, если ни одно из условий не выполняется последним выполняется айтем без условий, который содержит, как правило, нормальный вид (состояние без всяких нажатий, фокусов, селекторов и тд).
Картинку в селекторе не видно, потому что ее закрывает shape - фигуры не прозрачные по умолчанию. Смотрите, например этот ответ (вторая часть) по созданию вида из наложения картинки и шейпа.

2
  • Ваши советы отчасти помогли. Теперь показывается ректангл и картинка, которая теперь на всю кнопку, но она всё равно низкого качества и с "лесенками". Как по офф документации поправил картинку до 144х144 пиксела и переместил в папку drawable/xxhdpi, в самой android studio по дабл клику показывается в нормальном качестве - а на двух тестируемых устройствах в плохом.
    – JaktensTid
    17 июн 2016 в 15:02
  • @ЯктенсТид так же аналогично необходимо создать и папки для других плотностей (mdpi, hdpi, xhdpi, xxxhdpi) с изображениями соответствующего размера (смотрите офф.документацию по ссылке в ответе)
    – pavlofff
    17 июн 2016 в 15:38
2

Подробная документация от Google расскажет о Button

ссылка на документацию

А так же можно почитать о файлах ресурсов

ссылка на документацию по поводу ресурсов

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

2

Знаю, что не всем подойдет совет, но почему бы не использовать ImageView, для которой, как и для кнопки, прикрепить OnClickListener?

1
  • По мне так вполне себе вариант, если не нужно никаких анимаций нажатия и удерживания на элементе.
    – DimXenon
    17 июн 2016 в 10:34

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.