Im looking for this effect in background http://prism.umbrella.al/agency/. I saw it on few sites. This with green line and dots. Can you tell me how its called or give a link?
It a canvas drawing,
using mouse move event to fetch coordinates of mouse and draw accordingly
you can see there page source to check the code
Related
I'm kind of noobie in Flutter and I'm trying to learn it for the moment by creating different UI styles for whatever applications. But I encounter a problem in terms of designing a button.
WHAT I WANT TO DO:
WHAT I TRIED:
Using a GradientButton:
I can't change the rounded corners to not be that rounded.
I can't change the size of the button dynamically based on the size of text
I can't change the shadow of the box
Using a RaisedButton in combination with a Container:
If I will tap the button is going to show a gray box which was clicked on, but this box is not going to have the same size or shape with the box, so it's going to look weird.
Using an InkWell in combination with a Container:
I'm not quite sure but I can't do the click animation with that, is like I'm pressing on nothing, even those the action is happening.
If you do have any idea how can I archive this button please let me know, for me at the moment at least is the most complicated button I've ever seen.
see the source code at github
https://github.com/bluemix/Gradient-Widgets/blob/master/lib/src/gradient_button.dart
You can use Container to custom button gradient and add GestureDetector or InkWell to onTap handle action.
GestureDetector will have no effect. InkWell will have effect.
Can anybody tell my how map on http://ubytujnaslovensku.sk/sk/ was created/how to create something simillar?
there's only one image....
The map on the website you have provided is using two images. The first image is the actual IDLE map, the second is a shadow version of it.
The shadow version is simply a 'Sprite', where all of the areas is inset and is looking however they want it to look, when you hover it.
Whenever you then hover a zone JavaScript sees it and sets the 'Background-position' variable according to the country you are hovering.
The Sprite image is shown here.
I would suggest you to get a deeper understanding of sprites before trying to accomplish a similar map.
I have two ImageView(s) (let's name them, A and B) that are perfectly overlayed in the xml layout.
B has transparent background.
In my activity I firstly display on A a Bitmap with opaque colours.
Then, I display on B a transparent Bitmap (afterwards, it is planned to draw something on it trhough a canvas).
As a result of this, I get a totally black view.
I would like to be able to see the first Bitmap that I displayed on A.
What am I doing wrong? How can I achieve this?
Thanks
If you're planning on drawing something over it via a canvas, i would suggest you write a custom view class.
I have previously created an app in which i had a background-image, and on top of that the user was able to draw. I did this by building up a custom view class that extended SurfaceView.
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.
Hi I am having trouble in dragging a image within a loader. I am able to do
zooming and rotating image but not moving image with mouse. Purpose is when I
zoom a image info is out of boundaries and so is hidden. To see that info users
should be able to drag the image any way they want. Please help.
I'm not quite sure if I understood what you're trying to do, but take a look on this adobe pan/zoom component and see if that's what you were looking for
http://www.adobe.com/devnet/flex/samples/fig_panzoom/