magnifying_glass

KO | EN

gitlite — search

#hacktoberfest #ai #llm #golang #rust #deep-learning #linux #docker #macos #windows #awesome-list #security #ios #openai

magnifying_glass

(★ 25)

Flutter real-time magnifying glass lens widget with Barrel/Pincushion distortion

magnifying_glass Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# MagnifyingGlass Flutter plugin

Flutter real-time magnifying glass lens widget with Barrel/Pincushion distortion.

![Screenshot](https://github.com/alnitak/magnifying_glass/blob/master/img/magnifying_glass.gif?raw=true "Magnifying Glass Demo")

## Getting Started

Make [MagnifyingGlass] widget as the parent of the widget you wish to be used (usually MyHomePage).

```dart
    @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),
        ),
      )
    );
```

## MagnifyingGlass properties

|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|

| ![distorsion0.5-mag1.0.png](https://github.com/alnitak/magnifying_glass/blob/master/img/distorsion0.5-mag1.0.png?raw=true) | ![distorsion0.5-mag1.4.png](https://github.com/alnitak/magnifying_glass/blob/master/img/distorsion0.5-mag1.4.png?raw=true) | ![distorsion2.0-mag1.7.png](https://github.com/alnitak/magnifying_glass/blob/master/img/distorsion2.0-mag1.7.png?raw=true) | 
|:--:|:--:|:--:|
| *distorsion 0.5 mag 1.0* | *distorsion 0.5 mag 1.4* | *distorsion 2.0 mag 1.7* |

magnifying_glass

magnifying_glass Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

magnifying_glass

magnifying_glass Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README