4

我有一个列表视图，其中每个项目都有 2 个视图（这ListView看起来像一个GridView有 2 列的项目）。我需要页眉和页脚，但它们在 中不可用GridView，所以我转向使用列表视图。

我想要一个用于每个列表项的单个子视图的选择器，列表选择器不起作用，它将选择器应用于两个子视图。

到目前为止我已经尝试过什么？？？？

我制作每个单个元素的根视图 aFrameLayout并使用该android:foreground="@drawable/some_selector"属性，以便模拟该drawSelectorOnTop属性。

我的问题 ：

如何将选择器仅应用于列表视图项中的按下子项。

列表视图布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ListView
        android:id="@+id/episode_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="@android:color/black"
        android:dividerHeight="5dp"
        android:listSelector="@null"
        android:descendantFocusability="afterDescendants" />

</RelativeLayout>

剧集项目

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clickable="true"
    android:foreground="@drawable/all_show_cell_background_selector" >

    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/llEpisode"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#282828"
        android:paddingBottom="5dp" >

        <ImageView
            android:id="@+id/episodeImage"
            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:id="@+id/episodeDuration"
            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" />
        <!-- android:textColor="#b5b4b4" -->

        <TextView
            android:layout_marginTop="2dp"
            android:id="@+id/episodeTitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/episodeImage"
            android:gravity="right"
            android:paddingRight="5dp"
            android:singleLine="true"
            android:text="hdgsagafasfsdafsdfsdfasddfsad"
            android:textColor="#ffffff"
            android:textSize="14sp" >

        </TextView>

        <TextView
            android:id="@+id/showName"
            android:layout_marginTop="2dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/episodeTitle"
            android:clickable="true"
            android:gravity="right"
            android:paddingRight="5dp"
            android:text="hdgsagafasfsdafsdfsdfasddfsad"
            android:textColor="#A8A8A8"
            android:textSize="13sp" >

        </TextView>

        <TextView
            android:layout_marginTop="2dp"
            android:id="@+id/noOfViewsText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_below="@+id/showName"
            android:layout_alignParentBottom="true"
            android:gravity="right"
            android:paddingRight="5dp"
            android:text="@string/number_of_views_text"
            android:textColor="#A8A8A8"
            android:textSize="11sp" />

        <TextView
            android:id="@+id/episodeNumberOfViews"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/noOfViewsText"
            android:layout_toLeftOf="@+id/noOfViewsText"
            android:layout_toRightOf="@+id/fav_img"
            android:ellipsize="none"
            android:gravity="right"
            android:paddingRight="5dp"
            android:singleLine="true"
            android:text="fsdafasdfsad"
            android:textColor="#A8A8A8"
            android:textSize="11sp" />

        <ImageView
            android:id="@+id/fav_img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/episodeNumberOfViews"
            android:layout_alignParentLeft="true"
           android:layout_marginLeft="4dp"
            android:contentDescription="@string/favourite_title_show"
            android:src="@drawable/fav_episode" />
    </RelativeLayout>

</FrameLayout>

单个列表项包含 2 个剧集项

这是包含 2 个剧集项目的容器

 <?xml version="1.0" encoding="utf-8"?>
    <!-- This container to help emulate a GridView in each ListView item -->
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:descendantFocusability="afterDescendants"
        android:orientation="horizontal" >

    </LinearLayout>
4

4 回答 4

4

我不太确定前景，但我实际上做的是使用列表视图。然后在适配器中，我为列表中的每一行设置两个相对布局，这是我的列表属性：

<ListView
android:id="@+id/seccion_list"
android:layout_height="wrap_content"
android:layout_width="fill_parent" 
android:divider="@null"
android:dividerHeight="0dp"/>

在我的适配器中，我将布局设置为为每一行加载，这是该行中第一帧的第一个相对布局：

 <RelativeLayout
        android:id="@+id/primerContenedor"
        android:layout_width="wrap_content"
        android:layout_height="@dimen/seccion_3_imagen_height"
        android:layout_marginLeft="3dip"
        android:layout_marginRight="3dip"
        android:layout_marginTop="5dip"
        android:layout_weight="1"
        android:clickable="true"
        android:focusable="true" 
        android:background="@drawable/layout_selector">

所以基本上我所做的是将相对布局可点击和可聚焦属性设置为true并定义一个选择器：

    <?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android">   
    <item android:state_focused="true" android:drawable="@color/blue"/> 
    <item android:state_pressed="true"  android:drawable="@color/blue"/>
    <item android:drawable="@color/grey" /> 
</selector>
于 2012-10-29T18:07:07.747 回答
2

为您的列表视图设置@android:listSelector="@null"。然后为列表项的各个子视图设置选择器。

还设置android:descendantFocusability="afterDescendants"在列表项和android:duplicateParentState="false"集项上。

于 2012-10-26T12:50:03.697 回答
2

我以前遇到过这个问题，并有一个很好的解决方案在这里查看示例代码

于 2012-11-01T12:25:37.087 回答
0

我假设您正在使用 ListView 适配器，您可以在其中膨胀一个自定义布局，其中包含两个具有不同 id 的左右布局的 FrameLayout。如果不是 - 这是一种解决方案。

在 ListView Adapter 内部，添加一个全局 int selectedRowId = -1 和 short leftRight = -1（0 表示左，1 表示右）。在您的 getView 方法中，在构造 convertView 时，检查 postition==selectedRowId。如果是 - 检查 left 是 0 还是 1，这将为您提供您选择的项目，您可以对其进行操作。然后为每个 FrameLayout 添加一个 onClickListener ，其中根据选择存储 selectedRowId = position, leftRight = 0 或 1 并调用 notifyDataSetChanged()。

于 2012-10-26T08:27:09.730 回答