CODEWITHSUNDEEP
blackberry
blue-sky
blue-sky

Reputation: 53806

Background image behind two fields in custom HorizontalFieldManager

Below code defines a horizontal field manager with two fields. How can I amend the code so that the background is just set on the two fields being added not on the whole manager. Note, im not attempting to add an individual background image to each of the fields, instead a shared background image that spans behind the two fields.

 LabelField label = new LabelField("name");

            TextField e = new TextField(Field.FOCUSABLE);

            final Bitmap b = Constants.SETTINGS;
            final Background bg = BackgroundFactory.createBitmapBackground(Constants.SETTINGS);

            HorizontalFieldManager manager = new HorizontalFieldManager()
            {
                public void sublayout (int width, int height)
                {

                    Field field;
                    int x = 0;

                    super.sublayout(b.getWidth(), height);
                    super.setExtent(b.getWidth(), height);
                    for (int i = 0; i < getFieldCount(); i++)
                    {
                        field = getField(i);
                        layoutChild(field, Display.getWidth()/2, height);
                        setPositionChild(field, x, 10);
                        x += Display.getWidth()/2;
                    }
                }
            };
            manager.add (label);
            manager.add (e);
            add (manager);

Image of desired effect

Upvotes: 0

Views: 855

Answers (2)

Dan
Dan

Reputation: 1002

You can offset each of their individual backgrounds with some fancy, expensive Bitmap footwork (math) to appear to "share" one image using setBackGround(), or you can override their draw methods to achieve the same effect with the ability to "move" across the bitmap according to their relative position... That what you're after? :)

edit: create a custom field to use your bitmap and feed it whatever content you would like, then override the paint to draw what you like where you like it...

protected void paint(Graphics g){
    // conditionals, etc 
    g.drawBitmap(x, y, width, height, bitmap, left, top); 
    // color changes, etc 
    g.drawText(yourText); 
    // clean up 
}

Upvotes: 1

jprofitt
jprofitt

Reputation: 10964

Rather than putting them in a custom Manager, it may be easier to just override the Fields' layout() calls to be

protected void layout(int width, int height) {
    super.layout(width, height);
    setExtent(Display.getWidth()/2, this.getHeight());
}

and then you can just use a normal HorizontalFieldManager you can set a background on and a padding (hfm.setPadding(10, 10, 10, 10);). Adding a padding will reduce the available width for your Fields, so you should decrease their widths in the layout() calls.

Upvotes: 1

Related Questions