Dynamic content in scroll pane component

As far as I can see, the contentPath for a scroll pane
component can only point to a movie clip in the library, not to an
instance on stage. Does this mean that the content can only be
something created during authoring with no possibility of modifying
it in Actionscript?

No, I had no reply and eventually wrote my own scroll pane
solution which allows me to directly modify the pane's content with
ActionScript and update the scroll bar to reflect any change in the
content's size. I'm puzzled by the help file's example in
ScrollPane.refreshPane() because it describes a senario where:
"for example, you've loaded a form into a scroll pane and an
input property (for example, a text field) has been changed by
ActionScript. In this case, you would call refreshPane() to reload
the same form with the new values for the input properties."
Which implies that you can use ActionScript to change the
content then reload it. The help file on ScrollPane.contentPath is
not very clear about what content can be used but appears to say
that the only content types allowed are: a SWF or JPEG loaded via
its URL or a symbol in the current library. I don't see how you
could use ActionScript to change any of these. I've tried
specifying an on-stage instance as the content but that
fails.

Similar Messages

Turn off scroll pane component

have scroll pane component applied to an image within a movieclip timeline. after clicking to the frame with the scroll pane, every frame thereafter has the scroll pane image in the background.

hi kglad
tried the empty keyframes (both main timeline and actionscript code). tried the removeChild ("removeChild(sp);"), but new to actionscript, so perhaps not correctly. looking up removeListeners (but didn't register a listener in the scrollpane script--registered listeners within main timeline, but this scrollpane AS is within a movieclip timeline). looked up null and that said it was only available in AS1. in AS3, flash6, windows if it helps. everything else is working correctly.
thanks

Controlling movieclip playback in Scroll Pane Component

Hi all,
In a CBT Cafe Tutorial (
http://www.cbtcafe.com/index.htm)
Flash Scrollpane Component & Load Movie Video Tutorial,
there is a controler at the bottom of the Flash Movie to Stop,
Start, Pause and Play the content. I would like to know how this is
done.

No, I had no reply and eventually wrote my own scroll pane
solution which allows me to directly modify the pane's content with
ActionScript and update the scroll bar to reflect any change in the
content's size. I'm puzzled by the help file's example in
ScrollPane.refreshPane() because it describes a senario where:
"for example, you've loaded a form into a scroll pane and an
input property (for example, a text field) has been changed by
ActionScript. In this case, you would call refreshPane() to reload
the same form with the new values for the input properties."
Which implies that you can use ActionScript to change the
content then reload it. The help file on ScrollPane.contentPath is
not very clear about what content can be used but appears to say
that the only content types allowed are: a SWF or JPEG loaded via
its URL or a symbol in the current library. I don't see how you
could use ActionScript to change any of these. I've tried
specifying an on-stage instance as the content but that
fails.

Turn off scroll pane component pt2

hello kglad
sorry, responded by email and it left off message. i guess my answer would be by code, but dragged from component panel. one unprofessional, uneducated workaround was putting a black box behind the text/graphics in other frames so it would cover up the scroll pane that doesn't go away.
on previous thread you asked...
are you adding your scrollpane with code? if yes, remove it (removeChild, remove listeners and null it) with code. if no, add an empty keyframe in the scollpane's layer after the keyframe where it's added.
below is the code followed by what's resulting after clicking the "next" button

attached to your next listener use:
removeChild(sp);
sp=null;

Scroll pane component

Greetings All,
Is it possible to have more than one pic in the content path
field? Say for example, i have several pics i want on the scroll
pane. pic1.gif, pic2.gif, pic3.gif. Do i have to put them all in 1
movie clip?

do you mean to display the pics one by one for all together?
if one by one, you can use actionscript to change the value
of content path,
if all together, yes you need to put them in movieclip
:-)

Alternative scrollpane to load dynamic content

I'm trying to load jpgs to my scrollpane dynamically. I
noticed the compiled scrollpane component in flash 8 is very large
in size (> 130kb) which i cannot afford to use. Instead I'm
using the flash 6 scrollpane which is not precompiled and only
several kbs after compiling to swf. However, I have problem
rendering loaded dynamic contents onto the pane. The first load
after starting flash 8 was always successful. After that, it fails.
In case anyone's interested, I have simple test code to demonstrate
the problem, and have uploaded it to
http://www.filesend.net/download.php?f=1c5d80093f0b68cdcf7fe4cca0e0c923
(you'll need to wait for 10 secs before the download button appears
on that linked page)
I'm just wondering what is the best choice of a small size
scrollpane that handles dynanimic MovieClip.loadMovie() well. Any
suggestions?

i just found out that scrollpane component is not that huge
(only 38kb). Does anyone know why when I add it to my project my
swf increases by 130kb?

New to Applets: Problems wiht writing to files and with scroll panes.

Hi, I've recently graduated from university and so I have limited experience in java programming and I'm having some trouble with JApplets (this is the first time I've made one). I'm trying to make a simple program that will allow users to pick one of a few background images from a list (a list of jpanels within a scroll pane) then at the click of a button will output a CSS with the background tag set to the image location. This is for use on a microsoft sharepoint site where each user has a My-Sit area which I want to be customizable.
So far I've been creating this program as an application rather than a JApplet and just having another class that extends the JApplet Class which then displays the JFrame from the GUI Class. This initially didnt work because I was trying to add a window to a container so I kept programming it as an application until I got it working before trying to convert it to a JApplet. I solved the previous problem by changing my GUI class to extend JPanel instead of JFrame and it now displays correctly but with a coupe of issues.
Firstly the applet will not create/write to the CSS file. I read that applets couldnt read/write to the users file system but they could to their own. The file I wish to write to is kept on the same machine as the applet so I'm not sure why this isn't working.
Secondly the scroll panel is no longer working properly. This worked fine when I was still running the program as an application when the GUI still extended JFrame instead of JPanel (incidentally the program no longer runs as an application in this state) but now the scroll bar does not appear. This is a problem since I want the applet to remain the same size on the page even if I decide to add more backgrounds to the list. I tried setting the applet height/width to smaller values in the html file to see if the scroll bar would appear if the area was smaller than the GUI should be, but this just meant the bottom off the applet was cut off.
Could anyone offer any suggestion as to why these thigns arnt working and how to fix them? If necessary I can post my source code here. Thanks in advance.

Ok, well my program is made up of 4 classes, I hope this isnt too much to be posting. If any explaination is needed then I'll post that next. Theres lots of print lines scattered aroudn due to me trying to fix this and theres some stuff commented out from when the program used to be an application isntead of an applet.
GUI Class, this was the main class until I made a JApplet Class
public class AppletGUI extends JPanel{
    *GUI Components*
    //JFrames
    JFrame mainGUIFrame = new JFrame();
    JFrame changeBackgroundFrame = new JFrame();
    //JPanels (Sub-panels are indented)
    JPanel changeBackgroundJP = new JPanel(new BorderLayout());
        JPanel changeBackgroundBottomJP = new JPanel(new GridLayout(1,2));
    JPanel backgroundJP = new JPanel(new GridLayout(1,2));
    JPanel selectBackground = new JPanel(new GridLayout(1,2));
    //Jbuttons
    JButton changeBackgroundJB = new JButton("Change Background");
    JButton defaultStyleJB = new JButton("Reset Style");
    //JLabels
    JLabel changeBackgroundJL = new JLabel("Choose a Background from the Menu");
    JLabel backgroundJL = new JLabel();
    //JScrollPane
    JScrollPane backgroundList = new JScrollPane();
        JPanel backgroundListPanel = new JPanel(new GridLayout());
    //Action Listeners
    ButtonListener bttnLstnr = new ButtonListener();
    //Controllers
    CSSGenerator cssGenerator = new CSSGenerator();
    Backgrounds backgroundsController = new Backgrounds();
    backgroundMouseListener bgMouseListener = new backgroundMouseListener();
    //Flags
    Component selectedComponent = null;
    *Colour Changer*
    //this method is used to change the colour of a selected JP
    //selected JPs have their background darkered and when a
    //different JP is selected the previously seleced JP has its
    //colour changed back to it's original.
    public void changeColour(JPanel theJPanel, boolean isDarker){
    //set selected JP to a different colour
    Color tempColor = theJPanel.getBackground();
        if(isDarker){
            tempColor = tempColor.darker();
        else{
            tempColor = tempColor.brighter();
        theJPanel.setBackground(tempColor);
     //also find any sub-JPs and change their colour to match
     int j = theJPanel.getComponents().length;
     for(int i = 0; i < j; i++){
            String componentType = theJPanel.getComponent(i).getClass().getSimpleName();
            if(componentType.equals("JPanel")){
                theJPanel.getComponent(i).setBackground(tempColor);
    *Populating the GUI*
    //backgroundList.add();
    //Populating the Backgrounds List
    *Set Component Size Method*
    public void setComponentSize(Component component, int width, int height){
    Dimension tempSize = new Dimension(width, height);
    component.setSize(tempSize);
    component.setMinimumSize(tempSize);
    component.setPreferredSize(tempSize);
    component.setMaximumSize(tempSize);
    *Constructor*
    public AppletGUI() {
        //REMOVED CODE
        //AppletGUI.setDefaultLookAndFeelDecorated(true);
        //Component Sizes
        //setComponentSize
        //Adding Action Listeners to Components
        System.out.println("adding actions listeners to components");
        changeBackgroundJB.addActionListener(bttnLstnr);
        defaultStyleJB.addActionListener(bttnLstnr);
        //Populating the Change Background Menu
        System.out.println("Populating the window");
        backgroundsController.populateBackgroundsData();
        backgroundsController.populateBackgroundsList();
        //loops to add background panels to the JSP
        ArrayList<JPanel> tempBackgroundsList = new ArrayList<JPanel>();
        JPanel tempBGJP = new JPanel();
        tempBackgroundsList = backgroundsController.getBackgroundsList();
        int j = tempBackgroundsList.size();
        JPanel backgroundListPanel = new JPanel(new GridLayout(j,1));
        for(int i = 0; i < j; i++){
            tempBGJP = tempBackgroundsList.get(i);
            System.out.println("Adding to the JSP: " + tempBGJP.getName());
            //Add Mouse Listener
            tempBGJP.addMouseListener(bgMouseListener);
            backgroundListPanel.add(tempBGJP, i);
        //set viewpoing
        backgroundList.setViewportView(backgroundListPanel);
        /*TESTING
        System.out.println("\n\n TESTING!\n Printing Content of SCROLL PANE \n");
        j = tempBackgroundsList.size();
        for(int i = 0; i < j; i++){
            System.out.println(backgroundList.getComponent(i).getName());
        changeBackgroundJP.add(changeBackgroundJL, BorderLayout.NORTH);
        changeBackgroundJP.add(backgroundList, BorderLayout.CENTER);
        //changeBackgroundJP.add(tempBGJP, BorderLayout.CENTER);
        changeBackgroundJP.add(changeBackgroundBottomJP, BorderLayout.SOUTH);
        changeBackgroundBottomJP.add(changeBackgroundJB);
        changeBackgroundBottomJP.add(defaultStyleJB);
        System.out.println("Finsihed populating");
        //REMOVED CODE
        //adding the Background Menu to the GUI and settign the GUI options
        //AppletGUI.setDefaultLookAndFeelDecorated(true);
        //this.setResizable(true);
        //this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setLocation(500,500);
        this.setSize(400,300);
        this.add(changeBackgroundJP);
    //REMOVED CODE
     *Main Method*
    public static void main(String[] args){
       System.out.println("Creating GUI");
       AppletGUI theGUI = new AppletGUI();
       theGUI.setVisible(true);
       System.out.println("GUI Displayed");
     *Button Listener Inner Class*
    public class ButtonListener implements ActionListener{
        //check which button is clicked
        public void actionPerformed(ActionEvent event) {
            AbstractButton theButton = (AbstractButton)event.getSource();
            //Default Style Button
            if(theButton == defaultStyleJB){
                System.out.println("Default Style Button Clicked!");
            //Change Background Button
            if(theButton == changeBackgroundJB){
                System.out.println("Change Background Button Clicked!");
                String backgroundURL = cssGenerator.getBackground();
                if(backgroundURL != ""){
                    cssGenerator.setBackgroundChanged(true);
                    cssGenerator.setBackground(backgroundURL);
                    cssGenerator.outputCSSFile();
                    System.out.println("Backgroudn Changed, CSS File Written");
                else{
                    System.out.println("No Background Selected");
     *Mouse Listener Inner Class*
    public class backgroundMouseListener implements MouseListener{
        public void mouseClicked(MouseEvent e){
            //get component
            JPanel tempBackgroundJP = new JPanel();
            tempBackgroundJP = (JPanel)e.getComponent();
            System.out.println("Background Panel Clicked");
            //change component colour
            if(selectedComponent == null){
                selectedComponent = tempBackgroundJP;
            else{
                changeColour((JPanel)selectedComponent, false);
                selectedComponent = tempBackgroundJP;
            changeColour((JPanel)selectedComponent, true);
            //set background URL
            cssGenerator.setBackground(tempBackgroundJP.getName());
        public void mousePressed(MouseEvent e){
        public void mouseReleased(MouseEvent e){
        public void mouseEntered(MouseEvent e){
        public void mouseExited(MouseEvent e){
}JApplet Class, this is what I plugged the GUI into after I made the change from Application to JApplet.
public class AppletTest extends JApplet{
    public void init() {
        System.out.println("Creating GUI");
        AppletGUI theGUI = new AppletGUI();
        theGUI.setVisible(true);
        Container content = getContentPane();
        content.setBackground(Color.white);
        content.setLayout(new FlowLayout());
        content.add(theGUI);
        AppletGUI theGUI = new AppletGUI();
        theGUI.setVisible(true);
        setContentPane(theGUI);
        System.out.println("GUI Displayed");
    public static void main(String[] args){
        AppletTest at = new AppletTest();
        at.init();
        at.start();
}The CSS Generator Class. This exists because once I have the basic program working I intend to expand upon it and add multiple tabs to the GUI, each one allowing the user to change different style options. Each style option to be changed will be changed wit ha different method in this class.
public class CSSGenerator {
    //Variables
    String background = "";
    ArrayList<String> backgroundCSS;
    //Flags
    boolean backgroundChanged = false;
    //Sets and Gets
    //For Variables
    public void setBackground(String theBackground){
        background = theBackground;
    public String getBackground(){
        return background;
    //For Flags
    public void setBackgroundChanged(boolean isBackgroundChanged){
        backgroundChanged = isBackgroundChanged;
    public boolean getBackgroundChanged(){
        return backgroundChanged;
    //background generator
    public ArrayList<String> backgroundGenerator(String backgroundURL){
        //get the URL for the background
        backgroundURL = background;
        //creat a new array list of strings
        ArrayList<String> backgroundCSS = new ArrayList<String>();
        //add the strings for the background options to the array list
        backgroundCSS.add("body");
        backgroundCSS.add("{");
        backgroundCSS.add("background-image: url(" + backgroundURL + ");");
        backgroundCSS.add("background-color: #ff0000");
        backgroundCSS.add("}");
        return backgroundCSS;
    //Write CSS to File
    public void outputCSSFile(){
        try{
            //Create CSS file
            System.out.print("creating file");
            FileWriter cssWriter = new FileWriter("C:/Documents and Settings/Gwilym/My Documents/Applet Data/CustomStyle.css");
            System.out.print("file created");
            System.out.print("creating buffered writer");
            BufferedWriter out = new BufferedWriter(cssWriter);
            System.out.print("buffered writer created");
            //check which settings have been changed
            //check background flag
            if(getBackgroundChanged() == true){
                System.out.print("retrieving arraylist");
                ArrayList<String> tempBGOptions = backgroundGenerator(getBackground());
                System.out.print("arraylist retrieved");
                int j = tempBGOptions.size();
                for(int i = 0; i < j ; i++){
                    System.out.print("writing to the file");
                    out.write(tempBGOptions.get(i));
                    out.newLine();
                    System.out.print("written to the file");
            out.close();
        }catch (Exception e){//Catch exception if any
            System.out.println("Error: Failed to write CSS file");
    /** Creates a new instance of CSSGenerator */
    public CSSGenerator() {
}The Backgrounds Class. This class exists because I didnt want there to just be a hardcoded lsit of backgrounds, I wanted it to be possible to add new ones to the list without simply lettign users upload their own images (since the intended users are kids and this sharepoint site is used for educational purposes, I dont want them uplaoded inapropraite backgrounds) but I do want the site admin to be able to add more images to the list. for this reason the backgrounds are taken from a list in a text file that will be stored in the same location as the applet, the file specifies the background name, where it is stored, and where a thumbnail image is stored.
public class Backgrounds {
    //Array Lists
    private ArrayList<JPanel> backgroundsList;
    private ArrayList<String> backgroundsData;
    //Set And Get Methods
    public ArrayList getBackgroundsList(){
        return backgroundsList;
    //ArrayList Population Methods
    public void populateBackgroundsData(){
        //decalre the input streams and create a new fiel hat points to the BackgroundsData file
        File backgroundsDataFile = new File("C:/Documents and Settings/Gwilym/My Documents/Applet Data/BackgroundsData.txt");
        FileInputStream backgroundsFIS = null;
        BufferedInputStream backgroundsBIS = null;
        DataInputStream backgroundsDIS = null;
        try {
            backgroundsFIS = new FileInputStream(backgroundsDataFile);
            backgroundsBIS = new BufferedInputStream(backgroundsFIS);
            backgroundsDIS = new DataInputStream(backgroundsBIS);
            backgroundsData = new ArrayList<String>();
            String inputtedData = null;
            //loops until it reaches the end of the file
            while (backgroundsDIS.available() != 0) {
                //reads in the data to be stored in an array list
                inputtedData = backgroundsDIS.readLine();
                backgroundsData.add(inputtedData);
        //TESTING
        System.out.println("\n\nTESTING: populateBackgroundsData()");
        int j = backgroundsData.size();
        for(int i = 0; i < j; i++){
            System.out.println("Index " + i + " = " + backgroundsData.get(i));
        System.out.println("\n\n");
        //close all stremas
        backgroundsFIS.close();
        backgroundsBIS.close();
        backgroundsDIS.close();
        } catch (FileNotFoundException e) {
            System.out.println("Error: File Not Found");
        } catch (IOException e) {
            System.out.println("Error: IO Exception Thrown");
    public void populateBackgroundsList(){
        backgroundsList = new ArrayList<JPanel>();
        int j = backgroundsData.size();
        System.out.println("number of backgrounds = " + j);
        backgroundsList = new ArrayList<JPanel>();
        for(int i = 0; i < j; i++){
            String tempBackgroundData = backgroundsData.get(i);
            JPanel backgroundJP = new JPanel(new GridLayout(1,2));
            JLabel backgroundNameJL = new JLabel();
            JLabel backgroundIconJL = new JLabel();
            //split the string string and egt the background name and URL
            String[] splitBGData = tempBackgroundData.split(",");
            String backgroundName = splitBGData[0];
            String backgroundURL = splitBGData[1];
            String backgroundIcon = splitBGData[2];
            System.out.println("\nbackgroundName = " + backgroundName);
            System.out.println("\nbackgroundURL = " + backgroundURL);
            System.out.println("\nbackgroundIcon = " + backgroundIcon + "\n");
            backgroundNameJL.setText(backgroundName);
            backgroundIconJL.setIcon(new javax.swing.ImageIcon(backgroundIcon));
            backgroundJP.add(backgroundNameJL);
            backgroundJP.add(backgroundIconJL);
            backgroundJP.setBorder(javax.swing.BorderFactory.createBevelBorder(javax.swing.border.BevelBorder.RAISED));
            //Name the JP as the background URL so it can be found
            //May be useful sicne the data file may need to contain 3 fields in future
            //this is incase the preview image (icon) is different from the acctual background
            //most liekly in the case of more complex ppictures rather then repeating patterns
            backgroundJP.setName(backgroundURL);
            //Add the JP to the Array List
            backgroundsList.add(backgroundJP);
        //TESTING
        System.out.println("\n\nTESTING: populateBackgroundsList()");
        j = backgroundsList.size();
        for(int i = 0; i < j; i++){
            System.out.println("Index " + i + " = " + backgroundsList.get(i));
        System.out.println("\n\n");
}So thats my program so far, if theres anythign that needs clarifying then please jsut ask. Thank you very much for the help!

Scroll pane not working on Intranet

I used scroll pane component from flash mx 2004 professional
. and loaded movie clip in it , when this file run on single
machine with flash player 7 it works properly , but when I put it
on intranet , scrollpane doesn’t work , movie get loaded in
it , but scrollpane is not visible , to work it properly I have to
change Internet explorer setting . In multimedia setting I have to
‘enable don't display online media content in the media bar
‘ this setting , after this scrollpane works properly , is
there any other solution for it . or tell me why its not working
properly , it is problem of Internet explorer version or flash
player version.
please give me a solution for it, its argent ,
i m waiting for replay

I see in a lot of forums from 2004 that this is an issue !
and Macromedia hasnt done anything about it till now is surprising
and frustrating! and no help to solve it either! that is ridiculous
now!
TP

Scroll pane not working in Internet Explorer

hi all,
I have used 'scroll pane' component in flash8 to load
external swf files into the website. Its working fine in firefox
but completely fails in Internet Explorer ! Could anyone help me to
solve this please?
here is the link
http://www.talkingpebbles.com/development/virgincomics/index.html
click
here to see the website under construction
thanks
TP

I see in a lot of forums from 2004 that this is an issue !
and Macromedia hasnt done anything about it till now is surprising
and frustrating! and no help to solve it either! that is ridiculous
now!
TP

How to use scroll pane

Can anyone tell me where a good tutorial might be on flash
components and how to use them.....specifically the scroll pane
component? Ive scanned some flash tutorial sites but havent really
found any that explain how to use the components flash comes with.
Thank you.

Try this tutorial.
http://www.cbtcafe.com/flash/scrollpane/index.html

How to re-position scroll pane contents?

I have a JSplitPane where the top half of the component contains a list of topics and the bottom half contains a scroll pane with a text area inside it. The user clicks a list item and the text for it is shown below it.
The problems is when the text area exceeds the viewable area, the bottom-most portion of the text is shown instead of the top-most portion. In other words, if the text contains 6 lines and the viewable area is 4 lines, I'm seeing lines 3-6 instead of 1-4.
One would think this is a very easy solution, such as:
SplitTextScrollPane.getVerticalScrollBar().setValue(0);
However, that doesn't work (at least not in JDK 1.3.0c). How do you programatically scroll the text back to the top line?
Thank you.

Thanks, that worked.
I'm still a little curious about how to manually control the position of a scrollpane's contents -- for example, when the scroll pane contains things besides a text area (such as a JList or something).

Need help scrolling dynamic content from XML

I am trying to make a photo gallery and I have succeed in
importing the pictures from XML into Flash. There are still two
problems:
1. The content is loading into a movieclip and I tried to
place a scroll pane on the stage to adding scrolling capabilities.
I set the parameters to control the movieclip that holds the
thumbnails but it is not making a scroll bar. I can see the
pictures inside of the scroll pane but it will not scroll to show
the rest of the pictures.
2. I can not figure out how to space the thumbnails evenly. I
made a variable and multiplied the x position of each picture by it
but there are large differences between landscape and portrait
pictures.
Thanks for the help

You need to switch from using loadMovie to using the
MovieClipLoader object. This object has a listener called
"onLoadInit" that allows you to get the size of your photo when it
comes in, but before it appears on stage, so that you can adjust
its placement. Check out the help docs for info on usage.
WL

Scroll pane can't align it's content

When a Node(group fro example) is added into a scroll pane, the scroll pane automatically align the node to the upper left corner of the scroll pane's content area. How can i customize the Node's alignment(the middle center eg) in the scroll pane. When the Node's size is scaled and larger than the scroll pane's size the scroll pane's scroll bar appears, and if the Node's size shrinks and it's size becomes smaller than the scroll pane's then the Node is aligned to the middle center. it seems don't take affect if i override the scroll pane's layoutChildren method and set layoutX and layoutY property of the Node.
If any one can give me some clue?
thanks

ScrollPanes are somewhat tricky to use. They don't align content, you need to use layout managers to do that or you need to layout yourself with shapes in groups using absolute co-ordinates and/or translations. The ScrollPane defines it's own viewport related coordinates and you need to layout your content within that viewport.
How can i customize the Node's alignment(the middle center eg) in the scroll pane.Get the layoutBoundsInParent of the node, get the viewportBounds of the scrollpane and perform the translation of the node such that the center of the node is in the center of the viewportBounds (will require a little bit of basic maths to do this) by adding listeners on each property.
When the Node's size is scaled and larger than the scroll pane's size the scroll pane's scroll bar appears, and if the Node's size shrinks and it's size becomes smaller than the scroll pane's then the Node is aligned to the middle center.Similar to above, just work with those properties.
Not exactly a direct answer to your question, but you could try playing around with the following code if you like Saludon. It is something I wrote to learn about JavaFX's layoutbounds system. Resizing the scene and toggling items on and off will allow you to see the scroll pane. The view bounds listeners show you the properties you are interested in to achieve the effect you want.
import javafx.application.Application;
import javafx.beans.value.*;
import javafx.event.*;
import javafx.geometry.Bounds;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.effect.DropShadow;
import javafx.scene.layout.*;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.*;
import javafx.stage.Stage;
public class LayoutBoundsScrollableAnchorPane extends Application {
// define some controls.
final ToggleButton stroke    = new ToggleButton("Add Border");
final ToggleButton effect    = new ToggleButton("Add Effect");
final ToggleButton translate = new ToggleButton("Translate");
final ToggleButton rotate    = new ToggleButton("Rotate");
final ToggleButton scale     = new ToggleButton("Scale");
public static void main(String[] args) { launch(args); }
@Override public void start(Stage stage) throws Exception {
    // create a square to be acted on by the controls.
    final Rectangle square = new Rectangle(20, 30, 100, 100); //square.setFill(Color.DARKGREEN);
    square.setStyle("-fx-fill: linear-gradient(to right, darkgreen, forestgreen)");
    // show the effect of a stroke.
    stroke.setOnAction(new EventHandler<ActionEvent>() {
      @Override public void handle(ActionEvent actionEvent) {
        if (stroke.isSelected()) {
          square.setStroke(Color.FIREBRICK); square.setStrokeWidth(10); square.setStrokeType(StrokeType.OUTSIDE);
        } else {
          square.setStroke(null); square.setStrokeWidth(0.0); square.setStrokeType(null);
        reportBounds(square);
    // show the effect of an effect.
    effect.setOnAction(new EventHandler<ActionEvent>() {
      @Override public void handle(ActionEvent actionEvent) {
        if (effect.isSelected()) {
          square.setEffect(new DropShadow());
        } else {
          square.setEffect(null);
        reportBounds(square);
    // show the effect of a translation.
    translate.setOnAction(new EventHandler<ActionEvent>() {
      @Override public void handle(ActionEvent actionEvent) {
        if (translate.isSelected()) {
          square.setTranslateX(100);
          square.setTranslateY(60);
        } else {
          square.setTranslateX(0);
          square.setTranslateY(0);
        reportBounds(square);
    // show the effect of a rotation.
    rotate.setOnAction(new EventHandler<ActionEvent>() {
      @Override public void handle(ActionEvent actionEvent) {
        if (rotate.isSelected()) {
          square.setRotate(45);
        } else {
          square.setRotate(0);
        reportBounds(square);
    // show the effect of a scale.
    scale.setOnAction(new EventHandler<ActionEvent>() {
      @Override public void handle(ActionEvent actionEvent) {
        if (scale.isSelected()) {
          square.setScaleX(2);
          square.setScaleY(2);
        } else {
          square.setScaleX(1);
          square.setScaleY(1);
        reportBounds(square);
    // layout the scene.
    final AnchorPane anchorPane = new AnchorPane();
    AnchorPane.setTopAnchor(square, 0.0);
    AnchorPane.setLeftAnchor(square, 0.0);
    anchorPane.setStyle("-fx-background-color: cornsilk;");
    anchorPane.getChildren().add(square);
    // add a scrollpane and size it's content to fit the pane (if it can).
    final ScrollPane scrollPane = new ScrollPane();
    scrollPane.setContent(anchorPane);
    square.boundsInParentProperty().addListener(new ChangeListener<Bounds>() {
      @Override public void changed(ObservableValue<? extends Bounds> observableValue, Bounds oldBounds, Bounds newBounds) {
        anchorPane.setPrefSize(Math.max(newBounds.getMaxX(), scrollPane.getViewportBounds().getWidth()), Math.max(newBounds.getMaxY(), scrollPane.getViewportBounds().getHeight()));
    scrollPane.viewportBoundsProperty().addListener(
      new ChangeListener<Bounds>() {
      @Override public void changed(ObservableValue<? extends Bounds> observableValue, Bounds oldBounds, Bounds newBounds) {
        anchorPane.setPrefSize(Math.max(square.getBoundsInParent().getMaxX(), newBounds.getWidth()), Math.max(square.getBoundsInParent().getMaxY(), newBounds.getHeight()));
    // layout the scene.
    VBox controlPane = new VBox(10);
    controlPane.setStyle("-fx-background-color: linear-gradient(to bottom, gainsboro, silver); -fx-padding: 10;");
    controlPane.getChildren().addAll(
      HBoxBuilder.create().spacing(10).children(stroke, effect).build(),
      HBoxBuilder.create().spacing(10).fillHeight(false).children(translate, rotate, scale).build()
    VBox layout = new VBox();
    VBox.setVgrow(scrollPane, Priority.ALWAYS);
    layout.getChildren().addAll(scrollPane, controlPane);
    // show the scene.
    final Scene scene = new Scene(layout, 300, 300);
    stage.setScene(scene);
    stage.show();
    reportBounds(square);
/** output the squares bounds. */
private void reportBounds(final Node n) {
    StringBuilder description = new StringBuilder();
    if (stroke.isSelected())       description.append("Stroke 10 : ");
    if (effect.isSelected())       description.append("Dropshadow Effect : ");
    if (translate.isSelected())    description.append("Translated 100, 60 : ");
    if (rotate.isSelected())       description.append("Rotated 45 degrees : ");
    if (scale.isSelected())        description.append("Scale 2 : ");
    if (description.length() == 0) description.append("Unchanged : ");
    System.out.println(description.toString());
    System.out.println("Layout Bounds:    " + n.getLayoutBounds());
    System.out.println("Bounds In Local: " + n.getBoundsInLocal());
    System.out.println("Bounds In Parent: " + n.getBoundsInParent());
    System.out.println();
}

Scroll pane refresh content

I have background in as3, but this is my first attempt at
building an application with classes.
I have a scrollpane that populates with an image.
MyScroll.as
public var sp:ScrollPane=new ScrollPane();
public var imagePath:String = "images/cover.jpg";
public function createScrollPane(imagePath:String):void {
sp.move(0,40);
sp.source = imagePath;
addChild(sp);
I have a navigation at the bottom that returns the image name
from an array that I want to refresh/load/source the scrollpane
with, but none will work!
SpreadNav.as
public function _loadPage(evt:MouseEvent) {
var str:String = evt.target.name;
var mySlice = str.substr(10);
myLoadImages.loadImage();
myScrollCall.reCreateScrollPane(myNpXMLToArray.highArray[mySlice]);
I also have a button generated that does reload the
scrollpane, so I know that it can replace the source.
MyScroll.as
public function setClick():void {
var refreshButton:Button = new Button();
refreshButton.emphasized = true;
refreshButton.label = "refreshPane()";
refreshButton.move(10, 10);
refreshButton.addEventListener(MouseEvent.CLICK,
clickHandler);
addChild(refreshButton);
public function clickHandler(event:MouseEvent):void {
sp.source = "images/1.jpg";
But when I try to load it from the array nothing
happens...and I have tried putting the image name right in there,
from the array, refresh, source, contentPath is old, redraw(true)
is old and I am running out of things to try
MyScroll.as
public function reCreateScrollPane(imagePath2:String):void {
//imagePath2 = "images/cover.jpg";
var url:String = "images/"+imagePath2;
trace(url);
sp.load(new URLRequest(url));
trace("scroll pane refreshed");
sp.addEventListener(ProgressEvent.PROGRESS, progressHandler);
sp.addEventListener(Event.COMPLETE, completeHandler);
sp.source = "images/"+imagePath2;
//sp.source = "images/cover.jpg";
Can anyone suggest a solution?
Thanks

i wonder why i bother with this forum sometimes. i always end
up answering my own questions an hour later. so the problem was
that the testes.swf was using a startDrag function and the
scrollPane in which it resided has its startDrag set to true. i
guess you can't have both elements dragging at the same time. would
cause serious upset. so yeah, there you go.

Pulling text from a .txt to a scroll pane or text area

Hi-
I'm sure there's a way to do this, but I'm not exactly fluent in ActionScript.
Basically, my whole website's going to be in Flash, but I want to be able to update one page (sort of a news/blog page) without having to edit the Flash file every time. I'm assuming the easiest way to do this would be to set up either a scroll pane or a text box and pull the text in from a .txt file (if there's a better way, please let me know). That way I could continue to add on to the .txt file, and Flash would always pull in the current version.
So, my issues are:
1. I have no idea where to start with the code for something like that. Is it a LoadVar? Do I physically put a scroll pane or a text area in the frame and put the action on that, or do I put the action on the frame and have it call up a text area component?
2. Will the text scroll automatically, or is that something else I would have to add in? I plan on adding to this text file for awhile, so it could end up being a lot of text over time.
3. Would I be able to format the text in the .txt at all? For instance, if I hit enter to put in a paragraph break, would that register once it's pulled into Flash, or would I have to put in an html paragraph break or something? That may be a dumb question, but as I said, I'm not exactly fluent in ActionScript (or any other programming language for that matter).
Any help is definitely appreciated!
Thanks!
-Geoff

I recommend you use an xml file rather than a text file for storing your content. The main reason being that it tends to make thing more easily organizable, as well as easier to differentiate things like titles, contents, links, images, etc.
You could start off using a TextArea component if you want, just to keep things simple. If you want to format things you can use the htmlText property rather than the text proiperty when assigning your content. That will allow you more control of the presentation.
If you want to take the xml approach, you should search Google for "AS# XML tutorial" where you substitute whatever version you plan to use for the "#". If you plan to use AS3, there is a good tutorial here: http://www.gotoandlearn.com/play?id=64

Dynamic content in scroll pane component

Similar Messages

Maybe you are looking for