在顶部绘制选择器 - 用于基本线性布局?

时间:2012-05-23 15:21:11

标签: android

我想要一个选择器点击状态,以便在其子项之上绘制一个简单的布局。我认为这类似于ListView中的“drawSelectorOnTop”属性。示例布局:

<LinearLayout
  android:background="@drawable/my_click_selector">
    <LinearLayout
      android:background="#F00" />
</LinearLayout>

---------------
|             |
| ----------- |
| ----------- |
|             |
---------------

所以这里我们有一个父线性布局,一个内部子项具有纯色背景(红色)。当我单击父项时,资产的背景颜色会根据我的选择器中的定义而更改,但由于子项在z顺序中更接近用户,因此它保持不变。

有没有办法让选择器选择状态在所有孩子之上而不是在?

之下

由于

4 个答案:

答案 0 :(得分:14)

我面对这个问题,我之前看过你的问题,在这里我做了什么并且做得很好:

您可以使用FrameLayout android:foreground属性为您完成工作

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clickable="true"
    android:descendantFocusability="afterDescendants"
    android:duplicateParentState="true"
    android:focusable="true">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clickable="true"
        android:descendantFocusability="beforeDescendants"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:foreground="@drawable/draw_on_top_selector">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#282828"
            android:paddingBottom="5dp">

            <ImageView
                android:layout_width="160dp"
                android:layout_height="90dp"
                android:layout_alignParentLeft="true"
                android:layout_alignParentRight="true"
                android:layout_gravity="center_vertical|center_horizontal"
                android:adjustViewBounds="true"
                android:contentDescription="@string/app_name"
                android:scaleType="centerCrop"
                android:src="@drawable/video_blank" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@id/episodeImage"
                android:layout_alignLeft="@id/episodeImage"
                android:background="@android:color/black"
                android:gravity="right"
                android:padding="2dp"
                android:textColor="#FFFFFF"
                android:textSize="11sp" />

        </RelativeLayout>
    </FrameLayout>
</LinearLayout>

draw_on_top_selector.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/show_cell_background_selected" android:state_pressed="true"/>
    <item android:drawable="@drawable/show_cell_background"/>
</selector>

show_cell_background_selected.xml

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

    <item>
        <shape android:shape="rectangle" >
            <stroke
                android:width="4dp"
                android:color="#FFD900" >
            </stroke>

            <solid android:color="@android:color/transparent" />
        </shape>
    </item>

</layer-list>

show_cell_background.xml

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

    <item>
        <shape android:shape="rectangle" >
            <stroke
                android:width="2dp"
                android:color="#20000000" >
            </stroke>

            <solid android:color="@android:color/transparent" />
        </shape>
    </item>

</layer-list>

答案 1 :(得分:4)

我最近made a post关于在任何视图上绘制前景选择器。它可以让你避免嵌套布局。

希望这会有所帮助。

答案 2 :(得分:0)

尝试使用ForegroundLinearLayout https://gist.github.com/chrisbanes/9091754

答案 3 :(得分:0)

您可以使用ForegroundView