8

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

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

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

所以这里我们有一个父线性布局和一个具有纯色背景颜色（红色）的内部子级。当我单击父级时，资产的背景颜色会按照我的选择器中的定义发生变化，但由于子级在 z 顺序中更靠近用户，因此它保持不变。

有没有办法让选择器的选定状态绘制在所有子项之上而不是之下？

谢谢

4

4 回答 4

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>
于 2012-10-30T09:24:12.083 回答
4

我最近发表了一篇关于在任何视图上绘制前景选择器的帖子。它可以让你避免嵌套布局。

希望这会有所帮助。

于 2013-07-23T15:56:20.170 回答
0

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

于 2014-08-20T06:10:51.030 回答
0

您可以使用ForegroundView库

于 2015-09-26T16:05:49.270 回答