2014-07-14 97 views
0

设置选择我要创建这种效果如何为孩子的LinearLayout

最初

enter image description here

,按下时要这个样子。

enter image description here

我知道,想到的第一件事就是选择。但是每个孩子都是一个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> 
+0

是这些选项卡。如果是的话,我会告诉你解决方案 – Nepster

+0

不,他们不是标签。只要imageViews下面有TextViews – Libathos

+0

当你按下其中的任何一个时,只有那个imageView背景必须改变。我对吗 。 – Nepster

回答

0

下创建资源

一个文件夹绘制和像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。在选择器内部,您还可以更改其他属性

+0

而不是设置背景图像。将它设置为LinearLayout背景 – Nepster

+0

这就是我正在尝试做的事,但是我不能在一个Item中使用LinearLayout – Libathos

相关问题