I try to animate using height as radius also but that's not working outside screen it seems impossible.
I want to make this circle avatar cover all screen but it stop whenever radius is max to device width/2 or height/2.
Wrap your CircleAvatar with Transform.scale() and increase its scale property.
Related
It's flutter app. It's an app with portrait-only mode.
I want to show some images of my product. When user touches the image,
I would like to show it on full screen using CachedNetworkImage.
But the problem is, when width is bigger than height, Boxfit.cover only shows middle part of image (left and right side not shown). If I make it dispaly all picture, then there'll be so much empty space above and below
I would rather to make the image(CachedNetworkImage) rotate 90 degree, so that whole image can fit the full screen.
Any idea?
I want to get thumb of slider position.
So I calculate width of Device using by "MediaQuery.of(context).size.width"
But, it needs to know redline area.
How can I get offset of slider?
I am developing an image editor in flutter. For that, I need to add a feature of adding images and text dynamically to the screen. Each of them should be able to independently scale, position, and rotate. There should be an anchor point like in word or in photoshop to indicate the active image and to scale and rotate them(sample in the image). The image should be positioned with drag and drop.
The widget should be able to scale in x, in y, and in both xy.
Things I have tried
1.matrix_gesture_detector
I think this package doesn't have the option to scale only in x or only in y. It uniformly scales the widget in x and y. Also making the active image with something like in the image is difficult. If we wrap the active image in a custom widget like in the image, the widget also scales with the image. For eg if the border thickness is 1 px when scaled the thickness also scales making it wired.
2. Using Transform Widget.
When the transform widget is used the above-mentioned problem of the widget indication the active image around the image also scales with the widget. Also in transform when scaling I have to adjust the alignment or the origin dynamically with respect to the scaling chosen. For eg, if I want to scale in the top direction only, I have to set the anchor point to the bottomCenter.But here the anchor points are set with respect to the initial size of the widget. So when changing the anchor point to scale in a different direction, the widget jumps to a corresponding alignment position with respect to the original size of the widget.
3. Using Positioned.fromRect
I have tried this solution from StackOverflow
Resizing a rotated container in flutter, but here the problem is the solution is only for one widget. So I wrapped that in a stack. But when rotated, it rotates the full stack. The stack takes the height and width of the canvas. So the alignment of the anchor point of the transform widget is with respect to that and not with respect to the image.
NB: I am using Getx for state managemanet. If you can provide the solution in getx, that is preferred.
You can warp a Stack->Positioned->Transform.rotate->Your Widget.
Also refer the source code of photobooth.
I’ve run out of ideas, please help me.
That's the situation:
Imagine a simple object in the center of screen (it's always so, because camera has an orbit script)
Then we add a canvas image, 300px width, for example, on the right side of the screen (blue one in the picture). Our cube is not centered anymore.
For example, we can change X property of camera viewport rect, but we'll get a black strip and if object appears in this zone, it would not be rendered.
So, what can I do to offset camera position?
Thank you in advance!
The best option I have for now is:
create basic UI for FullHD resolution and make right panel as wide as black strip is
if user's screen bigger than 1920px, than change Canvas Scaler mode from Constant pixel size to Scale with screen size
I've been playing with centering a panel on a device screen. I've tried a few things but cant get the syntax/math correct. I am adding the panel with it's size relative to the screen size as below (80% width and 40% height). At the moment I left the x,y location at 0,0 - Any suggestions on correct syntax to center on screen are appreciated!
Activity.AddView(quitsavepnl,0,0, 80%x, 40%y)
Here:
Activity.AddView(quitsavepnl, 50%x - 80%x / 2, 50%y - 40%y / 2, 80%x, 40%y)
You can get DisplayMetrics to get device screen and add it in the center of device screen if you want it.
Or if you want to display View in the center of parent View use CENTER_IN_PARENT, which is available in RelativeLayout