如何爲孩子的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

下創建資源

一個文件夾繪製和像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> 

創建圖像的選擇，並粘貼到的ImageView的狀態在華電國際或mdpi。

，並設置像

android:background="@drawable/selector" 

佈局背景會自動做你想做的，無需任何編程。

當LinearLayout被選中時，將會顯示可繪製的home_selected，當它沒有被選中時，會顯示home_unselected.png。在選擇器內部，您還可以更改其他屬性