ListView的setEmptyView方法解析

本文介绍了如何在Android应用中为ListView设置空数据视图,包括通过XML布局和Java代码两种方式实现。当ListView中没有数据时,可以显示特定的提示信息或界面。

我们都知道通过ListView的方法setEmptyView可以设置当ListView中没有数据时,显示的界面,下面我将介绍这个方法的使用,并解析。

看一下main布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="cleardata"
        android:text="清理数据" />
     <ListView
         android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
         />
     <!-- 当ListView中没有数据时,将要显示这个布局中的视图 -->
    <include layout="@layout/other"></include>

</LinearLayout>

布局other(当ListView中没有数据后,将显示这个布局中的视图):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/other"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:visibility="gone"
    android:orientation="vertical" >

    <ToggleButton
        android:id="@+id/toggleButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ToggleButton" />

    <RadioButton
        android:id="@+id/radioButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="RadioButton" />

    <CheckedTextView
        android:id="@+id/checkedTextView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="CheckedTextView" />

    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Spinner
        android:id="@+id/spinner2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

    <RatingBar
        android:id="@+id/ratingBar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ProgressBar
        android:id="@+id/progressBar1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

这个布局中写了这么多控件,目的是告诉大家,这里面可以是任何view

MainActivity中的代码:

package com.example.listviewtest;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;


public class MainActivity extends Activity {

    private ListView listview;
    private LinearLayout other;
    private MAdapter adapter;
    private int count=10;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        listview=(ListView) findViewById(R.id.listview);
        other=(LinearLayout) findViewById(R.id.other);


        adapter = new MAdapter();

        listview.setAdapter(adapter);

        addEmptyView();//给ListView绑定数据为空时的界面

    }



    private void addEmptyView() {
         listview.setEmptyView(other);  
    }
    //清空数据
    public void cleardata(View view){
        count=0;
        adapter.notifyDataSetChanged();
    }

    class MAdapter extends BaseAdapter{
        public int getCount() {
            return count;
        }
        public Object getItem(int position) {
            return null;
        }
        public long getItemId(int position) {
            return 0;
        }
        public View getView(int position, View convertView, ViewGroup parent) {
            if(convertView==null){
                convertView=View.inflate(MainActivity.this, R.layout.item, null);
            }
            return convertView;
        }
    }

}

在代码中动态的添加:


只需要更改

private void addEmptyView() {
         listview.setEmptyView(other);  
    }

更改为:

 private void addEmptyView() {
         //代碼中动态添加
         TextView emptyView = new TextView(this);  
         emptyView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));  
         emptyView.setText("没有数据");  
         emptyView.setGravity(Gravity.CENTER);  
         emptyView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 16);  
         emptyView.setVisibility(View.GONE);  
         ((ViewGroup)listview.getParent()).addView(emptyView);  

         listview.setEmptyView(emptyView);  
    }

运行效果:


实例一 实例二

Android 开发中,使用 `ListView` 的 `setEmptyView()` 方法是为了在列表为时显示一个替代视图。然而,在实际使用过程中可能会遇到一些布局问题,这些问题通常与视图的可见性、位置以及与其他视图的交互有关。 ### 视图的基本用法 `setEmptyView()` 允许开发者指定一个视图作为 `ListView` 为时的占位符。例如: ```java ListView listView = findViewById(R.id.list_view); View emptyView = findViewById(R.id.empty_view); listView.setEmptyView(emptyView); ``` 此方法适用于大多数情况,但需要注意 `emptyView` 必须是与 `ListView` 同一父容器中的视图,并且其初始状态为不可见(`GONE`),否则可能会影响布局行为[^1]。 ### 常见布局问题及解决方案 #### 1. 视图被其他视图遮挡 当 `ListView` 和 `emptyView` 的布局层级不正确时,视图可能不会正常显示。为了确保视图能够覆盖在 `ListView` 上方,可以将它们放在同一个 `FrameLayout` 中,并确保 `emptyView` 在 XML 中位于 `ListView` 之后定义: ```xml <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ListView android:id="@+id/list_view" android:layout_width="match_parent" android:layout_height="match_parent" /> <View android:id="@+id/empty_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:visibility="gone" /> </FrameLayout> ``` 这样,当 `ListView` 为时,`emptyView` 会自动显示在 `ListView` 的位置上[^1]。 #### 2. 视图的位置不居中或不对齐 默认情况下,`setEmptyView()` 显示的视图会根据其自身的 `layout_gravity` 或父容器的布局规则进行排列。如果希望视图始终居中显示,可以在 XML 中设置其 `layout_gravity` 属性为 `center`: ```xml <View android:id="@+id/empty_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:visibility="gone" /> ``` 或者通过代码动态调整其布局参数以实现居中效果: ```java FrameLayout.LayoutParams params = new FrameLayout.LayoutParams( ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT ); params.gravity = Gravity.CENTER; emptyView.setLayoutParams(params); ``` #### 3. 视图与适配器数据更新不同步 在调用 `setAdapter()` 或 `notifyDataSetChanged()` 时,如果数据源发生变化但未及时通知 `ListView` 更新状态,可能导致视图无法正确显示。为了避免这种情况,应在更新数据后重新检查 `ListView` 是否为并手动调用 `setEmptyView()`: ```java adapter.notifyDataSetChanged(); if (adapter.isEmpty()) { listView.setEmptyView(emptyView); } ``` 此外,还可以结合 `ViewStub` 来延迟加载视图,从而提高性能并避免不必要的 UI 初始化操作。 #### 4. 视图内容过多导致显示异常 如果视图包含复杂的布局结构或大量子视图,在某些设备上可能会出现渲染问题。建议尽量简化视图的内容,仅保留必要的提示信息和操作按钮。对于复杂的 UI,可以考虑使用 `ConstraintLayout` 来优化布局结构,减少嵌套层级,提升绘制效率[^1]。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值