zoukankan      html  css  js  c++  java
  • ListView控件的列表项的文字不满一行的时候,如何实现点击该列表项的空白区域仍可触发列表项的点击事件

    今天在做Demo的过程中,使用到了ListView。然而在实现过程中,发现一个出现了一个问题:只能点击列表项的文字区域可以触发点击事件,而点击列表项的空白区域无法触发点击事件。

    如下图:

    listitem的布局文件:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
        
        <TextView
            android:id="@+id/listitemText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
             android:text="@string/app_name"
             android:textSize="18sp"
            android:textColor="#000000"
            android:gravity="center_vertical"
            android:padding="15dp"
        />
    
    </LinearLayout>
    listitem

    刚开始以为是这个布局文件中的android:layout_width的问题,后来发现是ListView控件的android:layout_width的问题。

    上图对应的ListView控件的android:layout_width的值为wrap_content。

    <!-- 历史记录列表 -->
                <!-- android:layout_width="match_parent"使用这个则代表列表项占据屏幕宽度 -->
                <!-- android:layout_width="wrap_content"使用这个则代表列表项占据实际宽度 -->
                <ListView
                    android:id="@+id/history_list"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" >
                </ListView>

    如果想要实现列表项在不满一行的情况下,点击空白区域仍触发列表项的点击事件的话,ListView的写法如下:

    <!-- 历史记录列表 -->
                <!-- android:layout_width="match_parent"使用这个则代表列表项占据屏幕宽度 -->
                <!-- android:layout_width="wrap_content"使用这个则代表列表项占据实际宽度 -->
                <ListView
                    android:id="@+id/history_list"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" >
                </ListView>

    效果图如下:

  • 相关阅读:
    redis搭建集群并用TreeSoft管理
    使用windows任务计划程序自动清除C盘缓存文件
    深入理解JavaScript事件循环机制
    redux源码解读(二)
    redux源码解读(一)
    create-react-app源码解读之为什么不搞个山寨版的create-react-app呢?
    深入理解CSS系列(二):为什么height:100%不生效?
    深入理解CSS系列(一):理解CSS的盒子模型
    搭建一个交互式的前端构建环境.md
    实习这件小事(一位大四狗的前端实习经历)
  • 原文地址:https://www.cnblogs.com/whycxb/p/4858935.html
Copyright © 2011-2022 走看看