How to insert a background image in VGroup in Flex Mobile

I want to insert a background image for the VGroup. Help out me. I'm new to Flex!

I use this code in the Flex Mobile Application *.

< s:VGroup height = "100%" width = "100%".

paddingTop = "10" paddingBottom = "10" paddingLeft = "10" paddingRight = "10" >

< s:List id = "homeList" height = "100%".

labelField = "title".

dataProvider = "{Homearticles}" >

< s:layout >

< s:TileLayout requestedColumnCount = '1 '.

verticalGap = "5" / >

< / s:layout >

< s:itemRenderer >

< fx:Component >

< s:ItemRenderer >

< s:VGroup >

< s:BitmapImage source = "{data.source}" / >

< s:Label text = "{data.title}" / > "

< / s:VGroup >

< / s:ItemRenderer >

< / fx:Component >

< / s:itemRenderer >

< / s:List >

< / s:VGroup >

I don't think that you can add a background image to a VGroup directly, or VGroup can be skinned.

As much as I know there are probably 2 solutions

(1) use a SkinnableContainer skin rather the container to have a background image and set its layout to VerticalLayout

(2) place the VGroup one group with a BasicLayout. You can then add a background image for the Group and the overlay VGroup

Tags: Flex

Similar Questions

  • Failed to insert a background image in a changeable ID style

    I use Dreamweaver CS4. I can't insert a background image into an editable region in a Style ID

    The message I get "this change should change the code which is locked by a model or a translator. The changes will be ignored.

    Can someone tell me how to unlock the background image. I can display text without a problem.

    Thank you

    Jim

    I need to put a different background image into the #banner in each page based on the template.

    Open each page.  On each page, you can change this.

    on this subject.

    Save and close the page.  You will now have a different background image on each of these pages.

  • How to set the background image on my request.

    Hi all

    I use jdev 11.1.2.4.0 version

    use case: I create mobile applications and using the skin by default 'mobileFusionFx '.

    so when I run application there show black screen as a background image on my application

    My question is how to change the background image.

    Thank you

    Manish

    Resources of the Application open-> descriptors-> ADF META - INF-> adfmf-config. XML

    Check the family skin it and use in the skin of skin-addition id attribute.

    With this way automatically all your pages will use the same background image.

    In addition, background - image: url("images/back.png");    ---> It denotes that this images folder is inside the css file. If the pictures folder is a brother to css file, use

    background-image: url("..) (' / images/back.png ');

  • How to set the background image in the window title?

    Hello

    I am a beginner in flex. I use Flex 4.

    Can someone give me some advice on how to set the background image in the title window?

    Is it possible to do?

    Thank you.

    Hello

    Check the code in the example below


    http://ns.Adobe.com/MXML/2009.
    xmlns:s = "library://ns.adobe.com/flex/spark".
    xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955" = "600" minHeight >
       
           
       

       
    @namespace s "library://ns.adobe.com/flex/spark";
    @namespace mx "library://ns.adobe.com/flex/mx";

    s | {BorderContainer
    background - image: embed(source="image/wheres_the_green_rez.jpg");
    background-image-fill-mode: clip;
    }


       
           
       

    Kind regards

    Anitha

  • How to set a background image

    HY guys, I'm trying to set a background image on a Blackberry screen. I used this code, but the image dousen can't cover the full screen. Can someone me say what the problem is, or give me an example of how's done it? package mypackage;

    SerializableAttribute public class BackgroundImage extends UiApplication
    {
    Imagearriereplan private bitmap;
    fieldBitmap private bitmap;
        
    Public Shared Sub main (String [] args)
    {
    BackgroundImage PAP = new BackgroundImage();
    theApp.enterEventDispatcher ();
    }
        
    public BackgroundImage()
    {
    The background image.
    Imagearriereplan = Bitmap.getBitmapResource ("loginBackground.png");
            
    Display display = new MainScreen();
            
    HorizontalFieldManager horizontalFieldManager = HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH | nouveau HorizontalFieldManager.USE_ALL_HEIGHT) {}
                
    Override the paint method to draw the background image.
    public void paint (Graphics graphics)
    {
    Draw the background image, then paint.
    graphics.drawBitmap (0, 0, 240, 240, Imagearriereplan, 0, 0);
    Super.Paint (Graphics);
    }
                
    };
            
    The LabelField will be visible through the transparent image.
    LabelField labelField is new LabelField ("is a label");.
            
    A bitmap with a transparent image field.
    The background image will be visible through the transparent BitMapField image.
    BitmapField bitmapField = new BitmapField (Bitmap.getBitmapResource ("field.png"));

    Add the handler to the screen.
    mainScreen.add (horizontalFieldManager);
            
    Add the fields to the Manager.
    horizontalFieldManager.add (labelField);
    horizontalFieldManager.add (bitmapField);
            
    Tap on the screen.
    pushScreen (mainScreen);
    }
    }

    Thanks in advance

    You can scale the image with EncodedImage, but it is usually best to use an image with a sufficient size

  • How to add the background image to the screen

    Hi all

    I want to add the background image to the main screen how can I do it.

    On the main screen, I used

    -a manager of HorizontalFieldManagerField to view the bitmapField (horizontally).

    -a manager of VerticalFieldManagerField to view the bitmapField (vertically).

    already images of display screen (bitmap field) with Horizontal and Vertical Manager, but I also want to display the background image for the screen, how can I reach this help me please.

    Concerning

    Adkins

    Thanks for all the response, I tried and sloved logic here how I did

     VerticalFieldManager mainVerticalManager = new VerticalFieldManager(Manager.NON_FOCUSABLE|Manager.NO_HORIZONTAL_SCROLL|Manager.NO_VERTICAL_SCROLL){
                protected void paintBackground(Graphics graphics)
             {  
    
             }
             protected void sublayout( int maxWidth, int maxHeight )
             {
    
             }
            };
    
    then i added other to manager on to this
    

    My problem is sloved thank you for the reply

  • How to change the background image in a model.

    I have Startboot Business Casual open in DW.  It has a brick background.  I want to replace it with a few trees and clouds.  I did a picture of decent size and I've replaced the image, bg.jpg in files, but nothing has changed.  Do I have to change the code?  And if so, how?  Or should I remove the background image for each page and then replace it with the new image?

    Did you do a refresh of the page? You are testing in a real browser?

    Nancy O.

  • I have photoshop 7. How can I change background images?

    I have photoshop 7 I want to change the background images. can someone pls tell me the step by step process how to do this?

    In fact, I'm running a niche entertainment site: Movies of Punjabi and I want to learn this function because I want to download wallpapers HD in my site.

    Hi jagjeets,

    Please see the tutorial below.

    How to change the background of the Photo in Photoshop - YouTube

    How to change the background of a Photo in Photoshop

    Let us know if that helps.

    Kind regards

    Mohit

  • How to add a background image in a slidehsow yet?

    How can I add a background image in a slidehsow yet? Currently, the slide show has a black background and I wish I could change that to an image.

    You can always start first (or Photoshop) and create images with any background you choose...

  • How to set a background image in javafx?

    Hello world

    I draw FXML GUI, it includes labels and ProgressBar, load it into JavaFX, it is a code snippet.

    root = FXMLLoader.load (getClass () .getResource ("StartMenuFXML.fxml"));

    Label1 = (label) root. Lookup ("#label");

    Label2 = (label) root. Lookup ("#label");

    progressBar = (ProgressBar) root.lookup ("#ProgressBar");

    scene = new Scene (root, 600, 400);

    stage.setTitle ('start progress");

    Progress p = new Progress();

    p.Start ();

    stage.setScene (scene);

    internship. Show();

    I need to add a background image, so I add the declarations:

    Component GridPane = new GridPane();

    pane.setTitle ("background - fx - image: url ('image1.jpg')");

    and change: scene = new Scene(pane,600,400);

    It can display the background image, but I don't know how to display tags and ProgressBar on the background image.

    Give me a good resolution, please!

    Thank you very much!

    Just do

    root.setStyle("-fx-background-image: url('image1.jpg')");
    

    and use your new Scene call (...) original.

  • How to make a background image fixed in Dreamweaver CM³

    I'm doing my fixed background image then when I scroll in Dreamweaver CC it remains completely, could someone please tell me how to do this?

    You cannot omit semicolons

    background-attachment: fixed

  • How can stretch a background image for the label?

    Hi all
    How can I stretch a background image in a label?
     public void start(final Stage primaryStage) {
                 final Label lbTest = new Label("My Test Label");
                 lbTest.setAlignment(Pos.CENTER);
                 lbTest.setTextAlignment(TextAlignment.CENTER);
                 lbTest.setStyle("-fx-background-color:red;-fx-background-repeat:stretch;-fx-background-position:center top;-fx-background-image:url(\"http://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/BlueMarble-2001-2002.jpg/640px-BlueMarble-2001-2002.jpg\");");
                 final HBox hbox = new HBox();
                 hbox.setId("MyRootPane");
                 Button btnLeft=new Button("Left Button");
                 Button btnRight=new Button("Right Button");
                 hbox.getChildren().addAll(btnLeft,lbTest,btnRight);
                 final StackPane layout = new StackPane();
                 layout.getChildren().add(hbox);
                 Scene scene = new Scene(layout, 600, 320);
                 lbTest.prefWidthProperty().bind(scene.widthProperty());
                 lbTest.prefHeightProperty().bind(scene.heightProperty());
                 primaryStage.setScene(scene);
                 primaryStage.show();
        }
    This code does not work, if I deleted css - fx-background-repeat: stretching; the tense but background image he repeated, I want to leave the background image stretched and not repeated, it can be extended with the window resizing automatically.

    Try - fx-background-size: stretch;

  • How to get the background image to fill the browser and stay fixed in IE and Firefox?

    Basically what it says in the title. I came very close to achieve, but something comes to Moor in the html and css code...

    First of all, I use the latest version of Firefox and IE8 to test this situation.

    I used 2 sources of information to get this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and ) 2 http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesn ' t-make-image-co-ver-vertical


    In 1 case , the example of the called page CSS-Only Technique #1 gives the code that works almost perfectly for me, except that obviously I need to a background image, but the CSS provided ago obviously just for an image has fallen in the body of a page without taking account of any other content that may already be there. "The html code that I put on the page is simply < img class ="bg"src ="... / pictures/background_image.jpg "> "

    Of course, I used the CSS code in the example, less the last piece which is "@media screen" etc., which seems irrelevant to me. Of course by replacing the values according to the picture on my page.

    So what happened was that it worked almost as expected in both browsers (which means the image filled both browsers first as it should and also remained fixed when I zoomed in, inside or outside, in each case), except that the picture went on top of the current content that I already there precisely because there isn't a background in this 'technical '. (A note on the side of curious, is that the image didn't turn down content, I expected under normal circumstances, but he went right on top of it so she she hidden (like the z-index).)

    One thing that bothers me in this regard 'technical' is that if you click on view the demo just below the code provided, you will see on the example of work page (bottom of the forest), the image clearly works as a backdrop and the content is fortunately located on top! So I don't know if the person who provides the example was trying to deceive people or what! Or he got lazy and showed another page which did not use the exact code, he has provided. No matter.

    In any case this leaves me with only half-completed work, because I still need a background image that functions as the 'normal image' code provided.

    In 2 cases and on this page, the first example provided gives the CSS for clutter - namely the code in the html {...} part and shows also the same "normal image" code as shown in box 1. In this case however, that the person provide a suggestion, the html and the css is not really properly more Moor some css and html seems a little redundant. So this time, when I used the part "html" in the CSS code (i.e. just the bit that was no longer relevant), I had two different behaviors in each browser and neither of which was quite what I'm looking for. In IE8, initially the page seems well (background fills the page and the content is on top) but when I Zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox, the background image stays fixed, but because the image is initially not the height of the browser I guess the code it extends down (keeping the proportions - so the image enlarges essentially) to fill it. The fast way to get around it is probably add white space at the bottom of the image just to give it sufficient height is not extensible / resize automatically. But it would be nice to know at least how to work around this problem in the code. Overall, I would say that the result in Firefox is closest to the desired solution, but of course it is not arranged things with IE8.

    Apologies for the long description, but which should at least provide much info for anyone who might have a possible solution for me. Essentially what would be great is if someone could advise me how to take the code of case 1 and apply it to a piece of 'background' coding as the type that is contained in html {...} in Case 2 . Like I said, it is almost there, but I just can't operate atm after trying to combine different bits of code this way and that... Also, if anyone has another version of html-css that works well to achieve then please by all means of let me know! V thanks a lot in advance!

    It works in modern browsers of the CSS3 support.  But not pre - IE9.

    http://ALT-Web.com/test/resizable-BG.shtml

    Nancy O.

  • How to make the background image for a site

    Hello.

    First of all, thank you for reading this.

    I intend using a gradient image as background on a new site of black on the sides gradiating to blue in the Middle I created in Photoshop. The site is designed for 1024 (955) and upward. How the background image would handle so that no matter what the resolution above 1024, the visitor sees the gradient correctly, which means that Blue will be always exactly in the center of the page and the image not horizontal mosaic? (I don't want to repeat from left to right when the resolution someone is really high)

    I saw a couple of sites that use strong images that seem to stretch the background image according to the resolution, but were not able to understand the CSS code. In my case, I have a single image that has say 5 pixels high, how wide I need for the (reasonable) maximum resolution, and let repeat from top to bottom.

    Thank you.

    MFitz721

    To do what you ask would require CSS3.  This is because that the CSS3 added support for multiple background images.  What you would do, is to set a gradient to the left and the other to the right with a background color that arise in a vacuum.    Basically use you the abbreviation of "substance" and separate the different environments with a comma ","  See this example ( http://www.css3.info/preview/multiple-backgrounds/ ).  I think it's possible the long way as well (for example: position of background, background image, etc.), but you would need to write the values and who is 1 and 2 in order when you do this.

  • How to add a background image to a flash site?

    Hello.

    I created a site in flash to 960 X 600 pixels.

    I have a JPG image I want to use a BG to fill the browser page.

    I can edit the index.html file. Should it be inserted here? the name of the BG is bg.jpg

    Thank you

    Gil.

    Looking for css parameters available for the tag body wrt images...

    Body {margin: 0; padding: 0; overflow: hidden; background-image: url (pathToImageFile.jpg) ;}}

Maybe you are looking for