如何在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。 在選擇器內，您還可以更改其他屬性