LWUIT的List应用系列（二）List事件的处理

在LWUIT的List应用系列（一）中，我只简单的描述了List的原理和List显示数据的方法。但是在平常的应用中，我们往往要对数据或者对象做一些事件处理，List一共有3种事件，分别是ActionListener事件（点击）,SelectionListener事件（选择）和FocusListener事件（焦点）。当然它自带实现了StyleListener接口，这继承自Component类，因为Component类本身实现了StyleListener接口。在点击、选择、焦点三个事件中最常用的是点击事件，比如我们选中某一项点击它以获取这一项更详细的信息或者对它进行编辑。
下面的代码就是如何实现点击List的某一项并获取该项的详细信息：
ListForm代码，显示List。

package com.sunny.list;

import com.sun.lwuit.Component;
import com.sun.lwuit.Container;
import com.sun.lwuit.Form;
import com.sun.lwuit.Image;
import com.sun.lwuit.Label;
import com.sun.lwuit.List;
import com.sun.lwuit.events.ActionEvent;
import com.sun.lwuit.events.ActionListener;
import com.sun.lwuit.events.FocusListener;
import com.sun.lwuit.events.SelectionListener;
import com.sun.lwuit.layouts.BorderLayout;
import com.sun.lwuit.list.ListCellRenderer;
import java.io.IOException;

/**
 *
 * @author Administrator
 */
public class ListForm extends Form {

    public ListForm() {
        setLayout(new BorderLayout());
        final Person[] persons = getPersons();
        final List personList = createList(persons, List.VERTICAL, new Renderer());

        personList.addFocusListener(new FocusListener() {
            //List获得焦点事件
            public void focusGained(Component c) {
                
            }
            //List失去焦点事件
            public void focusLost(Component c) {
                
            }
        });

        personList.addSelectionListener(new SelectionListener() {
            /**
             * List选中项改变事件
             */
            public void selectionChanged(int oldIndex, int newIndex) {

            }
        });


        //List点击事件
        personList.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent evt) {
                int index = personList.getSelectedIndex();
                Person selectedPerson = persons[index];
                //显示选中的Person的详细信息
                new DetailForm(selectedPerson);
            }
        });

    }

    /**
     * 模拟数据
     * @return
     */
    private Person[] getPersons(){
        Person[] persons = new Person[10];

        Image photo = null;
        try{
            photo = Image.createImage("/photo.jpg");
        }catch(IOException ex){
            ex.printStackTrace();
        }
        String name = "水货程序员，专业打字员。";
        String sex = "男";
        int age = 21;
        String address = "广东省深圳市";
        for(int i = 0 ;i < persons.length;i++){
            //为了区分每一项的数据不同，给每个名字一个编号。
            persons[i] = new Person("编号" + i + ":"+name, photo, sex, age, address);
        }
        return persons;
    }

    /**
     * 创建List
     * @param persons
     *          Model
     * @param orientation
     *          List显示方向
     * @param renderer
     *          Controller
     * @return
     */
    private List createList(Person[] persons, int orientation, ListCellRenderer renderer) {
        //分别设置List的Model和Controller
        List list = new List(persons);
        list.setOrientation(orientation);
        list.setListCellRenderer(renderer);
        return list;
    }

    class Renderer extends Container implements ListCellRenderer {

        Label focus = new Label();
        Label pic = new Label();
        Label name = new Label();

        public Renderer() {
            setLayout(new BorderLayout());
            addComponent(BorderLayout.WEST, pic);
            addComponent(BorderLayout.CENTER, name);
            //你可以在构造方法里面给focus添加样式，List的选中项会显示这个样式
        }

        public Component getListCellRendererComponent(List list, Object value, int index, boolean selected) {
            Person person = (Person)value;
            pic.setIcon(person.getPhoto());
            name.setText(person.getName());
            return this;
        }

        public Component getListFocusComponent(List list) {
            return focus;
        }
    }

    class Person {

        String name;
        Image photo;
        String sex;
        int age;
        String address;

        public Person(String name, Image photo, String sex, int age, String address) {
            this.name = name;
            this.photo = photo;
            this.sex = sex;
            this.age = age;
            this.address = address;
        }

        public String getAddress() {
            return address;
        }

        public void setAddress(String address) {
            this.address = address;
        }

        public int getAge() {
            return age;
        }

        public void setAge(int age) {
            this.age = age;
        }

        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;
        }

        public String getSex() {
            return sex;
        }

        public void setSex(String sex) {
            this.sex = sex;
        }

    }
}
 

DetailForn代码，显示选中项的详细信息。

package com.sunny.list;

import com.sun.lwuit.Component;
import com.sun.lwuit.Container;
import com.sun.lwuit.Font;
import com.sun.lwuit.Form;
import com.sun.lwuit.Label;
import com.sun.lwuit.geom.Dimension;
import com.sun.lwuit.layouts.BorderLayout;
import com.sun.lwuit.layouts.BoxLayout;
import com.sunny.list.ListForm.Person;

/**
 *
 * @author Administrator
 */
public class DetailForm extends Form {

    public DetailForm(Person p) {
        setLayout(new BoxLayout(BoxLayout.Y_AXIS));
        Label photo = new Label(p.getPhoto());
        Label name = new Label(p.getName());
        Label age = new Label(Integer.toString(p.getAge()));
        Label sex = new Label(p.getSex());
        Label address = new Label(p.getAddress());

        String[] labels = {
          "头像",
          "姓名",
          "年龄",
          "性别",
          "地址"
        };
        int minWidth = calcMinWidth(labels);
        addComponent(createPair(labels[0], photo, minWidth));
        addComponent(createPair(labels[1], name, minWidth));
        addComponent(createPair(labels[2], age, minWidth));
        addComponent(createPair(labels[3], sex, minWidth));
        addComponent(createPair(labels[4], address, minWidth));

        show();

    }



    public Container createPair(String label, Component c, int minWidth) {
        Container pair = new Container(new BorderLayout());
        Label l = new Label(label);
        Dimension d = l.getPreferredSize();
        d.setWidth(Math.max(d.getWidth(), minWidth));
        l.setPreferredSize(d);
        l.getStyle().setBgTransparency(0);
        pair.addComponent(BorderLayout.WEST, l);
        pair.addComponent(BorderLayout.CENTER, c);
        return pair;
    }

    /**
     * 计算Label的最短宽度
     * @param words
     * @return
     */
    private int calcMinWidth(String[] words){
        Font fnt = Font.getDefaultFont();
        int min = 0;
        for(int i = 0;i min){
                min = wordLen;
            }
        }
        return min;
    }
} 

上面的代码中我并没有写FocusListener和SelectionListener的事件代码，各位可以自由想象。