我将如何在黑莓中制作此类列表？

Question

我想做这种类型的定制列表。

我有那个红色图像&我必须在该红色图像上匹配当前月份接下来的 5 个日期在那附近我想添加四个文本。我随身带着该列表的白色背景图片。 如何在黑莓上做到这一点。请帮助我......

Answer 1

您可以使用“创建自定义列表字段 - 滚动时更改突出显示颜色< /a>”，来自 berrytutorials 博客，了解如何创建 listField 。在drawListRow方法中，您可以获取图形对象并根据需要绘制列表行。

使用graphics.drawText()来绘制文本，graphics.drawBitmap()来绘制图像等。

Answer 2

This was my requirement Hence I did not go for the listField option...
Try it may be helpful..

listVFM = new VerticalFieldManager();

rowHFM = new HorizontalFieldManager[10];

imageBitmapField = new BitmapField[10];

img_bitmap = Bitmap.getBitmapResource("image.png");

descriptionLabel = new LabelField[10];

discountLabel = new LabelField[10];

goButton = new RoundedCustomButtonField[10];

goSelectBitmap = Bitmap.getBitmapResource("btnSelectGo.png");

goUnselectBitmap = Bitmap.getBitmapResource("btnUnselectGo.png");


row_height = 90;

int j=0;

int row_count = 0;

for(int i=0; i<10; i++) {

    rowHFM[row_count] = new HorizontalFieldManager(HorizontalFieldManager.USE_ALL_HEIGHT) {

        protected void sublayout(int maxWidth, int maxHeight) {

            int displayWidth = Display.getWidth();
            int displayHeight = 80;

            super.sublayout( displayWidth, displayHeight);
            setExtent( displayWidth, displayHeight);
        }

    };


    rowHFM[row_count].setPadding(2, 2, 2, 2);

    imageBitmapField[row_count] = new BitmapField(img_bitmap, BitmapField.FIELD_VCENTER | BitmapField.VCENTER |                     BitmapField.USE_ALL_HEIGHT) {

        protected void layout(int maxWidth, int maxHeight)
        {
            int displayWidth = 85;
            int displayHeight = 70;

            super.layout( displayWidth, displayHeight);
            setExtent( displayWidth, displayHeight);
        }   
    };

    imageBitmapField[row_count].setPadding(0,0,0,4);


    descriptionLabel[row_count] = new LabelField("Description.....") {

        protected void layout(int maxWidth, int maxHeight) {

            int displayWidth = (int)(Display.getWidth()/2.6);
            int displayHeight = maxHeight;

            super.layout( displayWidth, displayHeight);
            setExtent( displayWidth, displayHeight);
        }   

    };


    descriptionLabel[row_count].setPadding(5,0,0,2);

    discountLabel[row_count] = new LabelField(discountRate + "%") {

        protected void layout(int maxWidth, int maxHeight) {

            int displayWidth = (int)(Display.getWidth()/4.8);
            int displayHeight = maxHeight;

            super.layout( displayWidth, displayHeight);
            setExtent( displayWidth, displayHeight);
        }   

    };


    discountLabel[row_count].setPadding(5,0,0,2);

    goButton[row_count] = new CustomButtonField("go",goSelectBitmap ,goUnselectBitmap, Field.FIELD_VCENTER              |Field.USE_ALL_HEIGHT);



    goButton[row_count].setPadding(0,0,0,2);

    goButton[row_count].setChangeListener(new FieldChangeListener() {

        public void fieldChanged(Field field, int context) {

            //code....
        }

    });

    rowHFM[row_count].add(imageBitmapField[row_count]);

    rowHFM[row_count].add(descriptionLabel[row_count]);

    rowHFM[row_count].add(discountLabel[row_count]);

    rowHFM[row_count].add(goButton[row_count]);

    listVFM.add(rowHFM[row_count]);

    row_count++;

}