A Canvas, Button and TextField

What is the best way to fit these 3 components to a JFrame?
I want the Canvas object to take 90 % of the page and the textfield and Button along the bottom?
Cheers ...

About like this:
    Container c = getContentPane();
    Canvas can = new Canvas();
    can.setSize(350, 350);
    c.add( can );
    JPanel jp = new JPanel();
    jp.setLayout( new FlowLayout() );
    jp.add( new JButton("hi") );
    jp.add(new JTextField("hi back at ya") );
    c.add( jp, BorderLayout.SOUTH);
    pack();

Similar Messages

Java Button and Textfield size

Hi i think i have asked this question before but didnt gott any suitable answer.
I have problems with giving a JButton and JText.. fixed alignments with that i mean
when the window is draget/maximized then the buttons and the textfield are also maximized.
what can i do to give the buttons and the textfield fixed size and positions?
sorry iam not able to paste the code here since iam working on two diffrent platforms.
thanks.

Look at the javadoc for LayoutManager and LayoutManager2 and check the javadoc for a Layout Manager implements these interfaces that does what you want. If you don't want to use a layout manager, call setLayout(null). A null layout will enable you to position and size the components wherever you want to using setBounds().
Graeme

Layout of Buttons and TextFields

How can i have the layout of this frame to be in panels 11 and 12, to have the textboxes on the left side, one on top of the other and the button on the right side. And in panel 13, to have the buttons one on top of each other?
ex.
FRAME ORDER
PANEL 11
textbox NAME
textbox ADDRESS button ONE
textbox CARD
PANEL 12
textbox PRODUCT
textbox QUANTITY button TWO
PANEL 13
button THREE
button FOUR
THIS IS THE CODE I AM USEING
class Order extends JFrame implements ActionListener
     public JButton One,Two,Three,Four;
     JTextArea text,text2;
     public Order()
          JTextField name,address,card,product,quantity;
          JPanel p1 = new JPanel();
          JPanel p11 = new JPanel();
          JPanel p12 = new JPanel();
          JPanel p13 = new JPanel();
          JPanel p2 = new JPanel();
          getContentPane( ).setLayout ( new BorderLayout( ) );
          getContentPane().add ( p1, BorderLayout.WEST );
          getContentPane().add ( p2, BorderLayout.EAST );
          p1.setLayout ( new BorderLayout ( ) );
          p1.add ( p11, BorderLayout.NORTH );
          p1.add ( p12, BorderLayout.CENTER );
          p1.add ( p13, BorderLayout.SOUTH );
          p11.add(name = new JTextField("NAME",10));
          p11.add(address = new JTextField("ADDRESS",10));
          p11.add(card = new JTextField("CARD NUMBER",10));
          p11.add(One = new JButton("Enter"));
          p12.add(product = new JTextField("PRODUCT ID",10));
          p12.add(quantity = new JTextField("QUANTITY",10));
          p12.add(Two = new JButton("Enter"));
          p13.add(Three = new JButton("Inventory"));
          p13.add(Four = new JButton("Invoice"));
          p2.setLayout ( new BorderLayout ( ) );
          JScrollPane p21 = new JScrollPane(text = new JTextArea(10,30));
     //     text.append(Inventory.inventory);
     //     text.setBackground(Color.red);
          p2.add(p21,BorderLayout.NORTH);
          JScrollPane p22 = new JScrollPane(text2 = new JTextArea(10,30));
          p2.add(p22,BorderLayout.SOUTH);
          System.out.println("Order clicked");

How is this:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.util.*;
import java.text.*;
import javax.swing.border.*;
public class Pans extends JFrame
     JButton    One,Two,Three,Four;
     JTextArea text,text2;
     JTextField name,address,card,product,quantity;
public Pans()
     super("");
     JPanel p1 = new JPanel();
     JPanel p11 = new JPanel();
     JPanel p12 = new JPanel();
     JPanel p13 = new JPanel();
     JPanel p2 = new JPanel();
     getContentPane().setBackground(Color.black);
     getContentPane().setLayout(new GridLayout(0,2,1,0));
     getContentPane().add(p1,BorderLayout.WEST);
     getContentPane().add(p2,BorderLayout.EAST);
     p1.setLayout(new GridLayout(3,0,0,4));
     p1.setBackground(Color.black);
     p1.add (p11,BorderLayout.NORTH);
     p1.add(p12,BorderLayout.CENTER);
     p1.add(p13,BorderLayout.SOUTH);
     p11.setLayout(new GridLayout(3,2));
     p11.add(name    = new JTextField("NAME",10));
     p11.add(new JLabel(""));
     p11.add(address = new JTextField("ADDRESS",10));
     p11.add(One     = new JButton("Enter"));
     p11.add(card    = new JTextField("CARD NUMBER",10));
     p12.setLayout(new GridLayout(2,2));
     p12.add(product = new JTextField("PRODUCT ID",10));
     p12.add(new JLabel(""));
     p12.add(quantity = new JTextField("QUANTITY",10));
     p12.add(Two = new JButton("Enter"));
     p13.setLayout(new GridLayout(2,0));
     p13.add(Three = new JButton("Inventory"));
     p13.add(Four = new JButton("Invoice"));
     p2.setLayout(new GridLayout(2,0));
     JScrollPane p21 = new JScrollPane(text = new JTextArea(10,30));
     p2.add(p21,BorderLayout.NORTH);
     JScrollPane p22 = new JScrollPane(text2 = new JTextArea(10,30));
     p2.add(p22,BorderLayout.SOUTH);
     setBounds(10,10,400,300);
     setVisible(true);
public static void main (String[] args)
     new Pans();
}

AS3 Buttons and textfields

Hi,
I coming from an AS2 environment and trying to get my head around AS3.
I have a dynamic Textfield on stage (instance name tfval)
a movieclip named mcPlan, this contains a btn called s4
but I cannot get the following to work:
import flash.text.TextField;
var tfval:String="Start";
root.mcPlan.s4.addEventListener(MouseEvent.MOUSE_OVER,onOver);
root.mcPlan.s4.addEventListener(MouseEvent.MOUSE_OUT,onOut);
function onHover(event:MouseEvent):void{
trace("dsds");
root.tfval.text="Test From onOver";
function onOut(event:MouseEvent):void{
root.tfval.text="Test From onOut";
Any help is apreciated!
Thanks!

aren't you seeing an error message about the lack of an onOver() function? are you seeing any other error messages?

Canvas zoom and Button List

I wanted to put a Zoom to 100% button in my Canvas Button Bar, but FCP will not let me drag any of the zoom buttons from the Button List into the Canvas Button Bar. I just wanted to confirm that other people are seeing this before I submit a feedback report to Apple asking for this to be added.
Thanks,
Ken

Kenneth Montgomery wrote:
I wanted to put a Zoom to 100% button in my Canvas Button Bar, but FCP will not let me drag any of the zoom buttons from the Button List into the Canvas Button Bar. I just wanted to confirm that other people are seeing this before I submit a feedback report to Apple asking for this to be added.
What version of FCP? I'm not seeing this on my FCP 6.0.1 setup (hardware & OS listed below). I'm able to successfully add the Button Bar for Zoom Level 100% and am able to get it 'work' when I click on it.
Of course, as with any button bar, the annoying part is that clicking the button bar does not make the window active (ugh), so if another window is active, I have to activate the Canvas, then the button bar will work...

My back button and refresh button and my yahoo tool bar are dimmed a lot when I open up firefox. So as a result, I cannot use the back button nor my refresh button AND my yahoo toolbar disappears a lot. I have tried to get on your chat session but it is a

<blockquote>Locked by Moderator as a duplicate/re-post.
Please continue the discussion in this thread: [/forum/1/688252]
Thanks - c</blockquote>
== Issue
==
I have another kind of problem with Firefox
== Description
==
My back button and refresh button and my yahoo tool bar are dimmed a lot when I open up firefox. So as a result, I cannot use the back button nor my refresh button AND my yahoo toolbar disappears a lot. I have tried to get on your chat session but it is always closed. I need one on one help. Please reply with resolution.
== This happened
==
Every time Firefox opened
== two or three months ago
==
== Firefox version
==
3.6.3
== Operating system
==
Windows XP
== User Agent
==
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.3) Gecko/20100401 (BT-canvas) Firefox/3.6.3 GTB7.0 (.NET CLR 3.5.30729)
== Plugins installed
==
*-npdnu
*npdnupdater2
*Coupons, Inc. Coupon Printer DLL
*Coupons, Inc. Coupon Printer Plugin
*The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
*6.0.12.448
*RealPlayer(tm) LiveConnect-Enabled Plug-In
*RealJukebox Netscape Plugin
*Default Plug-in
*Adobe PDF Plug-In For Firefox and Netscape "9.3.2"
*BrowserPlus -- Improve your browser! -- http://browserplus.yahoo.com/
*Shockwave Flash 10.0 r45
*Yahoo Application State Plugin version 1.0.0.7
*3.0.50106.0
*My Web Search Plugin Stub for 32-bit Windows
*Google Updater pluginhttp://pack.google.com/
*Google Update
*Next Generation Java Plug-in 1.6.0_20 for Mozilla browsers
*Npdsplay dll

* If the menu bar is hidden then press and hold the Alt key down, that should make the Menu bar appear (Firefox 3.6 on Windows) (see [[Menu bar is missing]]).
* Make sure that you have the ''Navigation Toolbar'' and other toolbars visible: View > Toolbars .
* If items are missing then see if you can find them in the View > Toolbars > Customize window.
* If you see the item in the Customize window then drag it back from the Customize window to the Navigation toolbar.
* If you do not see that item then click the Restore Default Set button in the View > Toolbars > Customize window.
See also [[Back and forward or other toolbar buttons are missing]] and [[Navigation Toolbar items]]
See http://kb.mozillazine.org/Toolbar_customization

Difference between Submit Button and Button

Hi,
Please help me understanding the difference bewteen the following cases.
1) Submit Button + ActionType : None
2) Submit Button + Action Type :fire partial action
3) Submit Button + Action Type : Fire Action
4) Button + Action Type : fireAction
5) Button + Action Type : firePartialAction
My Understanding is 1st and 4th Both submits the form.
Also, please let me know, is it a valid scenario where we use the SubmitButton and still gives ActionType. What difference it makes when action type is given with submit button.
I understand that when we use 4th then it submits the form and whereas in case of 5th it doesnt.
Thanks in advance
Saurabh Agrawal

Hi,
Thanks for your replies.
Actually i wanted to understand this in context of the issue we are facing.
We have a text field and a button besides it. We have a TAB OUT even associated with the text field which is captured using firePartialAction event. Also, the button is a SUBMIT BUTTON with a partialFireAction associated with it.
1) When you give % in textfield and tab out a popups come and load the data in a table - WORKS FINE
2) When you dont enter anything in textfiled and clicks on the button, same popups comes and loads data into the table. - WORKS FINE
3) When you give % in Text Field and clicks on the BUTTON, from JDEV, we verified that TAB OUT event gets triggered.Once that event is over, we can see the HOUR GLASS which doesnt go away. --- ISSUE
Resolution Tested : When i just remove ACTIONTYPE from button and do NAVIGATION - 3, issue is resolved.
Also, if i make that button as BUTTON and give FIRE ACTION, issue is resolved.
Now the main concern is the same combination SUBMIT BUTTON and ACTIONTYPE: firePartialAction works fine in 11i and causes issue in R12.
Please let me know your comments.
Thanks in advance
Saurabh Agrawal

InDesign Buttons and Forms... Not Working

Hello Guys,
I'm using Adobe InDesogn CC 10.1.0.70 x64 Build, the problem is with the check box option from Buttons and Forms, They are, simply, not working... I'm trying to add a check box on my pdf I'm creating in InDesign.. I'm using checkbox from "Sample Buttons and forms".. but nothing is working.. I'm just dragging the Check Box samp and drop it in my canvas, exporting it as PDF with "Hyperlinks" checked.. and Interactive Elemnts with Include Appearance chosen but the check box doesn't having any action!! I don't know what I should do to make this work please help

Start by restoring your InDesign preferences:
Trash, Replace, Reset, or Restore the application Preferences

Increasing canvas size and re-clipping (intentionally)

Hi,
So I bolluxed up a little bit while creating my first full-bleed print piece. I used Ps to edit the image, Ai to add some stuff, and ignored Id completely for the printer. Now I have a perfect 8.5 x 11 image that I want to print all the way to the edges without scaling; I left white bleeds 1.8" but apparently that won't suffice.
I'm trying to go back into photoshop and increase the canvas size (8.75 x 11.25 to include bleeds), and with it, extend the image that was originally clipped when I trimmed the document from a vertical picture (12 x 16 or whatever) to fit the standard letter paper size. When I do that, I get only white areas around the canvas.
Can anyone provide a solution to create full-color bleeds the way they should have been done originally? I have tried changing the canvas size and re-placing another layer of the image behind the existing one (with the hopes that it would clip automatically), but it didn't work. At this point, should I worry about bringing anything into InDesign?
Thanks,
- boda

The Nish Adeel,
> i wants to increase my fla canvas size from all sides...
when we
> increase the size of a file it increases from right and
bottom , i
> want to make it from all four sides like photoshop ...
is there any
> way to do this.
There is a way to do this; unfortunately, it's not an
automatic feature
like in Photoshop. The approach you'll need to take is to
update the
document dimensions (basically, the canvas size) as desired,
then use the
Edit Multiple Frames button on the lower left of the Timeline
panel to
manually move all assets on the main timeline. To do this,
you'll have to
make sure all layers are unlocked. To do this quickly, click
the
Lock/Unlock All Layers button at the top, between the eye and
the square
buttons, until you see that all locks have been removed (one
or two clicks
will do it). In the Modify Onion Markers button next to the
Edit Multiple
Frames button, choose Onion All. Select Edit > Select All,
then use the
arrow buttons to move your assets.
David Stiller
Co-author, Foundation Flash CS3 for Designers
http://tinyurl.com/2k29mj
"Luck is the residue of good design."

Canvas children and mouseOver

Simply put, I have a repeating canvas that contains buttons,
an image, and a text field. When the user rolls their mouseOver the
canvas, a child canvas becomes visible with buttons inside of it.
Works great when you make sure that the mouse stays only over true
canvas area and not over a child inside of the canvas. If it falls
over a child, it fires the mouseOut and the buttons become
invisible. Essentially, you can't click on the buttons because they
are a child and the mouseOut goes off, making them invisible! How
can I keep the mouseOver alive, even over a child?
Thanks!

check the parent of the event "target", not the parent of the
event.
In Flex, events can possibly participate in three phases:
1) cascading phase as the event goes from the top of the
display list through all parents of the control that dispatched the
event.
2) targeting phase, as the event goes through the target, the
control that dispatched the event.
3) bubbling phase as the event goes back up the display list
through parents of the control that dispatched the event.
- not all events bubble
- you may need to add an event listener twice, and have the
arg to addEventListener for bubbling to true and then false if you
want to listen during cascading and bubbling phases.
Now you are probably confused, so ignore some of what I said,
and concentrate on listening to mouseOver events in the Cnavas, and
then when the event handler is called, examine the target and
possibly currentTarget properties of the event object to see if it
is the child of the Canvas, and then act as appropriate.

Graphics and Textfields

I was wondering if you use Graphics and objects like Buttons, Labels, and TextFields are they all drawn on the same graphics layer or is one of them drawn on top, if so which one?

Are your components realy intersecting?
If you want two components to intersect, the last of them will be partly hidden.
import java.awt.*;
class myPan extends Panel
     Button but1;
     Button but2;
     public void doLayout()
          but1.setBounds(0, 10, 40, 40);
          but2.setBounds(20,5, 40, 50);
     myPan()
          but1=new Button("but1");
          but2=new Button("but2");
          add(but1);
          add(but2);
}In the code above, but1 will be partly hidden by but2.
Ragnvald Barth
Software engineer

Bevel button and fuzzy type

I made a button and put a simple bevel filter on it.
When I added type to the button the text bleeds into the
filter. How can I stop/fix this?

Thanks for the reply Tom. After I posted the first time I went to the Finder, Get Info, and I saw that I could change the 'Opens with' to QuickTime and therefore it became a QuickTime file. About that Anamorphic business I read a 'how to' on dealing with images before bringing them into video. The tip says in the 'New' file dialogue box to choose 640x480 size and in the pull down menu at the bottom where you can choose the 'Pixel Aspect Ratio' it was suggest to use that Anamorphic setting. I did it but it certainly didn't look right but I went with it.
Again after I posted I looked at the Format of one of the clips and saw the size to be 720x480, Compressor is DV/DVCPRO-NTSC, Pixel Aspect is NTSC-CCIR 601, Anamorphic field is blank. I'm running Photoshop CS2. So I went back there and created a new blank file to use a template for dealing with stills but this time I used the Preset pull down menu and chose NTSC DV 720x480 with guides and the Pixel Aspect Ratio automatically loaded D1/DV NTSC (0.9), clicked Ok and viola, the blank file looks exactly like the Canvas in FCE. I haven't played with a still with this new setting but I will try it on the little project I'm working on.
As for viewing it, I am looking at it on my Mac flat screen. I went into QuickTime Preferences and checked the box for high quality, thank you. Thanks for reassuring me on the file size.
I also don't know what "D4/D16 Anamorphic" means.
I don't understand the fuzzy type. I'm aware these are 72 ppi files and video is not resolution dependent but rather pixel dependent. Computer monitors display at 72 ppi, televisions are higher. I have yet to complete the process of burning a DVD and playing it back on a TV. Maybe that's where I'll see the type showing up sharper.
At any rate, just dealing with this itty bitty project tells me I have a lot to learn about video, never mind learning about how to use FCE as well.

Html5 canvas button hyperlink

Hi
I am using Flash CC to create a html5 canvas document.
I am trying to create a rollover button that, when clicked, opens a webpage in a new tab.
I have successfully created rollover buttons and made symbols (movie clips) into hyperlinks, however I cannot seem to make a button into a functional hyperlink.
I have been using the code snippets (html5 canvas). For the last frame in the scene I have the following code:
this.stop();
this.watch.addEventListener("click", fl_clicktogotowebpage_1);
function fl_clicktogotowebpage_1 () {
window.open("http:www.adobe.com", "blank");
h
In this example, 'watch' is the name of the button instance.
Unfortunately when I click on the button a webpage does not appear.
I am able to recreate what I desire in flash, but not html5 canvas. Is there an extra step I am missing, or is this function not supported in html5?
Any insight is greatly appreciated!
Regards,
Jeff

Hi Jeff,
There doesn't seem to be anything wrong with this code.
I copy pasted your code in a new Canvas document in Flash, created a symbol with same instance name as yours and it worked just fine on publishing. May be some other part of code is causing the error.
Can you share your file to have a look at what's going wrong.
Regards,
Nipun
[ignoring the h on line 10 of your code]

Problem with drawing api and textfield

I have a flash file that will be used on multiple sites and
therefore will need to be able to change it's colors based on
colors fed in through parameters. I'm trying to draw a rounded
rectangle button with some text on it. I can get everything to draw
except the text. When I debug it, the textfield variables show up
with everything set up properly so I'm not sure why it won't
display. Here's the code that creates the button and text. And it's
adding the Sprites to an movie clip on my stage called btnBG in
case you're wondering what that is.
import flash.display.Sprite;
import flash.display.GradientType;
import flash.geom.ColorTransform;
import flash.events.MouseEvent;
var btnSprite:Sprite = new Sprite(); //main button sprite
var btnOutline:Sprite = new Sprite(); //outline for button
var matrix:Matrix = new Matrix();
var btnCircleOutline:Sprite = new Sprite();
var btnCircle:Sprite = new Sprite();
var btnArrow:Sprite = new Sprite();
var btnOverlay:Sprite = new Sprite();
btnCircleOutline.graphics.beginFill(btnOutlineStartColor,
1);
btnCircleOutline.graphics.drawCircle(59,11,7);
matrix.createGradientBox(15, 15, Math.PI/2,0,0);
btnCircle.graphics.beginGradientFill(GradientType.LINEAR,
[btnEndColor, btnStartColor], [1,1], [0,255], matrix);
btnCircle.graphics.drawCircle(59,11,6);
//draw arrow shape
btnArrow.graphics.beginFill(0xcad7e9, 1);
btnArrow.graphics.moveTo(57, 7);
btnArrow.graphics.lineTo(62, 11);
btnArrow.graphics.lineTo(57, 15);
btnArrow.graphics.endFill();
//draw invisible overlay
btnOverlay.graphics.beginFill(0xffffff,0);
btnOverlay.graphics.drawRect(0,0,70,22);
btnOverlay.buttonMode = true;
btnOverlay.useHandCursor = true;
btnOverlay.addEventListener(MouseEvent.CLICK, clickHandler);
//draw button outline and gradient fill
matrix.createGradientBox(70,22,Math.PI/2,0,0);
btnOutline.graphics.beginGradientFill(GradientType.LINEAR,
[btnOutlineStartColor, btnOutlineEndColor], [1,1], [0,255],
matrix);
btnSprite.graphics.beginGradientFill(GradientType.LINEAR,
[btnStartColor, btnEndColor], [1,1], [0,255], matrix);
btnOutline.graphics.drawRoundRect(0,0,70,22,5,5);
btnSprite.graphics.drawRoundRect(1,1,68,20,3,3);
//draw buy now text on button
var btnText:TextField = new TextField();
var txtFormat:TextFormat = new TextFormat();
txtFormat.font = "Arial";
txtFormat.size = 18;
txtFormat.color = 0x000000;
btnText.setTextFormat(txtFormat);
btnText.embedFonts = true;
btnText.text = "Buy Now";
btnText.selectable = false;
btnBG.addChildAt(btnOutline, iIndexer++);
btnBG.addChildAt(btnSprite, iIndexer++);
btnBG.addChildAt(btnCircleOutline, iIndexer++);
btnBG.addChildAt(btnCircle, iIndexer++);
btnBG.addChildAt(btnArrow, iIndexer++);
btnBG.addChildAt(btnText, iIndexer++);
btnBG.addChildAt(btnOverlay, iIndexer++);

You can only set embedFonts to true if you are using a font
in the library. There is no need to embed the Arial font as it is
on basically all computers, also use btnText.defaultTextFormat =
txtFormat;.
txtFormat.font = "Arial";
txtFormat.size = 18;
txtFormat.color = 0x000000;
btnText.defaultTextFormat = txtFormat;
//btnText.embedFonts = true;
btnText.text = "Buy Now";
btnText.selectable = false;

How to change web button and bars colors??

is there anyway to change illustrators default web buttons and bars after they are dragged to the canvas. it seems a lot of the buttons are yellow or blue. i wanted to specifically change the color of a "talk bubble." thanks

You haven't specified which version of Illustrator you are using, but I will assume for purposes of this discussion, that my version, CS3, is not vastly different from yours. The "Web Buttons and Bars" is a collection of symbols, which gives you several options. When you drag a symbol to the artboard three buttons appear in the Control Panel: Edit Symbol, Break Link, and Duplicate. Each affords you certain option for editing the symbol.
Edit Symbol puts the symbol into Isolation Mode, which allows access to the parts of the symbol through the Layers Panel and the Appearance Panel, and may be changed using any colors, effects, transformations, additions, deletions, or anything else you choose to do to it. When you are finished editing, and exit Isolation Mode, the changes you have made will appear in the symbol in the Symbols Panel and in any instances of the symbol you have put on the artboard.
Break Link turns the symbol instance you have selected into an object which may be changed in any manner you choose, just as if you had built it yourself and then changed your mind. Changes to the object will have no effect on other instances of the symbol, nor on the symbol in the Symbols Panel, because it is no longer a symbol and is completely unrelated to either. If you wish, you may turn the edited object into a new symbol.
Duplicate turns the selected symbol instance into a new symbol, identical to the original but having no connection either to it nor to other instances of the original. If the first symbol was named "Original," then a new one will appear in the Symbols Panel named "Original 1." The same options will be available in the Control Panel, and any changes you make will only be applied to the new symbol and any instances of it that you may have put onto the artboard.
You may save your edited symbols through the Symbols Library Menu in the Symbols Panel.
If any of this is unclear, doesn't work, or is flat wrong, please let me know.
Peter

A Canvas, Button and TextField

Similar Messages

Maybe you are looking for