Flutter real-time magnifying glass lens widget with Barrel/Pincushion distortion.
Make [MagnifyingGlass] widget as the parent of the widget you wish to be used (usually MyHomePage).
@override
Widget build(BuildContext context) {
MagnifyingGlassController magnifyingGlassController = MagnifyingGlassController();
return MagnifyingGlass(
controller: magnifyingGlassController,
glassPosition: GlassPosition.touchPosition,
borderThickness: 8.0,
borderColor: Colors.grey,
glassParams: GlassParams(
startingPosition: Offset(150, 150),
diameter: 150,
distortion: 1.0,
magnification: 1.2,
padding: EdgeInsets.all(10),
),
child: Scaffold(
body: ...,
floatingActionButton: FloatingActionButton(
onPressed: () => magnifyingGlassController.openGlass(),
child: const Icon(Icons.search),
),
)
);
Name | Type | Description |
---|---|---|
controller | MagnifyingGlassController | Let you control the glass state and parameters: openGlass() closeGlass() setDistortion( double distortion, double magnification ) setDiameter( int diameter ) refresh() |
glassPosition | enum | enum to set the touch behavior or sticky position |
glassParams | GlassParams | class to set lens parameters |
borderColor | Color | border color |
borderThickness | double | border thickness |
elevation | double | shadow elevation |
shadowOffset | Offset | shadow offset |
GlassPosition class
Name | Description |
---|---|
touchPosition | move the glass with finger touch |
topLeft | sticky position to top left corner of the screen |
topRight | sticky position to top rigth corner of the screen |
bottomLeft | sticky position to bottom left corner of the screen |
bottomRight | sticky position to bottom right corner of the screen |
GlassParams class
Name | Description |
---|---|
startingPosition | the startin glass position. If not given the lens will be placed at the center of the screen. |
diameter | the diameter of the glass |
magnification | the magnification of the lens 1 means no magnification >1 means magnification <1 means shrinking |
distortion | Barrel/Pincushion distortion power 0 means no distortion |
padding | the padding surrounding the glass to enlarge touching area |
distorsion 0.5 mag 1.0 |
distorsion 0.5 mag 1.4 |
distorsion 2.0 mag 1.7 |