Android Gray Out LinearLayout

Question

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

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

Можно ли этого достичь?Я знаю, что могу установить цветной фильтр при рисовании на холсте, есть ли что-то похожее для макетов?

Answer 1

Вы можете использовать Frame-layout

Используя TEST ONE , вы можете добиться вышеупомянутого просмотра текста как отключенный.Вы можете установить корневой макет, кликабельный false, для фактического отключения видов внутри макета. ТЕСТ ВТОРОЙ предназначен для понимания цели.Как и вам нужно управлять порядком просмотра, чтобы показать эффект.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
<!--THIS IS TEST ONE-->
<TextView
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_marginTop="150dp"
    android:background="#000000"
    android:gravity="center"
    android:text="TEST DATA"
    android:textColor="@android:color/white"
    android:textSize="30sp" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:background="#DAD6D6D6"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Data"
        android:textColor="@color/colorAccent"
        android:textSize="30sp" />

</LinearLayout>

<!--THIS IS TEST TWO-->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_marginTop="300dp"
    android:background="#DAD6D6D6"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Data"
        android:textColor="@color/colorAccent"
        android:textSize="30sp" />

</LinearLayout>

<TextView
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_marginTop="400dp"
    android:background="#000000"
    android:gravity="center"
    android:text="TEST DATA"
    android:textColor="@android:color/white"
    android:textSize="30dp" />
</FrameLayout>

Answer 2

Для достижения вашего макета вы можете использовать RelativeLayout.В RelativeLayout вы можете использовать 2 разных вида или LinearLayout.В первом макете вы можете добавить виды в соответствии с вашими потребностями, а во втором макете вы можете установить альфа-код цвета для отключения макета.

Пожалуйста, попробуйте следующий код:

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/demo_img_1" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/demo_img_1"
                android:layout_marginLeft="20dp"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/trans"/>

    </RelativeLayout>

Вот выводдля кода:

Answer 3

Другой способ - вызвать setEnabled () для каждого дочернего элемента (например, если вы хотите выполнить дополнительную проверку дочернего элемента перед отключением), проверьте этот ответ: https://stackoverflow.com/a/7069377/4840812