Similar controls/Design as scene builder or gimp - javafx

I was thinking of building an application like Scene builder but for image editing.
I thought of doing a similar layout design like SceneBuilder where u can drag controls.
Is there any similar controls that could be used to replicate the gui of SceneBuilder?
Or is there any other different designs like a toolbox like gimp.

SceneBuilder code is open source.
If you want to replicate SceneBuilder's GUI, reviewing it's source might be a good place to start.

Related

Integration JavaFx & LWJGL project

**I have a "LWJGL Project" ** and I want to make some buttons by JavaFx scene in this project or put LWJGL in JavaFx scene .. but I can't understand how to do that.. any one have idea ?
Take a look at https://github.com/AlmasB/FXGL which is an open source framework to do exactly what you want for 2D type GL renders mixed with JavaFX.
JMonkeyEngine has been adding features and examples that have JavaFX 2D HUDs and GUIs over their 3D displays, so you may want to look at those.
Otherwise if you need to write it yourself, a quick way is to use SwingNode: place the LWJGL component in a SwingNode and then the SwingNode into the JavaFX layout. Be advised that you will have two separate rendering systems (JavaFX and Swing->OpenGL). Its really not hard but you'll need to code up any communications or event handlers that must "cross the divide".

Debug JavaFx with a tool like FireBug

Is there a tool like FireBug (hover and get information about HTML and CSS) to see what is active in a JavaFX scene?
Try Scenic View – James_D
Scenic View is a JavaFX application designed to make it simple to
understand the current state of your application scenegraph, and to
also easily manipulate properties of the scenegraph without having to
keep editing your code. This lets you find bugs, and get things pixel
perfect without having to do the compile-check-compile dance.

File browser in JavaFX

I am starting to learn JavaFX (2 days in) and I am making an implementation of a file browser. So to give you an example I am looking for something like this
What element should I use for the representation of the right panel (the one with the icon view of the files)?
I need it to point at a specific directory in my system, lets say 'music', and display all folders stored in it.
I looked for tutorials online and other examples but I couldn't find anything similar.
My only requirement is to look this way and also to support drag and drop.
Thanks
EDIT: I am using Scene builder btw
Use a ControlsFX GridView for the right pane of file icons.
GridView is a fast, virtualised grid container similar to ListView, except that there can be multiple cells on each row. Great for showing images!
GridView probably doesn't natively support drag and drop, so you will need to code that up yourself.
Here is a sample of some drag and drop functionality in a virtualized control (in this case a ListView), which you might be able to adapt: How to create a reorder-able TableView in JavaFx.

Creating a home screen for my embedded board using Qt/Qt Quick

I am not an expert but I have been using Qt/QtEmbedded for sometime now, for SBC 6845. I have created a few applications and have successfully run them on my device.
Now I want all of those applications to appear on a home screen. I understand that using QML/Qt Quick this might be achieved, but I don't have any idea on how to proceed with it. I have gone through some links and tutorials but most of them show how to create buttons and all that with Qt Quick, but not much than that. I am yet to find some tutorial/docs which can point me how to proceed with all applications on my home-screen. I need some directions, any links, advice on docs/books is welcome.
[While cross-compiling the QtEmbedded 4.6.2 libraries for my SBC I encountered problems with enabling opengl support. And, I am unaware of the other methods for using QtQuick2 without opengl.
The applications (5-6 of them) are QWidgets and linking icons require to stay in the home screen. I want to keep them as simple as possible without any effects for the icons.
Plainly speaking, I am trying to create a bunch of icons displayed on the home screen linked to those applications. The applications if launched in windows style application, (or like a popup QDialog) will also serve my purpose.]
Thanks.
"I have gone through some links and tutorials but most of them show
how to create buttons and all that with Qt Quick, but not much than
that"
For this part of the question, I'd advise you to download QtCreator
and start playing with the demos (using more than just some buttons:
you have demos for ListViews, GridViews, Delegates, Animations,
Particles, QtQuick Layouts (Qt5.1 only), QtQuick Controls (Qt5.1
only).
There's also the rather complete :
http://qt.gitorious.org/qt-labs/qt5-everywhere-demo
I'm completely unfamiliar with all the embedded/cross-compiling
aspects of your question.
About OpenGL/QtQuick2 : http://qt-project.org/forums/viewthread/30483
http://qt-project.org/forums/viewthread/17201
Also note that you can embed QtQuick2 scenes into a QWidget, but not
the other way around (no QtWidget inside the scenegraph).
So maybe the easiest/fastest way to go for you would be to stick with Qt4 or Qt5 declarative/QtQuick1 module (might be deprecated/removed starting with Qt 5.2). In this setup, there is no scenegraph/mandatory need for OpenGL. And you can embed QWidgets into your qml scene (no scenegraph: it uses the QGraphicsView backend) via QGraphicsProxyWidget.
You'd then have some GridView (you also could use some Grid with a Repeater) filled with models and delegates (= a delegate acts as a template item to be filled with the model).
Your delegates would have states/maybe Loader(s) (for on-demand loading) : icon state and when clicked, some maximized state containing a loader, loading your widget through QGraphicsProxyWidget.
You already have half of this presented in this example (a grid + 2 states : small icons grid and maximized view, you only need to implement the delegate/loading/model/QGraphicsProxyWidget things):
http://developer.nokia.com/Community/Wiki/Implementing_parent_change_animation_with_QML

Qt drawing with Qt designer

I have tried to search on the internet and here as well, without success though. I am using Qt 4.8.2 and design my app in the Designer, then I write code in VS2010. I would like to show a chart on the application window, e.g. like http://www.infocaptor.com/user_help/help_img/dashboard_line_chart_screen.png , based on some data that are created by the app.
In the Widget Box of the Designer, I can't find any widget related to drawing. So I tried creating a QTextEdit and drawing on that using QPainter. However, this does not work. I can draw on the whole appwindow, but not just on the text edit. So the question is: what widget can be added onto the app window in the designer and that is going to allow me to draw on it using QPainter?
I'm eluded as the documentation says specifically that QPainter can draw on any QWidget which a QTextEdit is...
Any help is much appreciated,
Daniel
The function of "drawing" is tooo complex/unspecific to be included as a specialized widget. You'll have to create it yourself and implement the desired drawing functions.
Here is an example which you can learn from, the scribblearea class could be pretty much what you are looking for. In that case you can copy it to your project and use in in the Qt-Designer by promoting a widget to this class.

Resources