看代码学知识之（2） ListView无数据时显示其他View

看代码学知识之（2） ListView无数据时显示其他View

　　今天看的一块布局是这样的：

<!--
The frame layout is here since we will be showing either
the empty view or the list view.
-->

<FrameLayout
android:layout_width="match_parent"
android:layout_height="0dip"
android:layout_weight="1" >

<!--
Here is the list. Since we are using a ListActivity, we
have to call it "@android:id/list" so ListActivity will
find it
-->

<ListView
android:id="@android:id/list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:drawSelectorOnTop="false" />

<!-- Here is the view to show if the list is emtpy -->

<TextView
android:id="@android:id/empty"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="No items."
android:textAppearance="?android:attr/textAppearanceMedium" />
</FrameLayout>

　　这部分布局实际显示的效果却只有一个ListView，里面是数组的数据。

　　于是，我很好奇这个TextView去了哪里，既然放在同一个FrameLayout中，它难道不是在上层挡着？

　　显然，唯一没见过的就是这个TextView的id的属性设置：

android:id="@android:id/empty"

　　搜索了一下，原来这个属性值的作用就是，当ListView关联的Adapter中数据为空时，就显示这个TextView。

　　而这个ListView中有数据显示时，这个TextView是不可见的。

使用场景1

　　上面的布局是一个ListFragment所用的布局中的一块，同理，当Activity继承ListActivity时，可以直接实现。

　　即，在布局中直接用id表达，不需要附加代码：

<?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" >

<ListView
android:id="@android:id/list"
android:layout_width="match_parent"
android:layout_height="match_parent" />

<!-- Here is the view to show if the list is emtpy -->

<TextView
android:id="@android:id/empty"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="No items." />

</FrameLayout>

package com.example.emptylist;

import android.os.Bundle;
import android.app.Activity;
import android.app.ListActivity;
import android.view.Menu;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends ListActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, generateStrings());

setListAdapter(adapter);

}

private String[] generateStrings() {
String[] strings = new String[0];

for (int i = 0; i < strings.length; ++i) {
strings[i] = "String " + i;
}

return strings;
}

}

　　这样当数组长度为0时，将自动显示TextView中的内容。而有数据时，显示ListView。

使用场景2

　　如果选择不继承ListActivity，则上面例子中的TextView，即便id被设置为android:id="@android:id/empty"，也不是只有ListView为空时才显示。

　　事实上，因为在FrameLayout中，所以这个TextView会一直显示在ListView层之上。

　　当ListView无数据时只显示TextView；但是ListView有数据时，仍然显示这个提示“No items”的TextView（which is obviously wrong!）。

　　此时这个TextView的显示与否和ListView的数据没有什么关系了。

　　对于不继承ListActivity的情况，要实现上面的效果应该如何呢？

　　首先，ListView和TextView的id可以任意设置。

　　然后，只需要调用在代码中调用setEmptyView(View emptyView)设置ListView为空时显示这个TextView即可。

　　布局和代码如下：

<?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" >

<ListView
android:id="@+id/myList"
android:layout_width="match_parent"
android:layout_height="match_parent" />

<!-- Here is the view to show if the list is emtpy -->

<TextView
android:id="@+id/myText"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="No items." />

</FrameLayout>

Activity：

package com.example.emptylist;

import android.os.Bundle;
import android.app.Activity;
import android.app.ListActivity;
import android.view.Menu;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {

private ListView mListView = null;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

mListView = (ListView) findViewById(R.id.myList);
mListView.setEmptyView(findViewById(R.id.myText));

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, generateStrings());

mListView.setAdapter(adapter);

}

private String[] generateStrings() {
String[] strings = new String[100];

for (int i = 0; i < strings.length; ++i) {
strings[i] = "String " + i;
}

return strings;
}

}

扩展：

　　因为setEmptyView(View emptyView)这个方法是属于AdapterView这个类的，所以除了ListView之外，其他的子类，如GridView，Spinner等，应该也可以用这个方法来设置Adapter数据为空时显示另一个View。