Shape of components
Hi!
Is it possible to change the shape of a (Swing-)component, like JButton...
All of them are rectangular, but i wonder if it is possible to make them hexagonal.
If it is, what would i need to do so?
greetings, Floesch
Below there is a piece of sample code that might help you out. Don't let it scare you, it's not as bad as it seems (although there several things one could optimize :-). This example will draw a round button with three sectors (sorry for hard coding the coordinates, this example was written late at night and i didn't have the chance to polish it up yet). It will not actually do anything when clicking a region but highlight it. Things you should take a look at are Shape alongside with the contains(Point) method and Graphics' draw(Shape) method as well as - if you want to build something more complex, the AlphaComposite class for painting with transparancy. If you wanted to make the example below a 'real' clickable button you might want to extends the MouseAdapter's mouseClicked(MouseEvent) method and find out which sector was clicked upon the same way it's done in mouseMoved(MouseEvent).
Now i know this isn't much of a tutorial, just try to figure what the commands do and feel free to play with it. It should give you an impression of how to define complex shapes using the intersects(Area) method of Shape, as the sectors in the example are basically Polygons intersected with an oval.
For starters, try building a triangular button, then proceed to more complex shapes...
import javax.swing.*;
import java.awt.*;
import java.awt.geom.Ellipse2D;
import java.awt.geom.Area;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
public class TestFrame extends JFrame {
private JPanel _cPane;
private Ellipse2D _oval=new Ellipse2D.Double(40,40,100,100);
int[] xs={90,90,133,140,140};
int[] ys={40,90,115,115,40};
private Area _sector1=new Area(new Polygon(new int[]{90,90,133,140,140}, new int[]{40,90,115,115,40}, 5));
private Area _sector2=new Area(new Polygon(new int[]{90,90,47,40,40}, new int[]{40,90,115,115,40}, 5));
private Area _sector3=new Area(new Polygon(new int[]{40,47,90,133,140}, new int[]{140,115,90,115,140}, 5));
private int _inside=0;
public static void main(String[] args) {
new TestFrame();
public TestFrame() {
super();
init();
initFrame();
private void init() {
Area rhs = new Area(_oval);
_sector1.intersect(rhs);
_sector2.intersect(rhs);
_sector3.intersect(rhs);
_cPane=new JPanel(){
public void paint(Graphics g) {
super.paint(g);
Graphics2D g2=(Graphics2D)g;
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON);
g2.setPaint(new GradientPaint(0,0,Color.RED,50,50,new Color(127,0,0),true));
g2.fill(_oval);
g2.setColor(Color.BLUE);
g2.draw(_sector1);
g2.draw(_sector2);
g2.draw(_sector3);
g2.setPaint(new GradientPaint(0,0,Color.BLUE,50,50,new Color(0,0,65),true));
if (_inside==1)
g2.fill(_sector1);
else if (_inside==2)
g2.fill(_sector2);
else if (_inside==3)
g2.fill(_sector3);
_cPane.addMouseMotionListener(new MouseMotionAdapter(){
public void mouseMoved(MouseEvent e) {
Point point = e.getPoint();
if (_sector1.contains(point))
_inside=1;
else if (_sector2.contains(point))
_inside=2;
else if (_sector3.contains(point))
_inside=3;
else _inside=0;
repaint();
private void initFrame() {
setSize(200, 200);
Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
setLocation((screenSize.width - getWidth()) / 2, (screenSize.height - getHeight()) / 2);
setContentPane(_cPane);
setVisible(true);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
Similar Messages
-
CASE STATEMENTS AND CASE EXPRESSIONS IN ORACLE9I PL/SQL
제품 : PL/SQL
작성날짜 : 2001-11-13
CASE STATEMENTS AND CASE EXPRESSIONS IN ORACLE9I PL/SQL
=======================================================
PURPOSE
아래의 자료는 Case 문에서 oracle 8.1.7과 Oracle 9i의 New Feature로 8.1.7에서는
sqlplus 에서만 가능했고, 9i 부터는 pl/sql 까지 가능하다.
Explanation
1. Oracle 8.1.7 Feature
Oracle 8.1.7 에서 Case 문은 Decode 문과 유사하지만, 기존의 decode 문을 쓰는 것보다
더 많은 확장성과 Logical Power와 좋은 성능을 제공한다. 주로 나이와 같이 category 별로
나눌때 주로 사용하고 Syntex는 아래와 같다.
CASE WHEN <cond1> THEN <v1> WHEN <cond2> THEN <v2> ... [ELSE <vn+1> ] END
각각의 WHEN...THEN 절의 argument 는 255 까지 가능하고 이 Limit를 해결하려면
Oracle 8i Reference를 참조하면 된다.
The maximum number of arguments in a CASE expression is 255, and each
WHEN ... THEN pair counts as two arguments. To avoid exceeding the limit of 128 choices,
you can nest CASE expressions. That is expr1 can itself be a CASE expression.
Case Example : 한 회사의 모든 종업원의 평균 봉급을 계산하는데 봉급이 $2000보다 작은경우
2000으로 계산을 하는 방법이 pl/sql을 대신하여 case function을 사용할 수 있다.
SELECT AVG(CASE when e.sal > 2000 THEN e.sal ELSE 2000 end) FROM emp e;
Case Example : 나이를 column으로 가지고 있는 customer table을 예로 들어보자.
SQL> SELECT
2 SUM(CASE WHEN age BETWEEN 70 AND 79 THEN 1 ELSE 0 END) as "70-79",
3 SUM(CASE WHEN age BETWEEN 80 AND 89 THEN 1 ELSE 0 END) as "80-89",
4 SUM(CASE WHEN age BETWEEN 90 AND 99 THEN 1 ELSE 0 END) as "90-99",
5 SUM(CASE WHEN age > 99 THEN 1 ELSE 0 END) as "100+"
6 FROM customer;
70-79 80-89 90-99 100+
4 2 3 1
1 SELECT
2 (CASE WHEN age BETWEEN 70 AND 79 THEN '70-79'
3 WHEN age BETWEEN 80 and 89 THEN '80-89'
4 WHEN age BETWEEN 90 and 99 THEN '90-99'
5 WHEN age > 99 THEN '100+' END) as age_group,
6 COUNT(*) as age_count
7 FROM customer
8 GROUP BY
9 (CASE WHEN age BETWEEN 70 AND 79 THEN '70-79'
10 WHEN age BETWEEN 80 and 89 THEN '80-89'
11 WHEN age BETWEEN 90 and 99 THEN '90-99'
12* WHEN age > 99 THEN '100+' END)
SQL> /
AGE_G AGE_COUNT
100+ 1
70-79 4
80-89 2
90-99 3
Example
2. Oracle 9i Feature
Oracle 9i부터는 pl/sql에서도 case문을 사용할 수 있으면 이것은
복잡한 if-else 구문을 없애고, C언어의 switch문과 같은 기능을 한다.
아래의 9i pl/sql Sample 및 제약 사항을 보면 아래와 같다.
Sample 1:
A simple example demonstrating the proper syntax for a case
statement
using a character variable as the selector. See the section entitled
'Restrictions' at the end of this article for details on which PLSQL
datatypes may appear as a selector in a case statement or
expression.
- - - - - - - - - - - - - - - - Code begins here - - - - - - - - - - - -
set serveroutput on
declare
achar char(1) := '&achar';
begin
case achar
when 'A' then dbms_output.put_line('The description was Excellent');
when 'B' then dbms_output.put_line('The description was Very Good');
when 'C' then dbms_output.put_line('The description was Good');
when 'D' then dbms_output.put_line('The description was Fair');
when 'F' then dbms_output.put_line('The description was Poor');
else dbms_output.put_line('The description was No such Grade');
end case;
end;
- - - - - - - - - - - - - - - - Code ends here - - - - - - - - - - - -
Sample 2:
A simple example demonstrating the proper syntax for a case
expression
using a character variable as the selector. See the section entitled
'Restrictions' at the end of this article for details on which PLSQL
datatypes may appear as a selector in a case statement or
expression.
- - - - - - - - - - - - - - - - Code begins here - - - - - - - - - - - -
set serveroutput on
declare
achar char(1) := '&achar';
description varchar2(20);
begin
description :=
case achar
when 'A' then 'Excellent'
when 'B' then 'Very Good'
when 'C' then 'Good'
when 'D' then 'Fair'
when 'F' then 'Poor'
else 'No such grade'
end;
dbms_output.put_line('The description was ' || description);
end;
- - - - - - - - - - - - - - - - Code ends here - - - - - - - - - - - -
NOTE: The above simple samples demonstrate two subtle differences in the
syntax
required for case statements and expressions.
1) A case STATEMENT is terminated using the 'end case' keywords; a
case
EXPRESSION is terminated using only the 'end' keyword.
2) Each item in a case STATEMENT consists of one or more
statements, each
terminated by a semicolon. Each item in a case expression
consists of
exactly one expression, not terminated by a semicolon.
Sample 3:
Sample 1 demonstrates a simple case statement in which the selector
is
compared for equality with each item in the case statement body.
PL/SQL
also provides a 'searched' case statement as an alternative; rather
than
providing a selector and a list of values, each item in the body of
the
case statement provides its own predicate. This predicate can be any
valid boolean expression, but only one case will be selected.
- - - - - - - - - - - - - - - - Code begins here - - - - - - - - - - - -
set serveroutput on
declare
achar char(1) := '&achar';
begin
case
when achar = 'A' then dbms_output.put_line('The description was
Excellent');
when achar = 'B' then dbms_output.put_line('The description was Very
Good');
when achar = 'C' then dbms_output.put_line('The description was
Good');
when achar = 'D' then dbms_output.put_line('The description was
Fair');
when achar = 'F' then dbms_output.put_line('The description was
Poor');
else dbms_output.put_line('The description was No such Grade');
end case;
end;
- - - - - - - - - - - - - - - - Code ends here - - - - - - - - - - - -
Sample 4:
This sample demonstrates the proper syntax for a case expression of
the
type discussed in Sample 3 above.
- - - - - - - - - - - - - - - - Code begins here - - - - - - - - - - - -
set serveroutput on
declare
achar char(1) := '&achar';
description varchar2(20);
begin
description :=
case
when achar = 'A' then 'Excellent'
when achar = 'B' then 'Very Good'
when achar = 'C' then 'Good'
when achar = 'D' then 'Fair'
when achar = 'F' then 'Poor'
else 'No such grade'
end;
dbms_output.put_line('The description was ' || description);
end;
- - - - - - - - - - - - - - - - Code ends here - - - - - - - - - - - -
Sample 5:
This sample demonstrates the use of nested case statements. It is
also
permissable to nest case expressions within a case statement (though
it
is not demonstrated here), but nesting of case statements within a
case
expression is not possible since statements do not return any value.
- - - - - - - - - - - - - - - - Code begins here - - - - - - - - - - - -
set serveroutput on
declare
anum1 number := &anum1;
anum2 number := &anum2;
answer number;
begin
case anum1
when 1 then case anum2
when 1 then answer := 10;
when 2 then answer := 20;
when 3 then answer := 30;
else answer := 999;
end case;
when 2 then case anum2
when 1 then answer := 15;
when 2 then answer := 25;
when 3 then answer := 35;
else answer := 777;
end case;
else answer := 555;
end case;
dbms_output.put_line('The answer is ' || answer);
end;
- - - - - - - - - - - - - - - - Code ends here - - - - - - - - - - - -
Sample 6:
This sample demonstrates nesting of case expressions within another
case
expression. Note again the absence of semicolons to terminate both
the
nested case expression and the individual cases of those
expressions.
- - - - - - - - - - - - - - - - Code begins here - - - - - - - - - - - -
set serveroutput on
declare
anum1 number := &anum1;
anum2 number := &anum2;
answer number;
begin
answer :=
case anum1
when 1 then case anum2
when 1 then 10
when 2 then 20
when 3 then 30
else 999
end
when 2 then case anum2
when 1 then 15
when 2 then 25
when 3 then 35
else 777
end
else 555
end;
dbms_output.put_line('The answer is ' || answer);
end;
- - - - - - - - - - - - - - - - Code ends here - - - - - - - - - - - -
Although PL/SQL anonymous blocks have been used in all of the examples
so far,
case statements and expressions can also be used in procedures,
functions, and
packages with no changes to the syntax.
The following samples are included for completeness and demonstrate the
use of
case statements and/or expressions in each of these scenarios.
Sample 7:
This sample demonstrates use of a case statement in a stored
procedure.
Note that this sample also demonstrates that it is possible for each
of
the items in the case body to consist of more than one statement.
- - - - - - - - - - - - - - - - Code begins here - - - - - - - - - - - -
set serveroutput on
create or replace procedure testcasestmt ( anum IN number ) is
begin
case
when anum = 1 then dbms_output.put_line('The number was One');
dbms_output.put_line('In case 1');
when anum = 2 then dbms_output.put_line('The number was Two');
dbms_output.put_line('In case 2');
when anum = 3 then dbms_output.put_line('The number was Three');
dbms_output.put_line('In case 3');
when anum = 4 then dbms_output.put_line('The number was Four');
dbms_output.put_line('In case 4');
when anum = 5 then dbms_output.put_line('The number was Five');
dbms_output.put_line('In case 5');
else dbms_output.put_line('The description was Invalid input');
dbms_output.put_line('In the else case');
end case;
end;
exec testcasestmt(&anum);
- - - - - - - - - - - - - - - - Code ends here - - - - - - - - - - - -
Sample 8:
This sample demonstrates the use of a case statement in a stored
package.
- - - - - - - - - - - - - - - - Code begins here - - - - - - - - - - - -
set serveroutput on
create or replace package testpkg2 is
procedure testcasestmt ( anum IN number );
function testcasestmt_f ( anum IN number ) return number;
end testpkg2;
create or replace package body testpkg2 is
procedure testcasestmt ( anum IN number ) is
begin
case
when anum = 1 then dbms_output.put_line('The number was One');
dbms_output.put_line('In case 1');
when anum = 2 then dbms_output.put_line('The number was Two');
dbms_output.put_line('In case 2');
when anum = 3 then dbms_output.put_line('The number was Three');
dbms_output.put_line('In case 3');
when anum = 4 then dbms_output.put_line('The number was Four');
dbms_output.put_line('In case 4');
when anum = 5 then dbms_output.put_line('The number was Five');
dbms_output.put_line('In case 5');
else dbms_output.put_line('The description was Invalid input');
dbms_output.put_line('In the else case');
end case;
end;
function testcasestmt_f ( anum IN number ) return number is
begin
case
when anum = 1 then dbms_output.put_line('The number was One');
dbms_output.put_line('In case 1');
when anum = 2 then dbms_output.put_line('The number was Two');
dbms_output.put_line('In case 2');
when anum = 3 then dbms_output.put_line('The number was Three');
dbms_output.put_line('In case 3');
when anum = 4 then dbms_output.put_line('The number was Four');
dbms_output.put_line('In case 4');
when anum = 5 then dbms_output.put_line('The number was Five');
dbms_output.put_line('In case 5');
else dbms_output.put_line('The description was Invalid input');
dbms_output.put_line('In the else case');
end case;
return anum;
end;
end testpkg2;
exec testpkg2.testcasestmt(&anum);
variable numout number
exec :numout := testpkg2.testcasestmt_f(&anum);
print numout
- - - - - - - - - - - - - - - - Code ends here - - - - - - - - - - - -
Sample 9:
This sample demonstrates the use of a case expression in a stored
package.
- - - - - - - - - - - - - - - - Code begins here - - - - - - - - - - - -
set serveroutput on
create or replace package testpkg is
procedure testcase ( anum IN number );
function testcase_f ( anum IN number ) return number;
end testpkg;
create or replace package body testpkg is
procedure testcase ( anum IN number ) is
anumber number := anum;
anothernum number;
begin
anothernum :=
case
when anumber = 1 then anumber + 1
when anumber = 2 then anumber + 2
when anumber = 3 then anumber + 3
when anumber = 4 then anumber + 4
when anumber = 5 then anumber + 5
else 999
end;
dbms_output.put_line('The number was ' || anothernum);
end;
function testcase_f ( anum IN number ) return number is
anumber number := anum;
anothernum number;
begin
anothernum :=
case
when anumber = 1 then anumber + 1
when anumber = 2 then anumber + 2
when anumber = 3 then anumber + 3
when anumber = 4 then anumber + 4
when anumber = 5 then anumber + 5
else 999
end;
dbms_output.put_line('The number was ' || anothernum);
return anothernum;
end;
end testpkg;
variable numout number
exec testpkg.testcase(&anum);
exec :numout := testpkg.testcase_f(&anum);
print numout
- - - - - - - - - - - - - - - - Code ends here - - - - - - - - - - - -
제약 사항
다음의 databasetype은 case 문에서 지원되지 않는다.
BLOB
BFILE
VARRAY
Nested Table
PL/SQL Record
PL/SQL Version 2 tables (index by tables)
Object type (user-defined type)
All of these types except for object types face a similar restriction
even for if statements (i.e. they cannot be compared for equality directly) so this is unlikely to change for these types. Lack of support for object types is simply an implementation restriction which may be relaxed in future releases.
Reference Ducumment
Oracle 8.1.7 Manual
NOTE:131557.1I have done the following code but doesn't
like the statement of - "case(butNext)". What do you mean "doesn't like" -- did you get an error message?
I'm guessing it won't compile because you're trying to switch on a Button.
I tried something
like "g.fillOval(100,50,70,90, BorderLayout.NORTH)"...no that doesn't make sense. You only use BorderLayout.NORTH when you're adding components to a BorderLayout layout manager. An oval is not a component and fillOval isn't adding a component and Graphics is not a Panel or layout manager.
Would appreciate it if someone could tell me how to position
shapes using the graohic method. I think the problem is that you're confusing shapes with components. -
Basically what I am trying to do is create three Ovals (only mangaged to one but would appreciate some help if someone can tell me how to position ovals on a screen :=D) which when a single command is pressed the specified oval changes color, i.e. a traffic light system. I have done the following code but doesn't like the statement of - "case(butNext)". Can someone point me in the right direction :=). I tried something like "g.fillOval(100,50,70,90, BorderLayout.NORTH)"... well something like that but was no good. Would appreciate it if someone could tell me how to position shapes using the graohic method. I know how to do it with command buttons, list boxes etc but its not the same with shapes :=(.
import java.awt.*;
import java.applet.*;
public class traffic extends Applet {
Button butNext;
Color red = Color.red;
Color orange = Color.orange;
Color green = Color.green;
public void init() {
butNext = new Button("Red");
add(butNext);
public void paint(Graphics g) {
switch(butNext)
case 0:
g.setColor(red);
g.fillOval(100,50,70,80);
break;
case 1:
g.setColor(orange);
g.fillOval(100,50,70,80);
break;
case 2:
g.setColor(green);
g.fillOval(100,50,70,80);
break;
}Appreciate any responses. Thank You :=DI have done the following code but doesn't
like the statement of - "case(butNext)". What do you mean "doesn't like" -- did you get an error message?
I'm guessing it won't compile because you're trying to switch on a Button.
I tried something
like "g.fillOval(100,50,70,90, BorderLayout.NORTH)"...no that doesn't make sense. You only use BorderLayout.NORTH when you're adding components to a BorderLayout layout manager. An oval is not a component and fillOval isn't adding a component and Graphics is not a Panel or layout manager.
Would appreciate it if someone could tell me how to position
shapes using the graohic method. I think the problem is that you're confusing shapes with components. -
Shape a JPanel based on the components added
Can I shape the JPanel depending on the components added to it?
Please refer the code I have posted in http://forums.sun.com/thread.jspa?threadID=5323662&messageID=10386358#10386358
My requirement is that, I need to shape the JPanel(mainPanel) such that the icon and label are the borders.
RonyPlease read up on using Layout Managers in the Swing tutorials.
-
Compound shapes - can't set shape mode of components
I'm trying to use compound shapes in Illustrator CS4 as described in the help pages. I can select and move individual components of the shape, but when I try to change the shape mode of a selected component I get a popup with the message "The filter produced no results. Please select two intersecting paths." I'm running Illustrator as a 30 day trial, but as far as I know this function should still work.
Hi Tim, When you want to change one object compound shape attributes, use the Alt key (option on Mac) when clicking the pathfinder button.
-
Swing components in applet not working in web browser
Hi Guys,
I've created an applet which makes use of some swing components, but unfortunately, not all of them function properly in my web browser (internet explorer or Mozilla Firefox). Its mainly the buttons; the last buttons works and displays the correct file within the broswer, but the first 5 buttons do not work...
any help please on how I can sort this problem out?
Heres the code for my applet:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.applet.*;
public class MainAppWindow extends JApplet
int gapBetweenButtons = 5;
final JPanel displayPanel = new JPanel(new BorderLayout());
public void init()
//Panel for overall display in applet window.
JPanel mainPanel = new JPanel(new BorderLayout());
mainPanel.add(new JLabel(new ImageIcon(getClass().getResource("images/smalllogo2.gif"))),BorderLayout.NORTH);
//sub mainPanel which holds all mainPanels together.
JPanel holdingPanel = new JPanel(new BorderLayout());
//Panel for displaying all slide show and applications in.
displayPanel.setBackground(Color.white);
displayPanel.add(new JLabel(new ImageIcon(getClass().getResource("images/IntroPage.jpg"))),BorderLayout.CENTER);
displayPanel.setPreferredSize(new Dimension(590,400));
JPanel buttonPanel = new JPanel(new GridLayout(6,1,0,gapBetweenButtons));
buttonPanel.setBackground(Color.white);
JButton button1 = new JButton("User guide");
button1.addActionListener(
new ActionListener() {
public void actionPerformed(ActionEvent e)
if(displayPanel.getComponents().length > 0)displayPanel.removeAll(); // If there are any components in the mainPanel, remove them and then add label
displayPanel.setBackground(Color.white);
displayPanel.add(new JLabel(new ImageIcon("images/UserGuide.jpg")));
displayPanel.revalidate(); // Validates displayPanel to allow changes to occur onto it, allowing to add different number images/applicaions to it.
JButton button2 = new JButton("What is a Stack?");
button2.addActionListener(
new ActionListener() {
public void actionPerformed(ActionEvent e)
if(displayPanel.getComponents().length > 0)displayPanel.removeAll();
displayPanel.setBackground(Color.white);
displayPanel.add(new JLabel(new ImageIcon("images/WhatIsAStack.jpg")));
displayPanel.revalidate();
JButton button3 = new JButton("STACK(ADT)");
button3.addActionListener(
new ActionListener() {
public void actionPerformed(ActionEvent e)
if(displayPanel.getComponents().length > 0)displayPanel.removeAll();
displayPanel.setBackground(Color.white);
displayPanel.add(new JLabel(new ImageIcon("images/StackADT.jpg")));
displayPanel.revalidate();
JButton button4 = new JButton("Stacks in the Real World");
button4.addActionListener(
new ActionListener() {
public void actionPerformed(ActionEvent e)
if(displayPanel.getComponents().length > 0)displayPanel.removeAll();
displayPanel.setBackground(Color.white);
displayPanel.add(new JLabel(new ImageIcon("images/StacksInTheRealWorld.jpg")));
displayPanel.revalidate();
JButton button5 = new JButton("DEMONSTRATION");
button5.addActionListener(
new ActionListener() {
public void actionPerformed(ActionEvent e)
if(displayPanel.getComponents().length > 0)displayPanel.removeAll();
Demonstration app = new Demonstration();
JPanel appPanel = app.createComponents();//gets the created components from Demonstration application.
appPanel.setBackground(Color.pink);
displayPanel.add(appPanel);
displayPanel.revalidate();
JButton button6 = new JButton("Towers Of Hanoi");
button6.addActionListener(
new ActionListener() {
public void actionPerformed(ActionEvent e)
if(displayPanel.getComponents().length > 0)displayPanel.removeAll();
TowerOfHanoi app = new TowerOfHanoi();
JPanel appPanel = app.createComponents();//gets the created components from Towers of Hanoi
JPanel mainPanel = new JPanel();//panel used to centralise the application in center
mainPanel.add(appPanel);
mainPanel.setBackground(Color.pink); //sets mainPanel's background color for 'Towers Of Hanoi'
displayPanel.add(mainPanel);
displayPanel.revalidate();
//adding buttons to the buttonPanel.
buttonPanel.add(button1);
buttonPanel.add(button2);
buttonPanel.add(button3);
buttonPanel.add(button4);
buttonPanel.add(button5);
buttonPanel.add(button6);
JPanel p = new JPanel(); // Used so that the buttons maintain their default shape
p.setBackground(Color.white);
p.add(buttonPanel);
holdingPanel.add(p,BorderLayout.WEST);
holdingPanel.add(displayPanel,BorderLayout.CENTER);
//Positioning of holdingPanel in mainPanel.
mainPanel.add(holdingPanel,BorderLayout.CENTER);
//indent mainPanel so that its not touching the applet window frame.
mainPanel.setBorder(BorderFactory.createEmptyBorder(10,20,10,20));
mainPanel.setBackground(Color.white);
mainPanel.setPreferredSize(new Dimension(850,600)); //size of applet window
mainPanel.setOpaque(false); // Needed for Applet
this.setContentPane(mainPanel);
}Thanks for the response. I don't quite understand what you're talking about though. I have, in my humble knowledge, done nothing with packages. I have put the applet class (WiaRekenToolActiz.class is the applet class) in the jar file wia_actiz_archive.jar. From what I read on the tutorial, java looks for the applet class in all the jar files specified. Since I put my CODEBASE as the main url, I thought it baiscally didn't matter where you out the html file.
I shall include the complete html page complete with applet tag to perhaps illuminate a bit more what I mean...
<html>
<head>
<title>Wia Rekenmodule hello!</title>
</head>
<body bgcolor="#C0C0C0">
<applet
CODEBASE= "http://www.creativemathsolutions.nl/test"
ARCHIVE= "Actiz/wia_actiz_archive.jar, Generic/wia_archive.jar"
CODE="WiaRekenToolActiz.class"
WIDTH=915 HEIGHT=555
>
<PARAM NAME = naam VALUE = "Piet Janssen">
<PARAM NAME = gebdag VALUE = "01">
<PARAM NAME = gebmaand VALUE = "06">
<PARAM NAME = gebjaar VALUE = "1970">
<PARAM NAME = geslacht VALUE = "man">
<PARAM NAME = dienstjaren VALUE = "10">
<PARAM NAME = salaris VALUE = "56500">
<PARAM NAME = deeltijdpercentage VALUE = "100">
<PARAM NAME = accountnaam VALUE = "Zorginstelling 'De Zonnebloem'">
</applet>
</body>
</html> -
How can I change oval shape applet to (plot)
Hi this is not my code so, the orignal code is freeware to www.neuralsemantics.com and is Copyright 1989 by Rich Gopstein and Harris Corporation.
The site allows permission to play with the code or ammend it.
how could I modify the applet to display (plot) several cycles of the audio signal instead of the elliptical shape. The amplitude and period of the waveform should change in accordance with the moving sliders
Here is the code from www.neuralsemantics.com /applets/jazz.html
import java.applet.*;
import java.awt.*;
import java.awt.event.*;
public class JazzMachine extends Applet
implements Runnable, AdjustmentListener, MouseListener {
// program name
final static String TITLE = "The jazz machine";
// Line separator char
final static String LSEP = System.getProperty("line.separator");
// Value range
final static int MIN_FREQ = 1; // min value for barFreq
final static int MAX_FREQ = 200; // max value for barFreq
final static int MIN_AMPL = 0; // min value for barVolume
final static int MAX_AMPL = 100; // max value for barVolume
// Sun's mu-law audio rate = 8KHz
private double rate = 8000d;
private boolean audioOn = false; // state of audio switch (on/off)
private boolean changed = true; // change flag
private int freqValue = 1; // def value of frequency scrollbar
private int amplValue = 70; // def value of volume scrollbar
private int amplMultiplier = 100; // volume multiplier coeff
private int frequency, amplitude; // the requested values
private int soundFrequency; // the actual output frequency
// the mu-law encoded sound samples
private byte[] mu;
// the audio stream
private java.io.InputStream soundStream;
// graphic components
private Scrollbar barVolume, barFreq;
private Label labelValueFreq;
private Canvas canvas;
// flag for frequency value display
private boolean showFreq = true;
// width and height of canvas area
private int cw, ch;
// offscreen Image and Graphics objects
private Image img;
private Graphics graph;
// dimensions of the graphic ball
private int ovalX, ovalY, ovalW, ovalH;
// color of the graphic ball
private Color ovalColor;
// default font size
private int fontSize = 12;
// hyperlink objects
private Panel linkPanel;
private Label labelNS;
private Color inactiveLinkColor = Color.yellow;
private Color activeLinkColor = Color.white;
private Font inactiveLinkFont = new Font("Dialog", Font.PLAIN, fontSize);
private Font activeLinkFont = new Font("Dialog", Font.ITALIC, fontSize);
// standard font for the labels
private Font ctrlFont;
// standard foreground color for the labels
private Color fgColor = Color.white;
// standard background color for the control area
private Color ctrlColor = Color.darkGray;
// standard background color for the graphic ball area
private Color bgColor = Color.black;
// start value for the time counter
private long startTime;
// maximum life time for an unchanged sound (10 seconds)
private long fixedTime = 10000;
// animation thread
Thread runner;
// Constructors
public JazzMachine() {
// Methods
public void init() {
// read applet <PARAM> tags
setAppletParams();
// font for the labels
ctrlFont = new Font("Dialog", Font.PLAIN, fontSize);
// convert scrollbar values to real values (see below for details)
amplitude = (MAX_AMPL - amplValue) * amplMultiplier;
frequency = (int)Math.pow(1.2d, (double)(freqValue + 250) / 10.0);
setLayout(new BorderLayout());
setBackground(ctrlColor);
setForeground(fgColor);
Label labelVolume = new Label(" Volume ");
labelVolume.setForeground(fgColor);
labelVolume.setAlignment(Label.CENTER);
labelVolume.setFont(ctrlFont);
barVolume = new Scrollbar(Scrollbar.VERTICAL, amplValue, 1,
MIN_AMPL, MAX_AMPL + 1);
barVolume.addAdjustmentListener(this);
// assign fixed size to the scrollbar
Panel pVolume = new Panel();
pVolume.setLayout(null);
pVolume.add(barVolume);
barVolume.setSize(16, 90);
pVolume.setSize(16, 90);
Label labelFreq = new Label("Frequency");
labelFreq.setForeground(fgColor);
labelFreq.setAlignment(Label.RIGHT);
labelFreq.setFont(ctrlFont);
barFreq = new Scrollbar(Scrollbar.HORIZONTAL, freqValue, 1,
MIN_FREQ, MAX_FREQ);
barFreq.addAdjustmentListener(this);
// assign fixed size to the scrollbar
Panel pFreq = new Panel();
pFreq.setLayout(null);
pFreq.add(barFreq);
barFreq.setSize(140, 18);
pFreq.setSize(140, 18);
// show initial frequency value
labelValueFreq = new Label();
if (showFreq) {
labelValueFreq.setText("0000000 Hz");
labelValueFreq.setForeground(fgColor);
labelValueFreq.setAlignment(Label.LEFT);
labelValueFreq.setFont(ctrlFont);
Panel east = new Panel();
east.setLayout(new BorderLayout(10, 10));
east.add("North", labelVolume);
Panel pEast = new Panel();
pEast.add(pVolume);
east.add("Center", pEast);
Panel south = new Panel();
Panel pSouth = new Panel();
pSouth.setLayout(new FlowLayout(FlowLayout.CENTER));
pSouth.add(labelFreq);
pSouth.add(pFreq);
pSouth.add(labelValueFreq);
south.add("South", pSouth);
linkPanel = new Panel();
this.composeLink();
Panel west = new Panel();
// dummy label to enlarge the panel
west.add(new Label(" "));
add("North", linkPanel);
add("South", south);
add("East", east);
add("West", west);
add("Center", canvas = new Canvas());
private void composeLink() {
linkPanel.setLayout(new FlowLayout(FlowLayout.CENTER, 0, 5));
linkPanel.setFont(inactiveLinkFont);
linkPanel.setForeground(Color.yellow);
Label labelName = new Label(TITLE + " \u00a9");
labelName.setForeground(inactiveLinkColor);
labelName.setAlignment(Label.RIGHT);
labelNS = new Label(" Neural Semantics ");
labelNS.setForeground(inactiveLinkColor);
labelNS.setFont(inactiveLinkFont);
labelNS.setAlignment(Label.LEFT);
linkPanel.add(labelName);
linkPanel.add(labelNS);
// link to Neural Semantics website
String h = getDocumentBase().getHost();
if ((h.length() > 4) && (h.substring(0, 4).equals("www.")))
h = h.substring(4);
if ((h != null) && (! h.startsWith("neuralsemantics.com"))) {
// create a hand cursor for the hyperlink area
Cursor linkCursor = new Cursor(Cursor.HAND_CURSOR);
linkPanel.setCursor(linkCursor);
labelName.addMouseListener(this);
labelNS.addMouseListener(this);
private void switchAudio(boolean b) {
// switch audio to ON if b=true and audio is OFF
if ((b) && (! audioOn)) {
try {
sun.audio.AudioPlayer.player.start(soundStream);
catch(Exception e) { }
audioOn = true;
// switch audio to OFF if b=false and audio is ON
if ((! b) && (audioOn)) {
try {
sun.audio.AudioPlayer.player.stop(soundStream);
catch(Exception e) { }
audioOn = false;
private void getChanges() {
// create new sound wave
mu = getWave(frequency, amplitude);
// show new frequency value
if (showFreq)
labelValueFreq.setText((new Integer(soundFrequency)).toString() + " Hz");
// shut up !
switchAudio(false);
// switch audio stream to new sound sample
try {
soundStream = new sun.audio.ContinuousAudioDataStream(new
sun.audio.AudioData(mu));
catch(Exception e) { }
// listen
switchAudio(true);
// Adapt animation settings
double prop = (double)freqValue / (double)MAX_FREQ;
ovalW = (int)(prop * cw);
ovalH = (int)(prop * ch);
ovalX = (int)((cw - ovalW) / 2);
ovalY = (int)((ch - ovalH) / 2);
int r = (int)(255 * prop);
int b = (int)(255 * (1.0 - prop));
int g = (int)(511 * (.5d - Math.abs(.5d - prop)));
ovalColor = new Color(r, g, b);
// start the timer
startTime = System.currentTimeMillis();
// things are fixed
changed = false;
// Thread
public void start() {
// create thread
if (runner == null) {
runner = new Thread(this);
runner.start();
public void run() {
// infinite loop
while (true) {
// Volume or Frequency has changed ?
if (changed)
this.getChanges();
// a touch of hallucination
repaint();
// let the children sleep. Shut up if inactive during more
// than the fixed time.
if (System.currentTimeMillis() - startTime > fixedTime)
switchAudio(false);
// let the computer breath
try { Thread.sleep(100); }
catch (InterruptedException e) { }
public void stop() {
this.cleanup();
public void destroy() {
this.cleanup();
private synchronized void cleanup() {
// shut up !
switchAudio(false);
// kill the runner thread
if (runner != null) {
try {
runner.stop();
runner.join();
runner = null;
catch(Exception e) { }
// AdjustmentListener Interface
public void adjustmentValueChanged(AdjustmentEvent e) {
Object source = e.getSource();
// Volume range : 0 - 10000
// ! Scrollbar value range is inverted.
// ! 100 = multiplier coefficient.
if (source == barVolume) {
amplitude = (MAX_AMPL - barVolume.getValue()) * amplMultiplier;
changed = true;
// Frequency range : 97 - 3591 Hz
// ! Scrollbar value range represents a logarithmic function.
// The purpose is to assign more room for low frequency values.
else if (source == barFreq) {
freqValue = barFreq.getValue();
frequency = (int)Math.pow(1.2d, (double)(freqValue + 250) / 10.0);
changed = true;
// MouseListener Interface
public void mouseClicked(MouseEvent e) {
public void mouseEntered(MouseEvent e) {
// text color rollover
labelNS.setForeground(activeLinkColor);
labelNS.setFont(activeLinkFont);
showStatus("Visit Neural Semantics");
public void mouseExited(MouseEvent e) {
// text color rollover
labelNS.setForeground(inactiveLinkColor);
labelNS.setFont(inactiveLinkFont);
showStatus("");
public void mousePressed(MouseEvent e) {
try {
java.net.URL url = new java.net.URL("http://www.neuralsemantics.com/");
AppletContext ac = getAppletContext();
if (ac != null)
ac.showDocument(url);
catch(Exception ex){ }
public void mouseReleased(MouseEvent e) {
// Painting
public void update(Graphics g) {
Graphics canvasGraph = canvas.getGraphics();
if (img == null) {
// get canvas dimensions
cw = canvas.getSize().width;
ch = canvas.getSize().height;
// initialize offscreen image
img = createImage(cw, ch);
graph = img.getGraphics();
// offscreen painting
graph.setColor(bgColor);
graph.fillRect(0, 0, cw, ch);
graph.setColor(ovalColor);
graph.fillOval(ovalX, ovalY, ovalW, ovalH);
// canvas painting
if (canvasGraph != null) {
canvasGraph.drawImage(img, 0, 0, canvas);
canvasGraph.dispose();
// Sound processing
// Creates a sound wave from scratch, using predefined frequency
// and amplitude.
private byte[] getWave(int freq, int ampl) {
int lin;
// calculate the number of samples in one sinewave period
// !! change this to multiple periods if you need more precision !!
int nSample = (int)(rate / freq);
// calculate output wave frequency
soundFrequency = (int)(rate / nSample);
// create array of samples
byte[] wave = new byte[nSample];
// pre-calculate time interval & constant stuff
double timebase = 2.0 * Math.PI * freq / rate;
// Calculate samples for a single period of the sinewave.
// Using a single period is no big precision, but enough
// for this applet anyway !
for (int i=0; i<nSample; i++) {
// calculate PCM sample value
lin = (int)(Math.sin(timebase * i) * ampl);
// convert it to mu-law
wave[i] = linToMu(lin);
return wave;
private static byte linToMu(int lin) {
int mask;
if (lin < 0) {
lin = -lin;
mask = 0x7F;
else {
mask = 0xFF;
if (lin < 32)
lin = 0xF0 | 15 - (lin / 2);
else if (lin < 96)
lin = 0xE0 | 15 - (lin-32) / 4;
else if (lin < 224)
lin = 0xD0 | 15 - (lin-96) / 8;
else if (lin < 480)
lin = 0xC0 | 15 - (lin-224) / 16;
else if (lin < 992)
lin = 0xB0 | 15 - (lin-480) / 32;
else if (lin < 2016)
lin = 0xA0 | 15 - (lin-992) / 64;
else if (lin < 4064)
lin = 0x90 | 15 - (lin-2016) / 128;
else if (lin < 8160)
lin = 0x80 | 15 - (lin-4064) / 256;
else
lin = 0x80;
return (byte)(mask & lin);
// Applet info
public String getAppletInfo() {
String s = "The jazz machine" + LSEP + LSEP +
"A music synthetizer applet" + LSEP +
"Copyright (c) Neural Semantics, 2000-2002" + LSEP + LSEP +
"Home page : http://www.neuralsemantics.com/";
return s;
private void setAppletParams() {
// read the HTML showfreq parameter
String param = getParameter("showfreq");
if (param != null)
if (param.toUpperCase().equals("OFF"))
showFreq = false;
// read the HTML backcolor parameter
bgColor = changeColor(bgColor, getParameter("backcolor"));
// read the HTML controlcolor parameter
ctrlColor = changeColor(ctrlColor, getParameter("controlcolor"));
// read the HTML textcolor parameter
fgColor = changeColor(fgColor, getParameter("textcolor"));
// read the HTML fontsize parameter
param = getParameter("fontsize");
if (param != null) {
try {
fontSize = Integer.valueOf(param).intValue();
catch (NumberFormatException e) { }
private Color changeColor(Color c, String s) {
if (s != null) {
try {
if (s.charAt(0) == '#')
c = new Color(Integer.valueOf(s.substring(1), 16).intValue());
else
c = new Color(Integer.valueOf(s).intValue());
catch (NumberFormatException e) { e.printStackTrace(); }
return c;
}thanks LIZ
PS If you can help how do I Give the Duke dollers to youhttp://www.google.ca/search?q=java+oval+shape+to+plot&hl=en&lr=&ie=UTF-8&oe=UTF-8&start=10&sa=N
Ask the guy who made it for more help -
Overlay Images and Shapes on the same canvas
The example copde below was taken from: http://math.hws.edu/eck/cs124/javanotes3/source/
Is it possible to update the code so that images (jpg,gif) can be added as well as shapes?
Any help with this is much appreciated.
The ShapeDraw applet lets the user add small colored shapes to
a drawing area and then drag them around. The shapes are rectangles,
ovals, and roundrects. The user adds a shape to the canvas by
clicking on a button. The shape is added at the upper left corner
of the canvas. The color of the shape is given by the current
setting of a pop-up menu. The user can drag the shapes with the
mouse. Ordinarily, the shapes maintain a given back-to-front order.
However, if the user shift-clicks on a shape, that shape will be
brought to the front.
A menu can be popped up on a shape (by right-clicking or performing
some othe platform-dependent action). This menu allows the user
to change the size and color of a shape. It is also possible to
delete the shape and to bring it to the front.
This file defines the applet class plus several other classes used
by the applet, namely: ShapeCanvas, Shape, RectShape, OvalShape,
and RoundRectShape.
David Eck
July 28, 1998
import java.awt.*;
import java.awt.event.*;
import java.applet.Applet;
import java.util.Vector;
public class ShapeDrawWithMenu extends Applet {
public void init() {
// Set up the applet's GUI. It consists of a canvas, or drawing area,
// plus a row of controls below the canvas. The controls include three
// buttons which are used to add shapes to the canvas and a Choice menu
// that is used to select the color used for a shape when it is created.
// The canvas is set as the "listener" for these controls so that it can
// respond to the user's actions. (The pop-up menu is created by the canvas.)
setBackground(Color.lightGray);
ShapeCanvas canvas = new ShapeCanvas(); // create the canvas
Choice colorChoice = new Choice(); // color choice menu
colorChoice.add("Red");
colorChoice.add("Green");
colorChoice.add("Blue");
colorChoice.add("Cyan");
colorChoice.add("Magenta");
colorChoice.add("Yellow");
colorChoice.add("Black");
colorChoice.add("White");
colorChoice.addItemListener(canvas);
Button rectButton = new Button("Rect"); // buttons for adding shapes
rectButton.addActionListener(canvas);
Button ovalButton = new Button("Oval");
ovalButton.addActionListener(canvas);
Button roundRectButton = new Button("RoundRect");
roundRectButton.addActionListener(canvas);
Panel bottom = new Panel(); // a Panel to hold the control buttons
bottom.setLayout(new GridLayout(1,4,3,3));
bottom.add(rectButton);
bottom.add(ovalButton);
bottom.add(roundRectButton);
bottom.add(colorChoice);
setLayout(new BorderLayout(3,3));
add("Center",canvas); // add canvas and controls to the applet
add("South",bottom);
public Insets getInsets() {
// Says how much space to leave between the edges of the applet and the
// components in the applet.
return new Insets(3,3,3,3);
} // end class ShapeDraw
class ShapeCanvas extends Canvas implements ActionListener, ItemListener,
MouseListener, MouseMotionListener {
// This class represents a canvas that can display colored shapes and
// let the user drag them around. It uses an off-screen images to
// make the dragging look as smooth as possible. A pop-up menu is
// added to the canvas that can be used to performa certain actions
// on the shapes;
Image offScreenCanvas = null; // off-screen image used for double buffering
Graphics offScreenGraphics; // graphics context for drawing to offScreenCanvas
Vector shapes = new Vector(); // holds a list of the shapes that are displayed on the canvas
Color currentColor = Color.red; // current color; when a shape is created, this is its color
ShapeCanvas() {
// Constructor: set background color to white, set up listeners to respond to mouse actions,
// and set up the pop-up menu
setBackground(Color.white);
addMouseListener(this);
addMouseMotionListener(this);
popup = new PopupMenu();
popup.add("Red");
popup.add("Green");
popup.add("Blue");
popup.add("Cyan");
popup.add("Magenta");
popup.add("Yellow");
popup.add("Black");
popup.add("White");
popup.addSeparator();
popup.add("Big");
popup.add("Medium");
popup.add("Small");
popup.addSeparator();
popup.add("Delete");
popup.add("Bring To Front");
add(popup);
popup.addActionListener(this);
} // end construtor
synchronized public void paint(Graphics g) {
// In the paint method, everything is drawn to an off-screen canvas, and then
// that canvas is copied onto the screen.
makeOffScreenCanvas();
g.drawImage(offScreenCanvas,0,0,this);
public void update(Graphics g) {
// Update method is called when canvas is to be redrawn.
// Just call the paint method.
paint(g);
void makeOffScreenCanvas() {
// Erase the off-screen canvas and redraw all the shapes in the list.
// (First, if canvas has not yet been created, then create it.)
if (offScreenCanvas == null) {
offScreenCanvas = createImage(getSize().width,getSize().height);
offScreenGraphics = offScreenCanvas.getGraphics();
offScreenGraphics.setColor(getBackground());
offScreenGraphics.fillRect(0,0,getSize().width,getSize().height);
int top = shapes.size();
for (int i = 0; i < top; i++) {
Shape s = (Shape)shapes.elementAt(i);
s.draw(offScreenGraphics);
public void itemStateChanged(ItemEvent evt) {
// This is called to respond to item events. Such events
// can only be sent by the color choice menu,
// so respond by setting the current color according to
// the selected item in that menu.
Choice colorChoice = (Choice)evt.getItemSelectable();
switch (colorChoice.getSelectedIndex()) {
case 0: currentColor = Color.red; break;
case 1: currentColor = Color.green; break;
case 2: currentColor = Color.blue; break;
case 3: currentColor = Color.cyan; break;
case 4: currentColor = Color.magenta; break;
case 5: currentColor = Color.yellow; break;
case 6: currentColor = Color.black; break;
case 7: currentColor = Color.white; break;
public void actionPerformed(ActionEvent evt) {
// Called to respond to action events. The three shape-adding
// buttons have been set up to send action events to this canvas.
// Respond by adding the appropriate shape to the canvas. This
// also be a command from a pop-up menu.
String command = evt.getActionCommand();
if (command.equals("Rect"))
addShape(new RectShape());
else if (command.equals("Oval"))
addShape(new OvalShape());
else if (command.equals("RoundRect"))
addShape(new RoundRectShape());
else
doPopupMenuCommand(command);
synchronized void addShape(Shape shape) {
// Add the shape to the canvas, and set its size/position and color.
// The shape is added at the top-left corner, with size 50-by-30.
// Then redraw the canvas to show the newly added shape.
shape.setColor(currentColor);
shape.reshape(3,3,50,30);
shapes.addElement(shape);
repaint();
// ------------ This rest of the class implements dragging and the pop-up menu ---------------------
PopupMenu popup;
Shape selectedShape = null; // This is null unless a menu has been popped up on this shape.
Shape draggedShape = null; // This is null unless a shape has been selected for dragging.
int prevDragX; // During dragging, these record the x and y coordinates of the
int prevDragY; // previous position of the mouse.
Shape clickedShape(int x, int y) {
// Find the frontmost shape at coordinates (x,y); return null if there is none.
for ( int i = shapes.size() - 1; i >= 0; i-- ) { // check shapes from front to back
Shape s = (Shape)shapes.elementAt(i);
if (s.containsPoint(x,y))
return s;
return null;
void doPopupMenuCommand(String command) {
// Handle a command from the pop-up menu.
if (selectedShape == null) // should be impossible
return;
if (command.equals("Red"))
selectedShape.setColor(Color.red);
else if (command.equals("Green"))
selectedShape.setColor(Color.green);
else if (command.equals("Blue"))
selectedShape.setColor(Color.blue);
else if (command.equals("Cyan"))
selectedShape.setColor(Color.cyan);
else if (command.equals("Magenta"))
selectedShape.setColor(Color.magenta);
else if (command.equals("Yellow"))
selectedShape.setColor(Color.yellow);
else if (command.equals("Black"))
selectedShape.setColor(Color.black);
else if (command.equals("White"))
selectedShape.setColor(Color.white);
else if (command.equals("Big"))
selectedShape.resize(75,45);
else if (command.equals("Medium"))
selectedShape.resize(50,30);
else if (command.equals("Small"))
selectedShape.resize(25,15);
else if (command.equals("Delete"))
shapes.removeElement(selectedShape);
else if (command.equals("Bring To Front")) {
shapes.removeElement(selectedShape);
shapes.addElement(selectedShape);
repaint();
synchronized public void mousePressed(MouseEvent evt) {
// User has pressed the mouse. Find the shape that the user has clicked on, if
// any. If there is a shape at the position when the mouse was clicked, then
// start dragging it. If the user was holding down the shift key, then bring
// the dragged shape to the front, in front of all the other shapes.
int x = evt.getX(); // x-coordinate of point where mouse was clicked
int y = evt.getY(); // y-coordinate of point
if (evt.isPopupTrigger()) { // If this is a pop-up menu event that
selectedShape = clickedShape(x,y); // occurred over a shape, record which shape
if (selectedShape != null) // it is and show the menu.
popup.show(this,x,y);
else {
draggedShape = clickedShape(x,y);
if (draggedShape != null) {
prevDragX = x;
prevDragY = y;
if (evt.isShiftDown()) { // Bring the shape to the front by moving it to
shapes.removeElement(draggedShape); // the end of the list of shapes.
shapes.addElement(draggedShape);
repaint(); // repaint canvas to show shape in front of other shapes
synchronized public void mouseDragged(MouseEvent evt) {
// User has moved the mouse. Move the dragged shape by the same amount.
if (draggedShape != null) {
int x = evt.getX();
int y = evt.getY();
draggedShape.moveBy(x - prevDragX, y - prevDragY);
prevDragX = x;
prevDragY = y;
repaint(); // redraw canvas to show shape in new position
synchronized public void mouseReleased(MouseEvent evt) {
// User has released the mouse. Move the dragged shape, then set
// shapeBeingDragged to null to indicate that dragging is over.
// If the shape lies completely outside the canvas, remove it
// from the list of shapes (since there is no way to ever move
// it back onscreen).
int x = evt.getX();
int y = evt.getY();
if (draggedShape != null) {
draggedShape.moveBy(x - prevDragX, y - prevDragY);
if ( draggedShape.left >= getSize().width || draggedShape.top >= getSize().height ||
draggedShape.left + draggedShape.width < 0 ||
draggedShape.top + draggedShape.height < 0 ) { // shape is off-screen
shapes.removeElement(draggedShape); // remove shape from list of shapes
draggedShape = null;
repaint();
else if (evt.isPopupTrigger()) { // If this is a pop-up menu event that
selectedShape = clickedShape(x,y); // occurred over a shape, record the
if (selectedShape != null) // shape and show the menu.
popup.show(this,x,y);
public void mouseEntered(MouseEvent evt) { } // Other methods required for MouseListener and
public void mouseExited(MouseEvent evt) { } // MouseMotionListener interfaces.
public void mouseMoved(MouseEvent evt) { }
public void mouseClicked(MouseEvent evt) { }
} // end class ShapeCanvas
abstract class Shape {
// A class representing shapes that can be displayed on a ShapeCanvas.
// The subclasses of this class represent particular types of shapes.
// When a shape is first constucted, it has height and width zero
// and a default color of white.
int left, top; // Position of top left corner of rectangle that bounds this shape.
int width, height; // Size of the bounding rectangle.
Color color = Color.white; // Color of this shape.
void reshape(int left, int top, int width, int height) {
// Set the position and size of this shape.
this.left = left;
this.top = top;
this.width = width;
this.height = height;
void resize(int width,int height) {
// Set the size without changing the position
this.width = width;
this.height = height;
void moveTo(int x, int y) {
// Move upper left corner to the point (x,y)
this.left = x;
this.top = y;
void moveBy(int dx, int dy) {
// Move the shape by dx pixels horizontally and dy pixels veritcally
// (by changing the position of the top-left corner of the shape).
left += dx;
top += dy;
void setColor(Color color) {
// Set the color of this shape
this.color = color;
boolean containsPoint(int x, int y) {
// Check whether the shape contains the point (x,y).
// By default, this just checks whether (x,y) is inside the
// rectangle that bounds the shape. This method should be
// overridden by a subclass if the default behaviour is not
// appropriate for the subclass.
if (x >= left && x < left+width && y >= top && y < top+height)
return true;
else
return false;
abstract void draw(Graphics g);
// Draw the shape in the graphics context g.
// This must be overriden in any concrete subclass.
} // end of class Shape
class RectShape extends Shape {
// This class represents rectangle shapes.
void draw(Graphics g) {
g.setColor(color);
g.fillRect(left,top,width,height);
g.setColor(Color.black);
g.drawRect(left,top,width,height);
class OvalShape extends Shape {
// This class represents oval shapes.
void draw(Graphics g) {
g.setColor(color);
g.fillOval(left,top,width,height);
g.setColor(Color.black);
g.drawOval(left,top,width,height);
boolean containsPoint(int x, int y) {
// Check whether (x,y) is inside this oval, using the
// mathematical equation of an ellipse.
double rx = width/2.0; // horizontal radius of ellipse
double ry = height/2.0; // vertical radius of ellipse
double cx = left + rx; // x-coord of center of ellipse
double cy = top + ry; // y-coord of center of ellipse
if ( (ry*(x-cx))*(ry*(x-cx)) + (rx*(y-cy))*(rx*(y-cy)) <= rx*rx*ry*ry )
return true;
else
return false;
class RoundRectShape extends Shape {
// This class represents rectangle shapes with rounded corners.
// (Note that it uses the inherited version of the
// containsPoint(x,y) method, even though that is not perfectly
// accurate when (x,y) is near one of the corners.)
void draw(Graphics g) {
g.setColor(color);
g.fillRoundRect(left,top,width,height,width/3,height/3);
g.setColor(Color.black);
g.drawRoundRect(left,top,width,height,width/3,height/3);
}Manveer-Singh
Please don't post in old threads that are long dead. When you have a question, please start a topic of your own. Feel free to provide a link to an old thread if relevant.
I'm locking this 3 year old thread now.
db
edit You have earlier been advised not to post in old dead threads.
[http://forums.sun.com/thread.jspa?threadID=354443]
Continuing to ignore this advice will render your account liable to be blocked.
Edited by: Darryl.Burke -
Jdeveloper visual editor do not show images and other component shapes
I used jdeveloper(10.1.3.3.0) to create an ADF BC application, I create a jsf jsp file and drag and drop components from ADF Faces Core to this file visual editor, but jdeveloper visual editor do not show images and other component shapes.
Could you tell me how I can fix this problem?
Thanks,
MikeActually, I need to make a dummy change to the jsp file and then it will display boxes representing the objects in the visual editor whereas I get an exception in the log:
javax.servlet.jsp.JspException: Cannot find FacesContext
This does not talk much to me !
Thanks -
Mouse Coordinate issues caused by Scaling Components in a JScrollPane
Hi All,
I've been attempting to write a program that includes a simple modeler. However, I've been having some trouble with being able to select components when attempting to implement zoom functionality - when I "zoom" (which is done via scroll wheel) using the scale Graphics2D method, while it zooms correctly, the mouse location of components do not seem scale.
I've tried one of the solutions found on the forums here (create a custom event queue that adjusts the mouse coordinates) and while it seemed to work initially, if I zoom in and adjust the current view position using the scrollbars, certain components contained in the JPane will become un-selectable and I haven't been able to work out why.
I've attached a SSCCE that reproduces the problem below - it implements a JScrollPane with a JPane with a few selectable shapes set as the Viewport. The zoom is done using the mouse scroll wheel (with wheel up being zoom in and wheel down being zoom out)
Any help in order to fix the selection/de-selection issues on zoom would be greatly appreciated! I've spent some time reading through the forums here but have unfortunately not been able to find a workable solution around it.
import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import javax.swing.*;
public class Tester extends JScrollPane
public Tester() {
this.setViewportView(new Model());
public static void main (String[] args) {
JFrame main = new JFrame();
main.add(new Tester());
main.setSize(500,300);
main.setResizable(false);
main.setVisible(true);
class Model extends JPanel implements MouseListener, MouseWheelListener
private GfxClass selection = null;
private static double zoomLevel = 1;
// zoom methods
public void setZoom(double zoom) {
if( zoom < 0 && zoomLevel > 1.0)
zoomLevel += zoom;
if( zoom > 0 && zoomLevel < 5.0)
zoomLevel += zoom;
public static double getZoom() { return zoomLevel; }
public void resetZoom() { zoomLevel = 1; }
public Model() {
super(null);
addMouseListener(this);
addMouseWheelListener(this);
MyEventQueue meq = new MyEventQueue();
Toolkit.getDefaultToolkit().getSystemEventQueue().push(meq);
for(int i = 0; i <7; i++) {
double angle = Math.toRadians(i * 360 / 7);
GfxClass oc_tmp = new GfxClass((int)(200 + 150 * Math.cos(angle)), (int)(125 + 100 * Math.sin(angle)), "Element"+i);
add(oc_tmp);
repaint();
public void paint (Graphics g) {
Graphics2D g2 = (Graphics2D) g.create();
AffineTransform oldTr=g2.getTransform();
g2.scale(getZoom(),getZoom());
super.paint(g2);
g2.setTransform(oldTr);
setBackground (Color.white);
super.paintBorder(g2);
private static class MyEventQueue extends EventQueue {
protected void dispatchEvent(AWTEvent event) {
AWTEvent event2=event;
if ( !(event instanceof MouseWheelEvent) && (event instanceof MouseEvent) ) {
if ( event.getSource() instanceof Component && event instanceof MouseEvent) {
MouseEvent me=(MouseEvent)event2;
Component c=(Component)event.getSource();
Component cursorComponent=SwingUtilities.getDeepestComponentAt(c, me.getX(), me.getY());
JPanel zContainer= getZoomedPanel(cursorComponent);
if (zContainer!=null) {
int x=me.getX();
Point p=SwingUtilities.convertPoint(zContainer,0,0,(Component)event.getSource());
int cX=me.getX()-p.x;
x=x-cX+(int)(cX/getZoom());
int y=me.getY();
int cY=me.getY()-p.y;
y=y-cY+(int)(cY/getZoom());
MouseEvent ze = new MouseEvent(me.getComponent(), me.getID(), me.getWhen(), me.getModifiers(), x, y, me.getClickCount(), me.isPopupTrigger());
event2=ze;
super.dispatchEvent(event2);
public static JPanel getZoomedPanel(Component c) {
if (c == null)
return null;
else if (c instanceof Model)
return (Model)c;
else
return getZoomedPanel(c.getParent());
private void deselectAll() {
if(selection != null)
selection.setSelected(false);
selection = null;
public void mouseClicked(MouseEvent arg0) { }
public void mouseEntered(MouseEvent arg0) { }
public void mouseExited(MouseEvent arg0) { }
public void mouseReleased(MouseEvent arg0) { }
public void mousePressed(MouseEvent me) {
Component c1 = findComponentAt(me.getX(),me.getY());
if(c1 instanceof GfxClass)
if(selection != null)
selection.setSelected(false);
selection = (GfxClass)c1;
selection.setSelected(true);
else
deselectAll();
repaint();
return;
public void mouseWheelMoved(MouseWheelEvent e) { // controls zoom
int notches = e.getWheelRotation();
if (notches < 0)
setZoom(0.1);
else
setZoom(-0.1);
this.setSize(new Dimension((int)(500*getZoom()),(int)(300*getZoom())));
this.setPreferredSize(new Dimension((int)(500*getZoom()),(int)(300*getZoom())));
repaint();
class GfxClass extends Component { // simple graphical component
private boolean isSelected = false;
private String name;
public GfxClass(int xPos, int yPos, String name) {
this.name = name;
this.setLocation(xPos,yPos);
this.setSize(100,35);
public void setSelected(boolean b) {
if( b == isSelected )
return;
isSelected = b;
repaint();
public boolean isSelected() {
return isSelected;
public void paint(Graphics g2) {
Graphics2D g = (Graphics2D)g2;
if( isSelected )
g.setColor(Color.RED);
else
g.setColor(Color.BLUE);
g.fill(new Ellipse2D.Double(0,0,100,35));
g.setColor(Color.BLACK);
g.drawString(name, getSize().width/2 - 25, getSize().height/2);
}Edited by: Kys99 on Feb 22, 2010 9:09 AM
Edited by: Kys99 on Feb 22, 2010 9:10 AMDelete your EventQueue class. Change one line of code in your mouse pressed method.
public void mousePressed(MouseEvent me) {
Component c1 = findComponentAt((int) (me.getX()/getZoom()),
(int) (me.getY()/getZoom()));
} -
Maximum no of Components in Xcelsius
Hi,
Has anyone any idea if SAP is coming up with any document which can guide upon various issues we usually face with Xcelsius:-
Like No of Rows?
No. Of Connections
No. of Components?
I am working on a dashboard for a client which has 242 Components. Some of the users can open the generated SWF but some cannot. And if I reduce no. of compoents to 176 everyone can open that.
Inspite of that I am unable to convience the client to change the approach because there is no document/guidelines from SAP about it.
Appreciate your answers!
RegardsThe maximum number of components depends mainly on the memory the flash player can allocate.
XCelsius is a tool for displaying consolidated infromation (ie. a small number of data rows). It is tempting to exploit the graphical capabilities of it by using a large number of components by you should keep an eye on the performance.
Since the same XCelsius component or data connection can consume a different amount of memory every time depending eg. on the data displayed or fetched, the only meaningful guideline here is to make sure that your design fullfills your performance criteria by testing it using multiple test scenarios.
BTW If you need to have complex logic which processes mass data with high graphical (even interactive) requirements maybe you should consider using Cystal Rports with embedded XCelsius dashboards.
Regards
Stratos
PS: eg. Microsoft does not provide a recommendation regarding the number of f graphical shapes a Word document should contain. -
Implementing drag and drop across components with drag image...
Hey all,
Finally got the hang of drag and drop. Not too hard, but a little time consuming. I found an article showing how to capture and drag a BufferedImage within a JTree. When you click and drag a node, it creates a BufferedImage of the node on screen and "ghosts" it a bit, which has a very appealing effect.
However, when I try to drag this image to a JList component, it disappears. So I created the same affect in the JList component. Now you can drag the image from the tree to the list and vice versa. However, the problem is, the image does not "fly over" the borders of the two components (butted up against each other) with the mouse. The image seems to go under the borders, while the mouse floats above everything.
What I would like to do is be able to drag the image all over the application, perhaps even the desktop in the case of a SDI application. I want to be able to see this image drag from my Java app over the Windows Explorer folder, just like how you can do that with Windows Explorer, dragging an image of the selected node into any app that supports the drop. I know we can handle the "transfer" data from explorer and vice versa, but how to be able to keep an image with the mouse?
My best guess is somehow using the Glass pane, grabbing a ref to its BufferedImage (if that is even what is there), and drawing the dragged item in that pane. But, then, how will the image move over the desktop outside of the app, where a glass pane is not?
Is there a way to draw on top of anything, anywhere, but still be able to redraw the background as the image moves with the mouse? There are times where the image may be big, so I don't want to have to capture the underlying screen as an image covering the size of the drag image to restore it as the drag image moves around.
Thank you.We know cursors support some degree of transparence because they have shapes other than blocks.
I've done some playing around with
Toolkit.getDefaultToolkit().createCustomCursor(....);The sad news is, it seems that as soon as a pixel's alpha value is greater than 0, it automatically becomes 100% opaque.
The best you can do, is to take your image, and divide it into a pixel-checkerboard, and set the alpha value of alternating pixels to 0.
e.g.
BufferedImage i = new BufferedImage(32, 32, BufferedImage.TYPE_INT_ARGB);
int[] data = ((DataBufferInt)i.getRaster().getDataBuffer()).getData();
boolean on = true;
for (int z=0; z<data.length; z++)
if (on)
data[z] = 0xffffffff;
else
data[z] = 0x00000000;
on = !on;
if (z%32==0) on = !on;
Cursor hazyWhite = Toolkit.getDefaultToolkit().createCustomCursor(i, new Point(0,0), "hw"); -
How to make shape objects clickable/selectable in transformgroups in java 3
I am building a visualizer program that has Java 3D components inside Swing components. I have a branchgroup inside a canvas3d inside a simpleuniverse, which is added to a JTabbedPane. Inside the branchgroup I have multiple transformgroups each with one shape in them (box, cone, sphere, cylinder). Each transformgroup has the ability to rotate, zoom, and tranlate objects because I have incorperated a MouseZoom, MouseRotate, and MouseTranslate object as from the Java 3D library functions (these are applied to each transformgroup every time one is created and added to the branchgroup). My problem is that I am trying to make these shapes clickable/sectable/dragable/dropable on the screen - currently when I try to translate ONE object all the shapes move on the screen and I cannot get just one shape to move (all shapes move when I only want one to). How do I make only one shape move when it is clicked?
I know the question is kind of out there and specific so if anyone knows how to generically give transformgroups/shapes drag and drop properties that would also help a great deal. Does anyone know how to to this? Thanks a ton.shape uses the contains and intersects methods, is that what you need? Without code it is hard to guess what is required.
-
Detecting change of position and size of child components
As a JavafX learning excercise I want to create a scrollable container (Scrollbox). This may not seem a difficult thing to do but I want to simulate the CSS "overflow: auto" behaviour so the scrollbars only appear when the content overflows the container.
With the following code I can detect when the content changes and determine if scrollbars are needed, but if any of the child components are moved or resized I need to call checkOverflow again and I can't figure out the binding to do this.
override var content on replace {
checkOverflow();
I may have the approach completely wrong so any help is much appreciated.
Thanks.
coolbeansThis is what I have ended up with. The container will dynamically add vertical and horizontal scrollbars if any nodes in the content overflow the scrollbox container. I have also added an option to allow the scrollbox area to be scrolled by dragging the content area but if you don't like this you can turn it off. The source code is below and as this is my first look at Javafx I will be interested in any feedback.
* ScrollBox.fx
* Copyright 2009 Coolbeans
package coolbeans;
import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.Group;
import javafx.scene.layout.Panel;
import javafx.scene.shape.Rectangle;
import javafx.scene.paint.Color;
import javafx.scene.control.ScrollBar;
import javafx.scene.input.MouseEvent;
public class ScrollBox extends CustomNode {
//Public Properties
public var width: Number = 300 on replace { checkControls(); };
public var height: Number = 300 on replace { checkControls();}
public var content:Node[];
public var borderColor:Color = Color.LIGHTGRAY;
public var fill:Color = Color.WHITE;
public var allowDragScroll:Boolean = true;
//Private Stuff
var view: Panel;
var saveVscrollVal: Float;
var saveHscrollVal: Float;
var hscroll:ScrollBar = ScrollBar {
vertical: false;
visible: false;
min: 0;
var vscroll:ScrollBar = ScrollBar {
vertical: true;
visible: false;
min: 0;
override public function create() : Node {
Group {
content: [
Rectangle {
fill: bind fill
width: bind width - 1
height: bind height - 1
stroke: bind borderColor
hscroll, vscroll,
Group {
content: [
view = Panel {
content: bind content;
onLayout: function() : Void {
checkControls();
layoutX: bind -hscroll.value
layoutY: bind -vscroll.value
clip: Rectangle {
width: bind if (vscroll.visible) then
width - vscroll.width
else width;
height: bind if (hscroll.visible) then
height - hscroll.height
else height;
onMousePressed: function( e: MouseEvent ):Void {
saveVscrollVal = vscroll.value;
saveHscrollVal = hscroll.value;
onMouseDragged: function( e: MouseEvent ):Void {
handleMouseDrag(e.dragX, e.dragY);
clip: Rectangle { width: bind width, height: bind height}
function checkControls() : Void {
var maxX:Float = 0;
var maxY:Float = 0;
//Calculate the maximum size of the viewport
for (c in content) {
var b = c.boundsInLocal;
if (b.maxX > maxX) maxX = b.maxX;
if (b.maxY > maxY) maxY = b.maxY;
if (maxX > width) {
hscroll.width = width;
hscroll.layoutY = height - hscroll.height - 1;
hscroll.max = maxX - width;
hscroll.visible = true;
} else {
hscroll.value = 0;
hscroll.visible = false;
if (maxY > height) {
vscroll.height = height;
vscroll.layoutX = width - vscroll.width - 1;
vscroll.max = maxY - height;
vscroll.visible = true;
} else {
vscroll.value = 0;
vscroll.visible = false;
//Make sure the scrollbars don't overlap in the bottom right corner
if (hscroll.visible and vscroll.visible) {
hscroll.width -= vscroll.width;
vscroll.height -= hscroll.height;
view.width = maxX;
view.height = maxY;
function handleMouseDrag(dragX:Float, dragY:Float) : Void {
if (allowDragScroll = false) return;
if (vscroll.visible) {
var newpos = saveVscrollVal + -dragY;
if (newpos < vscroll.min)
newpos = vscroll.min
else if (newpos > vscroll.max)
newpos = vscroll.max;
vscroll.value = newpos;
if (hscroll.visible) {
var newpos = saveHscrollVal + -dragX;
if (newpos < hscroll.min)
newpos = hscroll.min
else if (newpos > hscroll.max)
newpos = hscroll.max;
hscroll.value = newpos;
} -
Scaling / Resizing Catalyst Components in Builder
Hi,
I'm looking at setting up the proper workflow for a large project. We envision multiple developers and multiple designers on the project.
The major sticking point now is scaling and resizing the components generated by Catalyst once they're in Builder. One would think that once you've skinned, for example, a scrollbar in Catalyst that you could then resize it in Builder to match different layouts.
However, as I suspect you already know, the sizes do not change at all in Builder.
We can get into the source code in builder and add in a bunch of width/height = 100% attributes, but these break down at the point that there are Paths defined in the code. The Path elements would need to be re-coded to scale.
So, I really have two questions:
1) What exactly does "Convert to Optimized Graphic" do? Will this recreate all Paths to standard shapes that will scale?
2) Is there a better system coming in the next Beta? If so, can you describe it a bit?
Thanks a lot,
KirkThis morning I sat down to use catalyst for the first time. I am preparing for a talk at Flash on The Beach in Brighton this year and I was hoping to be able to show how a view build in Catalyst could be injected into an app using Robotlegs.
I watched http://tv.adobe.com/watch/adc-presents/create-spark-component-skins-using-flash-catalyst and thought that looked cool.
I also watched http://tv.adobe.com/watch/flash-catalyst-cs5-feature-tour/sending-your-project-to-a-develo per, and saw the component library output looked awesome.
So I started to build an interface, first by creating a custom button component (much like the first video) and then distributing those buttons in a completely custom button holder component. It is this button holder that would be injected, and in the holder each button would have an id so that references to them could be obtained after injection into the application.
From the videos above this looked eminently doable and quite a good workflow. Designer design and layout components that get built into a library, and developers use those components in an application without actually recoding the components.
This sounded great, but imagine my dissapointment when I discovered
1) A custom component can not be resized in the design view of Catalyst - you have to create another component class with a different size!
2) A component/skin developed in Catalyst can not even resize when imported into Flash Builder unless you recode it.
3) You can't name instances of components in the design view.
So my plan was completely foiled. I mean, surely a button skin/component can not be considered a button skin/component unless it can be resized!
I like Flex and I think Flex 4 is a big step forward, however I have never met a designer who liked it. Designers cannot effectively layout applications themselves using Flex. In fact where I work they are pushing to prevent ANY future flex development because of the problems with designers not being able to do this (we make and maintain some very highly skinned Flex 3 applications). I am the only front end Flex developer there and anytime I start to develop in Flex it is seen as very awkward and a problem.
I hoped that Catalyst would solve some of these problems, but it unfortunately fails dismally because of the above problems that I mentioned.
These three things would go a long way to improving developer design workflow for Flex and Catalyst. Any ideas for if/when this functionality might be included?
Maybe you are looking for
-
To get an Pop up message while creating sales order to refer
Hi All, We have requirement where in a POP UP screen is required to display while creating a Return Order. The message can be" Please refer this return order to sales order or to the Invoice if required" Please let me know is there any OSS note for
-
Wat is the diff. between at first and top of page
pls let me know
-
Is SAP Business connector required for faxing of scripts....
Hi, Do we need to have SAP Business connector if we want to fax the script or form ? Regards, Rajesh
-
Hi Experts, i am working on ccms alerts. am done with the alert configurations now. Am at the final stage -ALERT RULE. now i want to receive alerts for all channels except for one particular sender and receiver service. please let me know how do i ex
-
i am a music store user and have been for some time. i live in the uk and can download everythign but the tv shows. this is something i would love to be able to do. anyone got any ideas as to when apple willl allow it for the uk. cheers sam