Scroll canvas?

Is there a way in FCE 4 to scroll the canvas? When I'm trying to adjust motion, it would be nice to be able to zoom in and scroll around a bit to make the keyframes and handles bigger, but paths are often off the visible screen requiring me to set the zoom factor to 25% or 50%. Making the canvas bigger doesn't help since it scales everything, it doesn't change the area of what is displayed.
thanks

The scrollbar can be placed on a separate stacked canvas, the same dimensions as the scrollbar. Then the canvas can be shown or hidden.

Similar Messages

Making a line's coordinates adjust to a Dynamic/Scrolling Canvas

Hi,
I am trying to use Flex to develop a simple display... I have a canvas
with couple of Buttons. I draw line between some of these buttons. As long as
there is no scroll on the screen the line show up fine. But once width/Height
of the Canvas increases and you get the scroll... the lines don't scroll
accordingly. The lines appear to be sticky on the Canvas rather than
move with the buttons...
Any idea how I can overcome this???

Once i draw the line i add it as a child to the canvas. But when the size of the canvas changes, the line seems like it sticks to the canvas while the other components of the canvas adjust well.

MouseDragged on canvas, and JScrollPane

Hi,
I have created a canvas which appear transparent in front of the JScrollPane.
How to make the ScrollBar in JScrollPane scrolling down while the mouse is drag on the canvas?
Here is my code:
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import java.awt.geom.*;
public class Try extends JFrame{
     JPanel all = new JPanel(new BorderLayout());
     JPanel main = new JPanel(new BorderLayout());
     DisplayCanvas canvas;
     JScrollPane scroll;
     JButton btn1;
     public Try(){
          super("Trying");
          setResizable(false);
          canvas = new DisplayCanvas();
          scroll = new JScrollPane(new JLabel(new ImageIcon("contain.jpg")));
          scroll.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED);
          scroll.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
          main.add(scroll);
          canvas.setOpaque(false);
          all.add(main,BorderLayout.CENTER);
          all.setBounds(55,82,240,319);
          setContentPane(new JLabel(new ImageIcon("myBorder.gif")));
          getContentPane().add(canvas);
          getContentPane().add(all);
          addWindowListener(new WindowEventHandler());
          pack();
          setVisible(true);
          class WindowEventHandler extends WindowAdapter{
               public void windowClosing(WindowEvent e){
                    System.exit(0);
          public static void main(String args[]){
               new Try();
class DisplayCanvas extends JPanel{
     BufferedImage bi;
     AffineTransform at;
     double x;
     DisplayCanvas(){
          setBounds(55,105,239,295);
          addMouseMotionListener(new MouseMotionHandler());
          Image image = getToolkit().getImage("line.gif");
          MediaTracker mt = new MediaTracker(this);
          mt.addImage(image,1);
          try{
               mt.waitForAll();
          }catch (Exception e){
               System.out.println("Exception while loading image.");
          if(image.getWidth(this)==-1){
               System.out.println("Make sure image line.jpg is in the same directory");
               System.exit(0);
          bi = new BufferedImage(image.getWidth(this),image.getHeight(this),BufferedImage.TYPE_INT_ARGB);
          Graphics2D big = bi.createGraphics();
          big.drawImage(image,0,0,this);
          at = new AffineTransform();
          at.translate(getWidth()/2, getHeight()/2);
     public void paintComponent(Graphics g){
          super.paintComponent(g);
          Graphics2D g2D = (Graphics2D)g;
          AffineTransform saveXform = g2D.getTransform();
          at.rotate(Math.toRadians(x));
          AffineTransform toCenterAt = new AffineTransform();
          toCenterAt.concatenate(at);
          toCenterAt.translate(-(getWidth()/2),-(getHeight()/2));
          g2D.transform(toCenterAt);
          g2D.drawImage(bi,150,200,this);
          g2D.setTransform(saveXform);
     class MouseMotionHandler extends MouseMotionAdapter{
          public void mouseDragged(MouseEvent e){
               x = 5;
               repaint();
}

Already answered here:
http://forum.java.sun.com/thread.jspa?threadID=5148607

Canvas and JScrollPane

Hi,
I have a GUI which has textboxes and buttons on one side and a canvas on the other. I have implemented a scrollpane onto the canvas, so I can scroll graphics. I have added the canvas to the scrollpane but when I compile, the screen only shows the scrolling canvas, the buttons etc have disappeared. The canvas is set in an XYLayout, is their a setpreferredlocation so the canvas is drawn in the write place once added to the scrollpane.
can anyone help.
thanks

One question, you're posting in Project swing, but reading your post, it seems your not using swing at all. Did you use swing? if no, well you should have a look at classes such as javax.swing.JScrollPane. If yes, well, why do you make your own JScrollPane-like class since it already exist. If your using awt, you should have posted this message in another forum, but then again, you could have used java.awt.ScrollPane.
So I will rather answer by another question: Why do you implement your own scrollpane?
Note: maybe I should have read "I use a scrollpane" instead of "I have implemented a scrollpane".

Scrollbars w/ one table across multiple tabs

Please help, I'm stumped on this...
User has requested that a single table be displayed across multiple tabbed canvases. Problem is that each tabbed canvase contains mulitple record data.
I can define a scrollbar using the block property pallette and have the scroll bar then display on the first tab. How can I define and display a scroll bar on the second and third tabs?
In the past, I created a stacked canvas view that replaces the 2nd/3rd tabs. In this instance, the user has requested that the data not be displayed via a stacked scrolling canvas.
Any ideas?

You mean the scrollbar does not scroll??
What is the number of records displayed value of
your block?
Your scrollbar should be working when your number of
records exceed the number of displayed items. Visual
attributes is for look and feel only.
Let's say your block number of records displayed is
5 and you have 10 records the scrollbar is not
scrolling??
Regards,
TonyCorrect. The scroll bar is not scrolling. For the base table block that is spread across three tabs, the number of records displayed is 5. When I execute the query, 6 records are returned. On the first tab, I used the block item property to set up the scroll bar x/y settings and height/width. Within the first tab, the scroll bar is working fine.
When the second tab is activated (e.g. it is the top most tab page) (w/ the stack canvas overlay scrollbar), the bar appears in the correct position but there is no functionality attached to it. In other words it just appears as a bar like one would find on a bar graph. The bar does not resemble a scroll bar (visually) nor does it operate like one. Ditto for the 3rd tab.
Do I need to attach a Dummy block with 5 records to each stacked canvas overlay scrollbar in order to have the look/feel and functionality of a scroll bar?
Thanks,
Steve

JMenu obscured by another component

Hi all,
I've inherited about 10k lines of jdk 1.2 code and I'm converting it to swing for the GUI. There's some pretty messing implementation of scroll panes and such (It's essentially a telnet client). So, here is what I am experiencing:
I changed all Frames to JFrames, Panels to JPanels, and everything to JMenu/Bars/Items. When I switched to JMenus and opened the menu in the running program, they are all obscured behind this cryptic scrolling canvas hybrid class. I have a feeling that updating the weird scrolling component to something more stable will fix it, but what I wanted to know is how the menus are obscured. Would that component's paint have to be called after the Menus were painted by swing? I don't think that has happened (I am not sure), but is there any other way they could be obscured like that?
Thanks for an insights. At this point, it's a matter of intellectual curiosity, so I'd like to know for future debugging.
Kate

If your "cryptic scrolling canvas hybrid class" is a Canvas subclass, change it to subclass JPanel and use paintComponent() instead of paint().
Or if you can't do that, use call JPopupMenu.setDefaultLightWeightPopupEnabled(true); before creating the menus.

How to freeze stacked window vertically ?

Hi all,
I have a stacked windows with many column scroll vertically and horizontally. It is any way to freeze certain column on title and keep on scroll to the right hand size of the screen for some others column ? The freeze on vertical panel will work alike Mircosoft Excel and whether possible doing the same in form 6i ?
Please advise.
Thanks.
Lim

Hi in addition to what manu has already written. ensure that your canvas Viewport properties have
been set correctly.
For example the static canvas
Functional
Raise on Entry: Yes
Viewport
Viewport X Position: 5
Viewport Y Position: 5
Viewport Width: 12
Viewport Height: 8
The properties for the scrolling canvas
Functional
Raise on Entry: Yes
Viewport
Viewport X Position: 17
Viewport Y Position: 4
Viewport Width: 57
Viewport Height: 9
Physical
Show Horizontal Scroll Bar: Yes

Scrolling Tab Canvas

Hi,
how do we achieve horizontal scroll in a tab canvas ? It doesnt allow to place a stacked canvas on a Tab canvas. Do we have to put a content canvas on top of a tab and then place stacked on top of content ?
Regards,
Suresh

its simple
- Create Stack canvas simple separately without any canvas with all necessary items buttons etc etc SET its X and Y position according to the visibility with the Tab page
- on tab page there should not be any item
- Write on WHEN-TAB-PAGE-CHANGED trigger at form level call that stack canvas
Note: i dont remember exact system variable name right now :D :system.new_tab_page check online help
if :system.new_tab_page = 'MYPAGE' then
      go_block('Myblock');
      hide_all_views; --- custom procedure to hide all other stack canvases
      show_view('MyStack');
end if;- For ease u can set the same name of the stack canvas as tab page and block name if possible then the code would be simple
   go_block(:system.new_tab_page);
   hide_all_views;
   show_view(:system.new_tab_page);
if responses are helpful or correct plz mark it
Baig,
http://baigsorcl.blogspot.com

Scroll Bar on Stacked Canvas [Solved]

Hi,
I am trying to do the following. I have a form FORM A. Another form FORM B is called with a click of a button on FORM A. FORM B is having 2 blocks each on a stacked canvas. BLOCK 1 is master block and BLOCK 2 is detail block. Table on which BLOCK 2 is based on has 200 columns. Below is the property set for this block.
1. Number of Records Displayed: 1
2. Record Orientation: Vertical (To see 200 columns vertically).
Now issue is that only 20 records (columns actually) are displayed in the viewport. And user has to tab out to go to next record (column).
I want to put a vertical scroll bar here so that user can scroll down. I am not sure how to achieve this. Will scroll_view work in this case?
Forms Version: 6i
Thanks and Regards
Amit Trivedi
Never Mind got it working now.
Edited by: ATrivedi on Jun 18, 2009 5:06 PM

Set the Block2 canvas property
Show vertical Scrollbar -- yes
Please mark helpful/correct
kanish

Long canvas with scroll bar

Hi. I have a form with a very long canvas containing more items than fit on the screen at a time - meaning some items are far down on the canvas and do not appear unless the user physically uses the mouse and scrolls down. This causes a problem for me because as the user tabs through the various fields the cursor will eventually "appear" to disappear. It has not actually disappeared of course, but it has simply navigated to an item that is further down on the canvas out-of-sight. Thus the user must recognize that this has happened and then use the mouse to scroll down and find the cursor again.
Is there a way to automatically coordinate this scrolling so that the cursor always stays in view for the user - meaning that the user will never have to manually scroll down to find the cursor? Or worst case, can I programatically scroll down for the user so that the cursor always remains visible?
Any help would be greatly appreciated. If you have any sample code please send it to: [email protected]
Thanks in advance.
Edited by: Buechler on Jun 30, 2009 12:20 PM

-> 3) Changed the default Window width to 5 and it's height to 12
Don't do that. That apparently guarantees the problem you have.
The Window size should be no larger than will fit on the user's screen, and the user running the lowest screen resolution should be your target. We create forms no larger than will fit on the 800x600 layout. Our forms always use the Real,Pixel coordinate system, and I create forms with the window size set to a maximum of 784x442. Those reduced numbers allow the form to fit within a browser window in web forms. Our forms run under both 6i Client/Server AND Web, and there is a pre-form that adjusts the web form window size a little larger, but that is all.
Also, when you run your form, that scrollbar you see is there because your window is not maximized. Our forms always maximize the window, and even have a when-window-resized trigger with this:
<pre><font face = "Lucida Console, Courier New, Courier, Fixed" size = "1" color = "navy">DECLARE
W0 Window := Find_Window('WINDOW0');
BEGIN
If Get_Window_Property(W0,Window_State)<>'MAXIMIZE' then
Set_Window_Property(W0,Window_State,Maximize);
End if;
END;</font></pre>
The wwr trigger ensures the user never sees the Window0 border -- it is useless unless you are running a form with multiple windows, which we never do.
So.... Maximize your Window0, and then you will see the behavior I have been describing. Create a stacked canvas with a vertical scrollbar, and it will behave even better.

How to make the scroll bar in flex automate to focus on the new ui component added in the canvas?

Hi all ,
There is a canvas container where am adding charts in separate windows.
So whenever a new chart is added the scroll bar needs to set the focus on the present chart window.
For this i made the functionality for the canvas container to scroll whenever a new chart is added using the below code
canvasContainer.verticalScrollPosition = canvasContainer.maxVerticalScrollPosition;
But the calculations for the vertical position are not precise...
Is there anything else I should do to make the scroll happen automatically as the chart windows get added in the container ??
Any suggestions pls
Regards,
Ajantha

Many many thanks to Frank,
In the css,use the follwing style settings to hide the scroll bar
af|carousel::spin-bar{
visibility: hidden;
af|carousel::spin-h-previous-icon-style{
visibility: hidden;
af|carousel::spin-h-next-icon-style{
visibility: hidden;
af|carousel::spin-info{
visibility: hidden;
}

How to get transparency scroll bar to view background image of canvas.

HI,
How to get transparency to path in canvas to view background image in canvas using scroll bar control.?
This is my present output:
My Xaml Code:
<Grid Height="auto" Name="grid1">
<TabControl Background="Bisque">
<TabItem Header="Tools">
<Grid Height="1000" Width="1000" Name="grid">
<Border BorderThickness="0.2" BorderBrush="Black" Height="820" Width="820" ClipToBounds="True" Margin="90,99,90,81"></Border>
<Grid>
<Button Content="Original Size" Height="23" Name="btn_Original" Width="75" Click="btnOriginalSizePosition" Margin="4,4,921,973" />
<TextBox Height="20" HorizontalAlignment="Left" Margin="62,49,0,0" x:Name="txtNoOfZones" VerticalAlignment="Top" Width="49"
MaxLength="2" PreviewTextInput="txtNoOfZones_PreviewTextInput"/>
<TextBox Height="20" HorizontalAlignment="Right" Margin="0,71,890,0" x:Name="txtSec" VerticalAlignment="Top" Width="49" PreviewTextInput="txtSec_PreviewTextInput" MaxLength="3"/>
<Button Content="OK" Height="32" HorizontalAlignment="Left" Margin="117,59,0,0" Name="btnNoOfZones" VerticalAlignment="Top" Width="39" Click="btnNoOfZones_Click" />
<Label Content="Zone Number selected :" Height="28" HorizontalAlignment="Right" Margin="0,0,451,0" Name="lblZone" VerticalAlignment="Top" />
<Label Content="Sector Number in selected Zone :" Height="28" HorizontalAlignment="Right" Margin="364,22,451,0" Name="lblSector" VerticalAlignment="Top" />
<Label Content="Filled Color applied in selected sector :" Height="28" HorizontalAlignment="Right" Margin="336,44,451,0" Name="lblColor" VerticalAlignment="Top" />
<Label HorizontalAlignment="Left" Margin="569,0,0,0" Name="lblZoneNumber" Height="28" VerticalAlignment="Top" />
<Label Height="28" HorizontalAlignment="Left" Margin="569,22,0,0" Name="lblSectorNumber" VerticalAlignment="Top" />
<Label Height="30" HorizontalAlignment="Left" Margin="569,44,0,0" Name="lblFillColor" VerticalAlignment="Top" FontWeight="Bold"/>
<Label Content="Sectors :" Height="28" HorizontalAlignment="Left" Margin="7,67,0,905" Width="69" />
<Label Content="Zones :" HorizontalAlignment="Left" Margin="13,44,0,928"/>
<TextBlock Height="23" HorizontalAlignment="Left" Margin="4,32,0,0" Text="Change No.of Zones, sectors below and click OK button" VerticalAlignment="Top" Width="294" FontFamily="Cambria" FontSize="12" FontStyle="Italic" FontWeight="Bold" />
<RadioButton Content="Single Sector" Height="16" HorizontalAlignment="Left" Margin="744,24,0,0" Name="rBtnSingleSector" VerticalAlignment="Top" GroupName="Selection"/>
<RadioButton Content="Sector Zone" Height="16" HorizontalAlignment="Left" Margin="744,44,0,0" Name="rBtnSectorZone" VerticalAlignment="Top" GroupName="Selection"/>
<RadioButton Content="Circular Zone" Height="16" HorizontalAlignment="Left" Margin="744,64,0,0" Name="rBtnCircularZone" VerticalAlignment="Top" GroupName="Selection"/>
<RadioButton Content="Panning" Height="24" HorizontalAlignment="Left" Margin="744,4,0,0" Name="rBtnPanning" VerticalAlignment="Top" Width="74" GroupName="Selection"/>
<Border x:Name="clipBorder" BorderBrush="Black" BorderThickness="0" ClipToBounds="True" Height="810" Width="810" Margin="95,104,95,86" CornerRadius="10">
<Canvas x:Name="CanvasPanel" Height="800" Width="800" Background="Transparent" ClipToBounds="True"></Canvas>
</Border>
<RadioButton Content="Random Color" HorizontalAlignment="Left" Margin="868,5,0,979" Name="rdBtnRandomColor" GroupName="rdbtnGroupFillColor"/>
<RadioButton Content="Red Color" Height="16" HorizontalAlignment="Left" Margin="868,24,0,0" Name="rdBtnRedColor" VerticalAlignment="Top" GroupName="rdbtnGroupFillColor" Foreground="#FFF81010" FontWeight="Bold" />
<RadioButton Content="Green Color" Height="16" HorizontalAlignment="Left" Margin="868,44,0,0" Name="rdBtnGreenColor" VerticalAlignment="Top" GroupName="rdbtnGroupFillColor" Foreground="#FF175F17" FontWeight="Bold" />
<RadioButton Content="Adjacent" Height="16" HorizontalAlignment="Left" Margin="435,81,0,0" Name="rdBtnAdjacent" VerticalAlignment="Top" GroupName="Selection" />
</Grid>
</Grid>
</TabItem>
<TabItem Header="Change Background">
<Grid Height="1000" VerticalAlignment="Top" Background="Bisque">
<Button Height="70" Width="70" Margin="6,1,892,929" Name="btnBrowseImage" Click="btnAll">
<Image x:Name="browseIcon" Source="D:\WPF\Projects\TabControlVRI_18_12_2014\Images\img.png" MouseLeftButtonDown="Image_MouseLeftButtonDown_1"/>
</Button>
<Button Height="70" Width="70" Margin="92,1,806,929" Name="btnCenterPoint" Click="btnAll">
<Image x:Name="centerIcon" Source="D:\WPF\Projects\TabControlVRI_18_12_2014\Images\center.jpg" Width="54" Height="48" />
</Button>
<Button Height="70" Width="70" Margin="179,1,719,929" Click="btnAll">
<Image x:Name="boundaryIcon" Source="D:\WPF\Projects\TabControlVRI_18_12_2014\Images\Path_Simple.png" Height="44" Width="49" />
</Button>
<Image Name="imgBackground" Height="800" Width="800" MouseLeftButtonDown="imgBackground_MouseLeftButtonDown">
</Image>
</Grid>
</TabItem>
</TabControl>
</Grid>
C# code:
OpenFileDialog op = new OpenFileDialog();
ImageBrush ib = new ImageBrush();
private void Image_MouseLeftButtonDown_1(object sender, RoutedEventArgs e)
op.Title = "Select a picture";
op.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +
"JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +
"Portable Network Graphic (*.png)|*.png";
if (op.ShowDialog() == true)
ib.ImageSource = new BitmapImage(new Uri(op.FileName));
imgBackground.Source = new BitmapImage(new Uri(op.FileName));
CanvasPanel.Background = ib;
Please help me out to get transparency for path in canvas to view background image in canvas.
The complete code is in below link:
https://onedrive.live.com/redir?resid=876CFAE94C306176!112&authkey=!AC1sQIYwyoRYT_o&ithint=file%2crar
Regards,
Viswa.

Hi ViswAmmu,
>>Please help me out to get transparency for path in canvas to view background image in canvas.
If I'm not misunderstanding, I think you just need to loop through all Canvas.Children and set Opacity property for them:
private void Image_MouseLeftButtonDown_1(object sender, RoutedEventArgs e)
//Loop through all children items
foreach(UIElement v in CanvasPanel.Children)
v.Opacity = 0;
op.Title = "Select a picture";
op.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +
"JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +
"Portable Network Graphic (*.png)|*.png";
if (op.ShowDialog() == true)
ib.ImageSource = new BitmapImage(new Uri(op.FileName));
imgBackground.Source = new BitmapImage(new Uri(op.FileName));
CanvasPanel.Background = ib;
Screenshot:
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

How to create 2 scroll bar in 2 canvas

Hello All,
I will appreciate if somebody knows how to create 2 scroll bars in 2 Content canvases and all items text item belongs to one data block.
In data block property it shows only one scroll bar. Their is no property of scroll bar in canvas.
Regards,
Atif

Go to the layout editor.
Take the Stacked canvas tool in the toolbox
draw a stacked canvas on the content canvas (the stacked can could be larger than the content one)
edit you item properties to display on the content canvas
adjust the window to the same width and weight properties than the content canvas.
The simplest way it to use the datablock wizard to create the data block, then indicate to show items not on the content canvas but the stacked canvas.
Francois

Content canvas to stacked canvas for scroll bars

I have a form which has more items. Initially I developed the form with content canvas(this has vertical scroll bar). now I changed this canvas to stacked canvas to get horizontal + vertical scroll bar. But I am not able to do it. Can any one please advice me how to achieve. Basically I need horizontal + veritcal scroll, so that user can easily scroll it.
Appreciate your help.
Thanks in Advance!!

Hi
This is a common task in Oracle Applications forms, the steps would be:
- Put the context, fixed fields on content canvas, to the left of the window
- Modify the block to show vertical scroll bar, display it on content canvas, to the right of the window
- Accommodate remaining fields on stacked canvas, all of them from 0.0 to the right.
- Modify stacked canvas viewport size and position to be shown in the space between the fixed fields on the content canvas and the vertical scrollbar on it, allow for space to the horizontal scrollbar
- As Craig's answer states, modify stacked canvas property to show horizontal scrollbar

Scroll bar in tab canvas

hi guys
iam developing a custom form using forms 6i
this is my prob i have a content canvas and a tab canvas in my window i have abt 20 col in my one of tab and i want to use a scroll bar in one tab how can i get it can any one help me urgent
ravi

Well, you are kind of out of luck: no horizontal scrollbar for tab canvases.
Still, here's what I did to solve this problem:
- I make a stacked canvas that would display above the tab-canvas, having an horizontal scrollbar
- on the when-tab-page-changed I write the code needed to get to show/hide the stacked canvas, depending on which tab activates.
It's not so simple, still this works.
If anyone has a better solution without using java beans or some other complications, I'd really like to know how.

Scroll canvas?

Similar Messages

Maybe you are looking for