Archive for the 'Showcase' Category

AsWing GuiBuilder RC1

October 10th, 2007

Well, GuiBuilder beta is developed in a rush, so the architecture is not good, and the performance is bad too. When start preparing to final 1.0, i take 3 days night to do hard refactoring, redesigning parttens(Almost 30% classes new added, 80% classes changed), now it get much better. Also the editor is well organized and layouted.

Here’s a screenshot:

AG rc1

(Really bad to develop a not little project in a rush, the beta version created all editor instances for each component, it means, if you build a UI with 20 component, not a complex UI, it need about 20*20=400 editors, average a editor will create 10 components, it says more than 4000 component will be created to edite a normal UI, terrible, how i can do this? So beta version is really slow. Now, RC1 version, all of these are improved, the all components to be edited will share editors, so, even much complex UI, you’ll get fast performance too)

Click here to download it.
Click here to take only trial.

AsWing WYSWYG GuiBuilder is going to be released

September 25th, 2007

For about 5 days works, finally i got it work. It’s a simple implementation, currently support most basic components, most properties.

Here’s some screenshot:

The GuiBuilder screen:

AsWing WYSWYG GuiBuilder

The code generated from that set:

code

You can download the alpha version here :

http://code.google.com/p/aswing/downloads/list

Feedback, bug report and feature request are all welcome. (Note, the GuiBuilder can only save files at the default workspace in the folder where it installed in this version.)

A new Web OS — FWindows released!

September 5th, 2007

Wow, AWS Soft just released their WebOS FWindows, exciting, FWindows is a web os developed by Flash ActionScript3, it use AsWing A3 framework to build the UI.

FWindows

Here’s short introduction:

FWindows is an multi user, multi language, multi application, operation system independent web based software.

File Manager is a FWindows application for files management.

Features:

- Undo/Redo for all operations
- Internal clipboard manager
- History manager
- Image viewer
- Files and directories operation:
– Browse directories
– Upload
– Download
– Compress (ZIP, TAR, GZ, TGZ)
– Copy
– Move
– Rename
– Delete
– New file or directory

What? Can’t wait to try it? Click here you’ll get in. :)

Do AsWing components can works with Flex components?

August 7th, 2007

The answer is YES.

Here is a cool guy VKT did a reseach about make AsWing components works with Flex components. Here’s some demo made from him.

Lunch the Demo
The Source

Other demos:
http://sonygod.cn/flex/aswingandflex/IFrameDemo.html
http://sonygod.cn/flex/aswingandflex/

Here is the introduction word from him:

The way show you to use aswing within the flex effect.

Tip:
1. you mush know the UIComponent，because this is very important to use flex effect first step.
2.to use flex effect ,you mush set the effect target is flex UIComponent instead aswing Component.
3,to my opptional,I Like use Canvas to the top container to contain the UIComponent which is the aswing’s container.

what would be the next?
yes,I like talk to you just like talk to myself,I want to use flex’s everything for aswing. althought this seem to be impossible by someguy.

Well, pretty cool, note, if you want to try this, you should have the newest AsWing A3 from svn(AsWingManager.initAsStandard(,,true)). Any question, you can contact VKT by sonygodx at gmail.com. (post to aswing list of course are welcome too)

Well, i want to say some thing, why this happens? AsWing is so flexible, at early time, there’s some buggy behavor with AsWing components works with Flex components, i improved RepaintManager very easy to make it works right.

Maybe AsWing is not heavy as Flex, does not have integrated MXML support, does not have more complex controls, but, you know, you are so easy to make AsWing component works in your application, your game, you are so easy to add any DisplayObject to any AsWing component, now, you even can add AsWing components works in a Flex container.

Here is my wonder, do we can add flex component works in AsWing contaners? do we can add any DisplayObject to flex component easily? do we can use flex component in pure AS3 way?

AsPngEncoder 1.0 released

July 25th, 2007

see http://www.aswing.org/?page_id=163

Another png encoder which support 8-bit indexed color

July 19th, 2007

Days ago, i searched the interenet to try to find a ActionScript png encoder that support 8-bit indexed color, finally i can’t.

Because of true color encoding generate large size file, some times you maybe need a low quality picture but small size, then you need 8-bit color.

From searching and reading a lot of documents/articles, finally i wrote one, the arithmetic is not complex, but optimize the speed took much of my time, now it is 16 times fater than my original implementation, also it need about 1000ms to encode a 800*600 image to 8-bit indexed color, with ture color, it only need about 300 ms on my machine.

Features: True color 32-bit with alpha encoder, 24-bit opaque encoder, two trategies of 8-bit any color number indexed encoder(opaque/alpha).

I’ll release this project open source later, currently you can play with this demo test : http://aspngencoder.googlecode.com/files/AsPngEncoderTest2.air it need newest version of AIR runtime.

In fact it is alreay at svn now, some code will be improved a little later, but if you need it you can check http://svn.aswing.org/aswing/trunk/AsPngEncoder/
and
http://svn.aswing.org/aswing/trunk/AsPngEncoderTest/

Feedback are welcome.

as png encoder

as png encoder 2

ext class — Form make layout easily

June 6th, 2007

When you want to make a form panel, i mean a table with row and columns, it’s not easy to layout them well with basic layout managers, like this example:

form1

With the new extension class org.aswing.ext.Form(on svn now), you can easily create that form by such code:


private var form:Form;
private var frame:JFrame;

public function Form1(){
super();

AsWingManager.initAsStandard(this);

form = new Form();

form.addRow(createRightAlignLabel("ID:"), new JTextField("", 8));
form.addRow(createRightAlignLabel("NickName:"), new JTextField("", 8));
form.addRow(createRightAlignLabel("Email:"), new JTextField("", 8));
form.addRow(createRightAlignLabel("Password:"), new JTextField("", 8));
form.addRow(createRightAlignLabel("Repeat Password:"), new JTextField("", 8));

frame = new JFrame(null, "Form1");
frame.setContentPane(form);
frame.pack();
frame.show();
}

private function createRightAlignLabel(text:String):JLabel{
return new JLabel(text, null, JLabel.RIGHT);
}

Maybe you’ll say it is not hard to layout that with GridLayout or BoxLayout/SoftBoxLayout, yes, it is for that simple case, but how abou this:

form2

It is not that easy as the first, but with Form class, it’s same easy:


private var form:Form;
private var frame:JFrame;

public function Form2(){
super();

AsWingManager.initAsStandard(this);

form = new Form();
form.setBorder(new EmptyBorder(null, new Insets(2, 2, 2, 2)));

var label:JLabel;

form.addRow(createRightAlignLabel("ID:"), new JTextField("", 8));
label = createLeftAlignLabel("Must be 4-14 letters or numbers");
//label will sit 1 and 2 columns(0 column blank)
form.addRow(null, label, label);

form.addRow(createRightAlignLabel("NickName:"), new JTextField("", 8));
form.addRow(
createRightAlignLabel("Sex:"),
form.flowLeftHold(4, new JRadioButton("Female"), new JRadioButton("Male")));
form.addRow(createRightAlignLabel("Email:"), new JTextField("", 8));
form.addRow(createRightAlignLabel("Password:"), new JTextField("", 8));
form.addRow(createRightAlignLabel("Repeat Password:"), new JTextField("", 8));

//Conform button sit at center of number 1 column(0 and 2 column blank)
form.addRow(null, form.centerHold(new JButton("Conform")), null);

frame = new JFrame(null, "Form2");
frame.setContentPane(form);
frame.pack();
frame.show();
}

private function createRightAlignLabel(text:String):JLabel{
return new JLabel(text, null, JLabel.RIGHT);
}

private function createLeftAlignLabel(text:String):JLabel{
return new JLabel(text, null, JLabel.LEFT);
}

Wow, not super hard to layout that, i did that before, well, how about this:

form3

With Form class, it is as easy as last, just a little line code added, here:


private var form:Form;
private var frame:JFrame;

public function Form3(){
super();

AsWingManager.initAsStandard(this);

form = new Form();
form.setBorder(new EmptyBorder(null, new Insets(2, 2, 2, 2)));

var label:JLabel;

form.addRow(createRightAlignLabel("ID:"), new JTextField("", 8), createLeftAlignLabel("Case sensitive"));
label = createLeftAlignLabel("Must be 4-14 letters or numbers");
//label will sit 1 and 2 columns(0 column blank)
form.addRow(null, label, label);

form.addRow(createRightAlignLabel("NickName:"), new JTextField("", 8), createLeftAlignLabel("Case sensitive"));
form.addRow(
createRightAlignLabel("Sex:"),
form.flowLeftHold(4, new JRadioButton("Female"), new JRadioButton("Male")), new JRadioButton("Both?"));

//add a separator
form.addSeparator();

form.addRow(createRightAlignLabel("Email:"), new JTextField("", 8));
form.addRow(createRightAlignLabel("Password:"), new JTextField("", 8));
form.addRow(createRightAlignLabel("Repeat Password:"), new JTextField("", 8));

//add a separator
form.addSeparator();

//use append to make it sit the whole row
form.append(form.flowLeftHold(2, new JCheckBox("I Accept"), new JLabelButton(" The licence")));

//Conform button sit at center of number 1 column(0 and 2 column blank)
form.addRow(null, form.centerHold(new JButton("Conform")), null);

frame = new JFrame(null, "Form3");
frame.setContentPane(form);
frame.pack();
frame.show();
}

private function createRightAlignLabel(text:String):JLabel{
return new JLabel(text, null, JLabel.RIGHT);
}

private function createLeftAlignLabel(text:String):JLabel{
return new JLabel(text, null, JLabel.LEFT);
}

Is that make you easier layout such style tables for you? Hope so.

Download the example source.

AsWing A3 component set demo

April 16th, 2007

By default LookAndFeel(It’s a bit large, about 260k, so wait for a while to load):
comset
Lunch the demo here: http://demo.aswing.org/ComSet.swf

By SkinBuilderLAF(It’s a bit more large, about 448k, so wait for a while more to load):
comsetskin
Lunch the demo here: http://demo.aswing.org/ComSetSkin.swf

(tip: All AsWing A3 swf require FlashPlayer 9.0.28.0 or higher)

« Prev - Next »