LWUIT的List应用系列（一）List基础

在使用LWUIT框架时，如果要显示很多数据，我们首先想到的就是使用List组件。我在使用List组件时，遇到过很多问题，这些问题都相继解决了，我把我遇到的问题以及解决办法写出来，共享给使用LWUIT框架的同胞们。

 

在使用List之前，我们首先要了解List。List采用MVC模式来处理数据层(Model)和视图层(View)，关于MVC的简要介绍如下图：

 

1、如果Form中有很多Component，其中有一个List，当未选中List时，默认情况下List的第一项是选中的效果（注意：List并没有获得焦点）。

解决办法：
PersonList personList = new PersonList(); //从英文单词中就知道这个方法的意思了 personList.setIgnoreFocusComponentWhenUnfocused(true);  

2、List的常用写法
既然List采用的是MVC模式，那我们就以MVC模式的形式来使用List。视图层（View）就不用说了，就是List本身，现在我们需要为List提供Model和Controller，我定义了一个createList(Object[] objArr, int orientation, ListCellRenderer) 方法用于创建List

参数说明：

objArr           Model

orientation      List的显示方向

ListCellRenerer Controller 

我们可以把这个方法理解为通过Model和Controller创建View层。
以下就是我应用到的一个实例代码：

/** * Model */ public class Person { private String name; private Image photo; public Person(String name, Image photo) { this.name = name; this.photo = photo; } public String getName() { return name; } public void setName(String name) { this.name = name; } public Image getPhoto() { return photo; } public void setPhoto(Image photo) { this.photo = photo; } } /** * View */ public List createList(Person[] persons, int orientation, ListCellRenderer renderer) { List list = new List(persons); list.setListCellRenderer(renderer); list.setOrientation(orientation); return list; } /** * Controller */ class Renderer extends Container implements ListCellRenderer { public Label name = new Label(""); public Label pic = new Label(""); public Label focus = new Label(""); public Container cnt = new Container(new BoxLayout(BoxLayout.Y_AXIS)); public Renderer() { setLayout(new BorderLayout()); addComponent(BorderLayout.WEST, pic); name.getStyle().setBgTransparency(0); cnt.addComponent(name); addComponent(BorderLayout.CENTER, cnt); //focus用于设置List选中时的效果，这里设置List的选中项具有绿色的边框 focus.getStyle().setBorder(Border.createLineBorder(1, 0x00ff00)); } public Component getListCellRendererComponent(List list, Object value, int index, boolean isSelected) { Person person = (Person) value; name.setText(person.getName()); pic.setIcon(person.getPhoto()); return this; } public Component getListFocusComponent(List list) { return focus; } }
 下一篇我将对List的事件运用做相关的说明。