Blackberry:正确绘制TableModel焦点

时间:2012-07-20 09:35:43

标签: blackberry focus tablemodel

我需要帮助正确绘制所选行的焦点。 目前,如果我选择类别的第一项,则分隔符也会突出显示。那么如何实现我的自定义焦点绘图,以便只有所选行聚焦/突出显示?

我正在使用此处发布的源代码:Blackberry Tablemodel gets messed up when scrolling

我正在使用RIM和JRE 7.0.0的Eclipse IDE

public class ProductsScreen extends MainScreen
{
private TableModel _tableModel;

private static final int ROW_HEIGHT = 40;

public ProductsScreen(MainCategory mc)
{
    super(Manager.NO_VERTICAL_SCROLL | Manager.HORIZONTAL_SCROLL);

    DBManager dbman = DBManager.getInstance();
    AllProductByCategory[] products = null;

    try {
            products = dbman.getProducts(mc.getID().intValue());
    } catch (DatabaseException e) {
        System.out.println(e.getMessage());
        e.printStackTrace();
    } catch (RemoteException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }

    setTitle(mc.getName());

    _tableModel = new TableModel();//(StringComparator.getInstance(true), 0);

    if(products != null)
    {
        for(int i = 0; i < products.length; i++)
        {
            ViewableData[] data = products[i].getData().getViewableData();
            for(int j = 0; j < data.length; j++)
            {
                _tableModel.addRow(new Object[] {products[i].getCategoryName(), data[j].getTitle2()});
            }
        }
    }

    RegionStyles style = new RegionStyles(BorderFactory.createSimpleBorder(new XYEdges(1, 1, 1, 1), Border.STYLE_SOLID), null, null,
        null, RegionStyles.ALIGN_LEFT, RegionStyles.ALIGN_TOP);

    TableView tableView = new TableView(_tableModel);
    final TableController tableController = new TableController(_tableModel, tableView);

    tableController.setFocusPolicy(TableController.ROW_FOCUS);

    tableController.setCommand(new Command(new CommandHandler()
    {
        public void execute(ReadOnlyCommandMetadata metadata, Object context)
        {
        }
    }));

    tableView.setController(tableController);

    DataTemplate dataTemplate = new DataTemplate(tableView, 2, 2)
    {
       public Field[] getDataFields(int modelRowIndex)
       {
          final Object[] data = (Object[]) _tableModel.getRow(modelRowIndex);

          Field[] fields = new Field[3];
          String rowGroup = (String)data[0];
          // we're in a new group if this is the very first row, or if this row's
          //  data[0] value is different from the last row's data[0] value
          boolean isNewGroup = (modelRowIndex == 0) || 
                (rowGroup.compareTo((String) ((Object[])_tableModel.getRow(modelRowIndex - 1))[0]) != 0);
          if (isNewGroup) {
             // make a separator row
             fields[0] = new HeaderField((String)data[0], 
                            Field.USE_ALL_WIDTH | Field.NON_FOCUSABLE);
          } else {
             // this is in the same group as the last product, so don't add anything here
             fields[0] = new NullField();
          }
          // now, add the actual product information
          fields[1] = new LabelField((String)data[1], 
                            Field.USE_ALL_WIDTH | Field.FOCUSABLE | Field.USE_ALL_HEIGHT | DrawStyle.ELLIPSIS);

          fields[2] = new BitmapField(Bitmap.getBitmapResource("img/bullet_arrow_right.png"));

          return fields;
       }
    };

    dataTemplate.createRegion(new XYRect(0, 0, 2, 1)); // group separator (maybe a null field)
    dataTemplate.createRegion(new XYRect(0, 1, 1, 1)); // actual rows with product information
    dataTemplate.createRegion(new XYRect(1, 1, 1, 1));
    dataTemplate.setColumnProperties(0, new TemplateColumnProperties(95, TemplateColumnProperties.PERCENTAGE_WIDTH));
    dataTemplate.setColumnProperties(1, new TemplateColumnProperties(5, TemplateColumnProperties.PERCENTAGE_WIDTH));
    dataTemplate.setRowProperties(0, new TemplateRowProperties(ROW_HEIGHT));   // separator
    dataTemplate.setRowProperties(1, new TemplateRowProperties(ROW_HEIGHT));   // product data
    dataTemplate.useFixedHeight(false);

    tableView.setDataTemplate(dataTemplate);

    add(tableView);
}
}

解: 我能够通过以下方法自行解决问题。 我刚刚添加了一个重写的LabelField作为标题字段,并没有实现其焦点绘图。所以只有“子场”才能得到焦点。

也许有些人会以另一种方式实现它(看看Nate的答案)但它对我有用。

1 个答案:

答案 0 :(得分:1)

所以,我没有时间完全整合您的新代码示例,该示例包含我没有的数据模型代码,并且似乎添加了DataTemplate 对于BitmapField。希望你能够调整我重新整合这些变化的方法。

我确信不止一种方法可以做到这一点,而且我并没有声称这种方法是最高性能的。但是,它似乎按照您的预期绘制焦点,而当直接位于其下的行被聚焦时,分隔符行不会突出显示。

我所做的是放弃使用多个区域的概念,只是将我的数据模板1行1列。如果你愿意,你可以将它排成1行2列,我没有显示的列是BitmapField

但是,我所做的是在每个新组/类别的第一行放置一个VerticalFieldManager。那个VerticalFieldManager然后包含一个分隔符/标题行,一个分隔符字段(只是一条水平线),然后是实际的产品行。如果行是组/类别中的第一行,我只会返回一个简单的Field,而不是VerticalFieldManager,其中包含三个Field个对象。

然后,我将TableController重点政策更改为FIELD_FOCUS,而不是ROW_FOCUS。当我们在新组/类别的第一行时,这允许VerticalFieldManager关注。但是,在该经理内部,只有实际的产品行是可聚焦的。分隔符行不可聚焦,因此不会用焦点绘制。

这是改变的代码。其余部分与in the previous sample I gave you相同:

  _tableController.setFocusPolicy(TableController.FIELD_FOCUS);
  _tableView.setController(_tableController);

  DataTemplate dataTemplate = new DataTemplate(_tableView, 1, 1)   // 1 row now!
  {         
     public Field[] getDataFields(int modelRowIndex)
     {
        final Object[] data = (Object[]) _tableModel.getRow(modelRowIndex);

        String rowGroup = (String)data[0];
        // we're in a new group if this is the very first row, or if this row's data[0] value is
        //  different from the last row's data[0] value
        boolean isNewGroup = (modelRowIndex == 0) || 
              (rowGroup.compareTo((String) ((Object[])_tableModel.getRow(modelRowIndex - 1))[0]) != 0);
        if (isNewGroup) {               
           LabelField header = new LabelField((String)data[0], Field.USE_ALL_WIDTH | Field.NON_FOCUSABLE);
           SeparatorField line = new SeparatorField(Field.USE_ALL_WIDTH) {
              public void paint(Graphics g) {
                 g.setColor(Color.BLACK);
                 super.paint(g);
              }
           };
           LabelField productRow = new LabelField((String)data[1], 
                 Field.USE_ALL_WIDTH | Field.FOCUSABLE | DrawStyle.HCENTER);
           VerticalFieldManager manager = new VerticalFieldManager(Field.USE_ALL_WIDTH | Field.FOCUSABLE | 
                 Manager.NO_VERTICAL_SCROLL | Manager.NO_VERTICAL_SCROLLBAR);
           manager.add(header);
           manager.add(line);
           manager.add(productRow);
           return new Field[] { manager };
        } else {
           return new Field[] { new LabelField((String)data[1], 
                 Field.USE_ALL_WIDTH | Field.FOCUSABLE | DrawStyle.HCENTER) };
        }            
     }
  };

  // create just one region, with one row and one full-width column
  dataTemplate.createRegion(new XYRect(0, 0, 1, 1), _style);    // may be a product row, or a product row + separator
  dataTemplate.setColumnProperties(0, new TemplateColumnProperties(100, TemplateColumnProperties.PERCENTAGE_WIDTH));
  dataTemplate.setRowProperties(0, new TemplateRowProperties(2 * ROW_HEIGHT));       // max height if row + separator

  _tableView.setDataTemplate(dataTemplate);
  dataTemplate.useFixedHeight(false);

当你到达页面底部时,滚动有点好笑,但是我很确定我在构建类似列表之前构建了VerticalFieldManager子类,这需要一些自定义滚动处理。如果我明天有一些时间,我会尝试添加它。

一次一步,但是......