Blackberry: как отфильтровать строки, представленные ListField? - PullRequest
1 голос
/ 17 мая 2011

Я пытаюсь создать приложение, отображающее несколько дополнительных строк в верхней части списка элементов с полем «живого поиска» вверху:

list

Конечно, я сначала попытался использовать KeywordFilterField с переопределенной функцией setSize () . Но это не сработало - потому что я не мог контролировать, когда и как вызывался метод setSize () с помощью KeywordFilterField, и это вызывало у меня проблемы с рисованием (строка не была нарисована, когда у меня было введено ключевое слово и добавлен новый элемент в список и т. д.)

Поэтому я пытаюсь «вернуться к корням» и использовать ListField (и BasicEditField наверху) на этот раз, потому что там я могу контролировать себя, когда и как setSize () называется.

Ниже приведен мой упрощенный тестовый код - src \ mypackage \ MyList.java и border.png .

Код работает хорошо, за исключением проблемы с фильтрацией, которую я опишу ниже.

border.png

package mypackage;

import java.util.*;
import net.rim.device.api.collection.*;
import net.rim.device.api.collection.util.*; 
import net.rim.device.api.system.*;
import net.rim.device.api.ui.*;
import net.rim.device.api.ui.component.*;
import net.rim.device.api.ui.container.*;
import net.rim.device.api.ui.decor.*;
import net.rim.device.api.util.*;


public class MyList extends UiApplication {
    public static void main(String args[]) {
        MyList app = new MyList();
        app.enterEventDispatcher();
    }

    public MyList() {
        pushScreen(new MyScreen());
    }
} 

class MyScreen extends MainScreen {
    static final int EXTRA_ROWS = 3;

    BasicFilteredList myFilter = new BasicFilteredList();

    Background myBg = BackgroundFactory.createSolidBackground(0x111111);
    StringProvider myProvider = new StringProvider("Search");
    BasicEditField myFind = new BasicEditField(USE_ALL_WIDTH) {
        protected void paint(Graphics g) {
            if (getTextLength() == 0) {
                g.setColor(Color.LIGHTGRAY);
                g.drawText(myProvider.toString(), 0, 0);
            }

            g.setColor(Color.BLACK);
            super.paint(g);
        }
    };

    MyItemList myItems = new MyItemList();

    // add 1 row for the "* Empty *" string
    ListField myList = new ListField(EXTRA_ROWS + 1) {
        protected boolean navigationClick(int status, int time) {
            int index = getSelectedIndex();
            if (index >= EXTRA_ROWS && myItems.size() > 0) {
                String str = ((MyItem) myItems.getAt(
                    index - EXTRA_ROWS)).toString();
                Status.show("You have clicked - " + str);
            }
            return true;
        }
    };

    Border myBorder = BorderFactory.createBitmapBorder(
        new XYEdges(12, 12, 12, 12),
        Bitmap.getBitmapResource("border.png"));

    public MyScreen() {
        getMainManager().setBackground(myBg);

        myFind.setBorder(myBorder);
        setTitle(myFind);

        myItems.doAdd(new MyItem(1, "Eins"));
        myItems.doAdd(new MyItem(2, "Zwei"));
        myItems.doAdd(new MyItem(3, "Drei"));
        myItems.doAdd(new MyItem(4, "Vier"));

        myList.setCallback(new MyListFieldCallback());
        add(myList);

        myFilter.addDataSet(1, myItems.getElements(), "Test",
            BasicFilteredList.COMPARISON_IGNORE_CASE);
    }

    protected boolean keyChar(char key, int status, int time) {
        if (key == Characters.BACKSPACE && myFind.getTextLength() == 0) {
            Status.show("Kill kill kill!");
            return true;
        }

        if (myFind.getTextLength() > 0) {
            System.err.println("XXX filter for " + myFind.getText());
        }

        return super.keyChar(key, status, time);
    }

    private class MyListFieldCallback implements ListFieldCallback {

        public void drawListRow(ListField list, Graphics g, int index, int y, int width) {
            Font i = getFont().derive(Font.ITALIC);

            g.setColor(Color.DIMGRAY);
            g.drawLine(0, y-9, width, y-9);
            g.setColor(Color.WHITE);

            if (index < EXTRA_ROWS) {
                g.setFont(i);
                g.drawText("Add Item", 0, y, DrawStyle.ELLIPSIS|DrawStyle.HCENTER, width);
                return;
            } 

            if (myItems.size() == 0) {
                g.setFont(i);
                g.drawText(list.getEmptyString(), 0, y, DrawStyle.ELLIPSIS|DrawStyle.HCENTER, width);
                return;
            }

            MyItem item = (MyItem) myItems.getAt(index - EXTRA_ROWS);
            g.drawText(item.toString(), 0, y, DrawStyle.ELLIPSIS|DrawStyle.HCENTER, width);
        }

        public Object get(ListField list, int index) { 
            return myItems.getAt(index); 
        }

        public int getPreferredWidth(ListField list) { 
            return Display.getWidth(); 
        }

        public int indexOfList(ListField list, String prefix, int start) { 
            return 0; 
        }
    }

    class MyItemList extends SortedReadableList {
        public MyItemList() {
            super(new MyItem.MyComparator());        
        } 

        protected void doAdd(Object obj) {
            super.doAdd(obj);
            myList.setSize(size() + EXTRA_ROWS);  
        }

        protected boolean doRemove(Object obj) {
            // if the list is empty, add 1 row for "* Empty *" string
            int size = (size() == 0 ? EXTRA_ROWS + 1 : size() - 1 + EXTRA_ROWS);
            myList.setSize(size);
            return super.doRemove(obj);        
        }

        protected Object[] getElements() {
            return super.getElements();
        }
    }
}

class MyItem {
    int _num;
    String _name;

    public MyItem(int num, String name) {
        _num = num;
        _name = name;
    }

    public String toString() {
        return _num + ": " + _name;
    }

    static class MyComparator implements Comparator {
        public int compare(Object obj1, Object obj2) {
            MyItem item1 = (MyItem) obj1;
            MyItem item2 = (MyItem) obj2;

            return item1.toString().compareTo(item2.toString());
        }
    }

    static class MyProvider implements KeywordProvider {
        public String[] getKeywords(Object obj) {
            MyItem item = (MyItem) obj;
            return new String[]{ Integer.toString(item._num), item._name };
        }
    }
}

Моя проблема в том, что я не знаю, как добавить фильтрацию.

Например, когда пользователь вводит «E» в myFind, мой код обнаружит это событие в keyChar (), а также я понимаю, что мне придется вызывать myList.setSize (EXTRA_ROWS + 1), потому что будет 1 отфильтрованный результат.

Но как мне отфильтровать элементы, отображаемые myList, как это реализовать?

Может быть, я мог бы использовать BasicFilteredList и его метод

public void addDataSet(int id,
                       Object[] objects,
                       String name,
                       long style)

но я не уверен, как применить это здесь?

UPDATE:

Я добавил BasicFilteredList в свой тестовый код выше, но все еще не уверен, как объединить его с ListField.

Ответы [ 2 ]

2 голосов
/ 18 мая 2011

Я закончил с этим кодом, который, кажется, хорошо работает для меня (за исключением 2 незначительных проблем, перечисленных ниже), и зеленая отметка ответа идет к Майклу Донохью за его ценные предложения.

Я использую 2 вектора: myData и myFilteredData. А для интерфейса я использую ListField и BasicEditField:

list

border.png:

border.png

ЦСИ \ MyPackage \ MyList.java:

package mypackage;

import java.util.*;
import net.rim.device.api.collection.*;
import net.rim.device.api.collection.util.*; 
import net.rim.device.api.system.*;
import net.rim.device.api.ui.*;
import net.rim.device.api.ui.component.*;
import net.rim.device.api.ui.container.*;
import net.rim.device.api.ui.decor.*;
import net.rim.device.api.util.*;


public class MyList extends UiApplication {
    public static void main(String args[]) {
        MyList app = new MyList();
        app.enterEventDispatcher();
    }

    public MyList() {
        pushScreen(new MyScreen());
    }
} 

class MyScreen extends MainScreen {
    static final int EXTRA_ROWS = 3;

    Background myBg = BackgroundFactory.createSolidBackground(0x111111);
    StringProvider myProvider = new StringProvider("Search");
    BasicEditField myFind = new BasicEditField(USE_ALL_WIDTH|TextField.NO_NEWLINE) {
        protected void paint(Graphics g) {
            if (getTextLength() == 0) {
                g.setColor(Color.LIGHTGRAY);
                g.drawText(myProvider.toString(), 0, 0);
            }

            g.setColor(Color.BLACK);
            super.paint(g);
        }

        protected void update(int delta) {
            filterData(getText());
        }
    };

    Vector myData = new Vector();
    final static SimpleSortingVector myFilteredData = new SimpleSortingVector();

    // add 1 row for the "* Empty *" string
    ListField myList = new ListField(EXTRA_ROWS + 1) {
        protected boolean navigationClick(int status, int time) {
            int index = getSelectedIndex();
            if (index >= EXTRA_ROWS && myFilteredData.size() > 0) {
                String str = ((MyItem) myFilteredData.elementAt(index - EXTRA_ROWS)).toString();
                Status.show("You have clicked - " + str);
            }
            return true;
        }
    };

    Border myBorder = BorderFactory.createBitmapBorder(
        new XYEdges(12, 12, 12, 12),
        Bitmap.getBitmapResource("border.png"));

    public MyScreen() {
        getMainManager().setBackground(myBg);

        myFind.setBorder(myBorder);
        setTitle(myFind);

        myData.addElement(new MyItem(1, "Eins"));
        myData.addElement(new MyItem(2, "Zwei"));
        myData.addElement(new MyItem(3, "Drei"));
        myData.addElement(new MyItem(4, "Vier"));

        myFilteredData.setSortComparator(new MyItem.MyComparator());
        filterData("");

        myList.setCallback(new MyListFieldCallback());
        add(myList);
    }

    private void filterData(String prefix) {
        myFilteredData.removeAllElements();
        if (prefix == null || prefix.length() == 0) {
            // no prefix specified - copy everything
            for (int i = myData.size() - 1; i >= 0; i--) {
                MyItem item = (MyItem) myData.elementAt(i);
                myFilteredData.addElement(item);
            }
        } else {
            // copy only strings starting with prefix
            for (int i = myData.size() - 1; i >= 0; i--) {
                MyItem item = (MyItem) myData.elementAt(i);
                String name = item.name.toLowerCase();

                if (name.startsWith(prefix.toLowerCase())) {
                    myFilteredData.addElement(item);
                }
            }
        }
        myFilteredData.reSort();

        // if the list is empty, add 1 row for "* Empty *" string
        int size = (myFilteredData.size() == 0 ? EXTRA_ROWS + 1 : myFilteredData.size() + EXTRA_ROWS);
        myList.setSize(size);
    }

    protected boolean keyChar(char key, int status, int time) {
        if (key == Characters.BACKSPACE && myFind.getTextLength() == 0) {
            int index = myList.getSelectedIndex();
            if (index >= EXTRA_ROWS && myFilteredData.size() > 0) {
                String str = ((MyItem) myFilteredData.elementAt(index - EXTRA_ROWS)).toString();
                Status.show("You're deleting - " + str);
            }
            return true;
        }

        return super.keyChar(key, status, time);
    }

    static class MyListFieldCallback implements ListFieldCallback {
        public void drawListRow(ListField list, Graphics g, int index, int y, int width) {
            Font i = g.getFont().derive(Font.ITALIC);

            g.setColor(Color.DIMGRAY);
            g.drawLine(0, y-9, width, y-9);
            g.setColor(Color.WHITE);

            if (index < EXTRA_ROWS) {
                g.setFont(i);
                g.drawText("Add Item", 0, y, DrawStyle.ELLIPSIS|DrawStyle.HCENTER, width);
                return;
            } 

            if (myFilteredData.size() == 0) {
                g.setFont(i);
                g.drawText(list.getEmptyString(), 0, y, DrawStyle.ELLIPSIS|DrawStyle.HCENTER, width);
                return;
            }

            MyItem item = (MyItem) myFilteredData.elementAt(index - EXTRA_ROWS);
            g.drawText(item.toString(), 0, y, DrawStyle.ELLIPSIS|DrawStyle.HCENTER, width);
        }

        public Object get(ListField list, int index) { 
            return myFilteredData.elementAt(index); 
        }

        public int getPreferredWidth(ListField list) { 
            return Display.getWidth(); 
        }

        public int indexOfList(ListField list, String prefix, int start) { 
            return myFilteredData.indexOf(prefix, start);
        }
    }
}

class MyItem {
    int num;
    String name;

    public MyItem(int num, String name) {
        this.num = num;
        this.name = name;
    }

    public String toString() {
        return num + ": " + name;
    }

    static class MyComparator implements Comparator {
        public int compare(Object obj1, Object obj2) {
            MyItem item1 = (MyItem) obj1;
            MyItem item2 = (MyItem) obj2;

            String name1 = item1.toString().toLowerCase();
            String name2 = item2.toString().toLowerCase();

            return name1.compareTo(name2);
        }
    }
}

Мои незначительные проблемы:

  1. Почему мне нужно вычесть 9 в drawListRow (), чтобы нарисовать линии?
  2. Почему каретка исчезает в BasicEditField после ее использования?

screenshot

2 голосов
/ 17 мая 2011

Вы должны где-то выполнить фильтрацию в коде, а затем сохранить результат.Переопределите myFind.update (int), чтобы запустить фильтрацию при изменении текста фильтрации.В дополнение к myItems вам необходимо хранить myFilteredItems.После фильтрации вызовите setSize () в поле списка.Код рисования списка полей также необходимо извлечь из отфильтрованной коллекции.Тогда вы должны быть установлены.

...