0

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

我正在使用此处发布的源代码：Blackberry Tablemodel get 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 作为 headerfield 并没有实现它的焦点绘制。因此，只有“子字段”才能获得焦点。

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

4

1 回答 1

1

因此，我没有时间完全集成您的新代码示例，其中包含我没有的数据模型代码，并且DataTemplate 似乎为BitmapField. 希望您可以调整我必须重新整合这些更改的内容。

我确信有不止一种方法可以做到这一点，而且我并没有声称这种方法是最高性能的。但是，它似乎像您所期望的那样吸引了焦点，而当它正下方的行被聚焦时，分隔行没有被突出显示。

我所做的是放弃使用多个区域的概念，只是将我的数据模板制作为 1 行 1 列。如果需要，您可以将其设为 1 行 x 2 列，其中我未显示的列是BitmapField.

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

然后，我将TableController焦点策略更改为FIELD_FOCUS, not ROW_FOCUS。VerticalFieldManager当我们位于新组/类别的第一行时，这允许焦点被,。但是，在该经理内部，只有实际的产品行是可聚焦的。分隔行不可聚焦，因此不会以焦点绘制。

这是更改的代码。其余部分与我给您的上一个示例相同：

  _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子类，然后就像列表一样，需要一些自定义滚动处理......如果我明天有时间，我会尝试添加它。

一步一步，虽然...

于 2012-07-25T07:57:34.793 回答