Подтвердить что ты не робот

Портер-Дафф: различное поведение для разных фигур?

У меня есть следующий макет:

            <LinearLayout
                android:id="@+id/myButton"
                android:layout_width="@dimen/logo_radius"
                android:layout_height="match_parent"
                android:background="@drawable/myShape">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/driver_half"/>
            </LinearLayout>

и следующий myShape drawable:

    <selector>   
        <item><shape android:shape="oval">
            <stroke android:color="@android:color/black" android:width="4dp"/>
            <solid android:color="@android:color/white" />
        </shape></item>
    </selector>

Я применил следующий фильтр:

myButton.getBackground().setColorFilter( orange, PorterDuff.Mode.ADD );

результат выглядел следующим образом:

введите описание изображения здесь

Затем я изменил myShape как прямоугольник с закругленными углами:

    <selector>
        <item>
            <shape
                android:shape="rectangle">
                <corners android:bottomLeftRadius="@dimen/logo_radius" android:bottomRightRadius="2dp" android:topLeftRadius="@dimen/logo_radius" android:topRightRadius="2dp"/>
                <stroke
                    android:width="4dp"
                    android:color="@android:color/black"/>
                <solid android:color="@android:color/white"/>
            </shape>
        </item>
    </selector>

результат выглядел так:

введите описание изображения здесь

левая часть без фильтра, правая часть с фильтром.

что я хочу получить:

введите описание изображения здесь

Что мне делать, чтобы правильно рисовать границу оранжевого цвета с помощью фильтра Porter-Duff? Есть ли другие варианты?

4b9b3361

ОТВЕТЫ

Ответ 1

Фильтрация Porter/Duff зависит от альфа-канала изображения. Чтобы рисовать только рамки формы (без другого пространства формы), вы должны изменить фон формы от белого до прозрачного:

<selector>
    <item>
        <shape
            android:shape="rectangle">
            <corners android:bottomLeftRadius="@dimen/logo_radius" android:bottomRightRadius="2dp" android:topLeftRadius="@dimen/logo_radius" android:topRightRadius="2dp"/>
            <stroke
                android:width="4dp"
                android:color="@android:color/black"/>
            <solid android:color="@android:color/transparent"/>
        </shape>
    </item>
</selector>

и правильный PorterDuff.Mode для этого случая должен быть SRC_IN.

Но я не знаю, почему овальная форма правильно окрашена.

UPD:

с SRC_IN граница окрашена в оранжевый цвет, но заполнение остается прозрачным...

Вы можете изменить свой селектор на layer-list следующим образом:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:id="@+id/background">
            <shape android:shape="rectangle">
                <corners
                    android:bottomLeftRadius="32dp"
                    android:bottomRightRadius="2dp"
                    android:topLeftRadius="32dp"
                    android:topRightRadius="2dp" />
                <solid android:color="@android:color/white" />
            </shape>
        </item>
        <item android:id="@+id/border">
            <shape android:shape="rectangle">
                <corners
                    android:bottomLeftRadius="32dp"
                    android:bottomRightRadius="2dp"
                    android:topLeftRadius="32dp"
                    android:topRightRadius="2dp" />
                <stroke
                    android:width="4dp"
                    android:color="@android:color/black" />
                <solid android:color="@android:color/transparent" />
            </shape>
        </item>
</layer-list>

и установите цветной фильтр только для пограничного элемента:

    LayerDrawable background = LayerDrawable.class.cast(findViewById(R.id.target).getBackground());
    background.findDrawableByLayerId(R.id.border).setColorFilter(Color.CYAN, PorterDuff.Mode.SRC_IN);