如何在LinearLayout中为孩子设置选择器

Question

我想创造这种效果

原来

并按下以显示为这样

我知道首先想到的是选择器。 但是每个孩子都是一个LinearLayout，背景使用ImageView和TextView设置为白色。 所以我想我应该为整个孩子设置一个选择器。 我不知道是否以及如何完成此操作。 因此，如果您有任何想法，请给我一些帮助。 这是布局的xml：

<LinearLayout
                    android:id="@+id/line_1"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_above="@+id/line_2"
                    android:layout_marginBottom="1dp"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    android:baselineAligned="false"
                    android:gravity="center_vertical" >

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginRight="1dp"
                        android:layout_weight="1"
                        android:background="#FFFFFF"
                        android:gravity="center_horizontal"
                        android:clickable="true"
                        android:orientation="vertical" >

                            <ImageView
                                android:layout_width="wrap_content"
                                android:layout_height="50dp"
                                android:clickable="true"
                                android:src="@drawable/sights_selector" />

                            <TextView
                                android:id="@+id/corfu_textView"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:text="Sights"
                                android:gravity="center"
                                android:textSize="10sp" />

                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginRight="1dp"
                        android:layout_weight="1"
                        android:background="#FFFFFF"
                        android:gravity="center_horizontal"
                        android:orientation="vertical" >

                            <ImageView
                                android:layout_width="wrap_content"
                                android:layout_height="50dp"
                                android:src="@drawable/activities_selector" />

                           <TextView
                               android:id="@+id/epirus_textView"
                               android:layout_width="match_parent"
                               android:layout_height="wrap_content"
                               android:gravity="center"
                               android:text="Activities"
                               android:textSize="10sp" />

                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginRight="1dp"
                        android:layout_weight="1"
                        android:background="#FFFFFF"
                        android:gravity="center_horizontal"
                        android:orientation="vertical" >

                            <ImageView
                                android:layout_width="wrap_content"
                                android:layout_height="50dp"
                                android:src="@drawable/accomodation_selector" />

                            <TextView
                                android:id="@+id/vlora_textView"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:text="Accomodation"
                                android:gravity="center"
                                android:textSize="10sp" />

                    </LinearLayout>

                   <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:gravity="center_horizontal"
                        android:layout_weight="1"
                        android:background="#FFFFFF"
                        android:orientation="vertical">

                            <ImageView
                                android:layout_width="wrap_content"
                                android:layout_height="50dp"
                                android:src="@drawable/villages_selector" />

                            <TextView
                                android:id="@+id/vlora_textView"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:text="Villages"
                                android:gravity="center"
                                android:textSize="10sp" />

                    </LinearLayout>

                </LinearLayout>

Answer 1

在res下创建一个可绘制的文件夹

并创建图像selector1.xml器，如selector1.xml

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

    <item android:drawable="@drawable/home_selected" android:state_selected="true"></item>
    <item android:drawable="@drawable/home_unselect" android:state_selected="false"></item>

</selector>

并以hdpi或mdpi粘贴到imageView的状态。

并设置布局背景为

android:background="@drawable/selector"

它会自动执行您想要的操作而无需任何编程。

当选择LinearLayout时，将显示可绘制的home_selected，而当未选择它时，将显示home_unselected.png。 在选择器内，您还可以更改其他属性