We have a air/flex app that we want to add an effect to. Basically we want to rotate the whole window when a particular button is clicked. Similar to say how, the clock widget behaves in mac os dashboard when you click the 'i' button, the whole widget rotates.
I'm wondering if this sort of thing is possible in air/flex 3?
Thanks
Sure, you can use Papervision3D to do this.
http://code.google.com/p/papervision3d/
There are also some pre-built Flex effects that leverage PV3D available here:
http://www.tink.ws/blog/papervision3d-effects-for-flex-source/
You can use Tink's "Flip" effect just like you would any other built-in Flex effect.
Related
I am working on a custom control box (that min,max/restore/close button in the top right of your Windows titlebar) for my new application. I use closeIcon = style.standardIcon(QStyle.SP_TitleBarCloseButton) to get the correct icon for them. See the full code here in my other SO question. What I got is a black icon. In which I need the white version when it's in hover state.
Can we .. I don't know, inverse it? Or should I get another icon from QStyle?
This question (and several others) are from the intention of creating a chrome like tab in PyQt application, by hiding the titlebar and reimplementing control box. But it didn't gives the best result. Right now this is my solution to create a chrome like tab in PyQt application. Therefore, I close this question.
The basic idea is: I would like to draw over everything on the screen.
One way I can imagine this is creating a transparent full-screen window without window controls (minimise, maximise, etc.) or borders. Then drawing into that window which is transparent. The problem I can think of is that I will be unable to control windows which are behind our transparent window.
How could I do something similar to this, without the mentioned problem? I would also like it to work on multiple operating systems if possible.
Edit:
The user will not be drawing with the mouse or other means on the screen, but will be able to continue use his desktop like normal, without that my program interferes in any way (other than the drawing on the screen). My program will only display something on the screen, which the user will be unable to interact with (at least that's the plan).
Qt 5 implements it:
QWidget w;
w.setWindowFlags(Qt::WindowTransparentForInput);
Qt 4 didn't support this functionality yet - see QTBUG-13559. The bug report had a hint on what needed to be done for Windows.
The method you describe is the one to use; a transparent full-screen window.
If you're using the left mouse button to draw, you'll need a mechanism of switching modes to be able to select items through the window and send events to the operating system.
I found this component on the internet (http://www.wietseveenstra.nl/files/flex/SuperPanel/v1_5/MainView.html) and those panels are just great. Unfortunately, that source-code doesn't suit well on Flex 4. Spark components works differently on changing their structure (adding buttons to the padding top, etc) and working with the MX components doesn't work properly the Drag function and it looks ugly.
I'd like to know if anyone have a link for a similar component already done in Flex 4 or any path that I could take to be able to build it myself.
I have plenty of experience with ActionScript, but almost none with CSS/Styling on Flex or Flex 4.
Thanks.
Have you taken a look at the MDI component that is part of flexlib?
I'm new to Flex and am porting a pure Flash/AS3 application to Flex 4.5.
In my Flex application I have been successfully using DropShadowFilter and GlowFilter to add some interactivity to my custom components on mouse events.
Now after reading more Flex docs, I've noticed that I should better use spark.primitives.RectangularDropShadow for the shadows.
But what to use instead of the GlowFilter then?
And are filters still involved in displaying shadows and glows in Flex or do I just create a shadow with
<s:RectangularDropShadow id="myShadow"
distance="20"
alpha=".25"
blurX="7"
blurY="7"
height="{myRect.height}"
width="{myRect.width}"/>
and then just call myShadow.visible=true/false depending on the mouse event?
You can use two Drop Shadows offset by 180 degrees. I don't know if two drop shadow objects are more performant than one glow.
To find out if filters are involved, click in the RectangularDropShadow tag and press F3. Then look to see.
Anyone know how to create animated auto-hide on ApplicationControlBar just like Windows's taskbar?
I'm totally new on this.
Thanks.
The issue with doing this is that on Windows, you have a 'lower bound'--also known as the bottom of the screen which is used to trigger the display of the task bar based on the mouse location.
In a browser based app, you don't have that spot which is easy for the user to roll their mouse over.
That said, if you're still adamant, you should be able to put something together easily using the mouse over events to swap the visibility of the ApplicationControlBar and then you can use show / hide effects to display the control bar.