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

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

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

Изображение, которое я добавил в раскрывающемся списке, черное

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

Если я добавлю любой другой прозрачный цвет, он будет отображаться, как показано ниже. Область прямоугольника утолщается

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

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

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

Мой код:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:right="10dp" android:top="10dp">
        <shape
            android:shape="rectangle">
            <solid android:color="#000000"/>
            <corners
                android:bottomLeftRadius="15dp"
                android:bottomRightRadius="35dp"
                android:topLeftRadius="15dp"
                android:topRightRadius="10dp" />
        </shape>
    </item>
    <item android:right="1dp" android:bottom="10dp" android:bottomRightRadius="100dp">
        <rotate
            android:fromDegrees="-30"
            android:pivotX="100%"
            android:pivotY="0%"
            >
            <shape android:shape="rectangle">
                <solid android:color="@color/black"  />
            </shape>
        </rotate>

    </item>

</layer-list>

android-studio android java android-layout android-palette
person sejn    schedule 10.12.2020    source источник
comment
Вы можете принять один ответ (если он вам поможет), нажав на большую серую кнопку с галочкой слева.   -  person Matias Lappalainen    schedule 26.12.2020

Ответы (3)


arrow_upward
1
arrow_downward

Добавьте альфу к представлению. Нет необходимости редактировать форму.

<View
        android:alpha="0.5"
        android:id="@+id/view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/shape"/>

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

person Matias Lappalainen    schedule 10.12.2020

arrow_upward
-1
arrow_downward 

android:background="#CC000000"

в XML

где CC — альфа-значение, 00 — красный фактор, 00 — зеленый фактор и 00 — синий фактор.

Некоторый код непрозрачности:

100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5%  — 0D
0% —  00
person Deep Parsania    schedule 10.12.2020
comment
Но цвет прямоугольника делает темно-черный цвет при применении этого для обоих цветов. И выглядит это так: i.stack.imgur.com/92u8K.png - person sejn; 10.12.2020
comment
удалить сплошной цвет второй формы - person Deep Parsania; 10.12.2020
comment
Если я удалю это, он не покажет стрелку - person sejn; 10.12.2020

arrow_upward
-1
arrow_downward

Попробуй это:

ic_chat_bubble_24.xml:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:alpha="0.28"// customize on your own
    android:autoMirrored="true"
    android:tint="?attr/colorControlNormal"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="@android:color/white"
        android:pathData="M20,2H4c-1.1,0 -2,0.9 -2,2v18l4,-4h14c1.1,0 2,-0.9 2,-2V4c0,-1.1 -0.9,-2 -2,-2z" />
</vector>

и повернуть на 180 градусов

ic_chat.xml

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/ic_baseline_chat_bubble_24"
    android:fromDegrees="180">

</rotate>

выход

person chand mohd    schedule 10.12.2020
comment
Не могли бы вы сообщить мне, как я могу увеличить ширину и высоту chat_bubble в соответствии со списком элементов во всплывающем окне. У меня есть всплывающее окно с несколькими текстами - person sejn; 10.12.2020
comment
установите ic_chat.xml в качестве фона вашего представления (TextView, LinearLayout), чтобы он вел себя в соответствии с высотой и шириной представления. - person chand mohd; 10.12.2020