Skip to content

hackiftekhar/IQScreenRuler

Screen Ruler

Pixel Perfect Screenshot Ruler

As an iOS developer, I always feel the lack of simple app to check position of objects/elements in any picture or screenshot. Now it's very easy to find position and size of any UI element, specifically {x,y,width,height).

This app is specially designed for making Mobile Quality Assurance Engineer (QA Engg.) life much easier. Now they can quickly review Mobile UI with point & pixel perfect dimensions within minutes.

Video

Screen Ruler - Pixel Perfect Screenshot Ruler

HOW IT WORKS:

Step1: Take Screenshot of the app to debug it. This will automatically be saved to your Camera Roll -> Screenshots album.

Step2: Open Screen Ruler app and you can see your recent screenshot, enable ruler and straight line frame.

Step3: Check your screenshot dimensions and UI element positions by zooming in/out and using rulers and line frame.

Key Features

  • 4 Sided dynamic ruler. You can also adjust ruler position using your finger. Long tap for more options.
  • Free hand ruler scale. It can also rotate to check angles.
  • Straighten line frame.
  • Long tap & move on screenshot to show RGB color values of any position.
  • Multi-feature crop too.
  • Change Aspect Ratio.
  • Screenshot Resizing.
  • Change Device Scale Factor.
  • Double-Tap, Pan, pinch gestures to zoom and move pictures.

Download to see how QA engineers accelerating their business by reducing time to do pixel measurements.

Architecture

Contributions

Any contribution is more than welcome! You can contribute through pull requests and issues on GitHub.

TODO:-

  • Arabic localization (ar)

  • Catalan localization (ca)

  • Danish localization (da)

  • Dutch localization (nl)

  • Filipino (Filipino) localization (fil)

  • Filipino (Filippines) localization (fil-PH)

  • Finnish localization (fi)

  • German localization (de)

  • Greek localization (el)

  • Indonasion localization (id)

  • Japanese localization (ja)

  • Korean localization (ko)

  • Malay localization (ms)

  • Portuguese (Portugal) localization (pt-PT)

  • Romanian localization (ro)

  • Slovak localization (sk)

  • Swedish localization (sv)

  • Thai localization (th)

  • Ukrainian localization (uk)

  • Veitnamese localization (vi)

  • OTHER LANGUAGES YOU KNOW

  • Rotation Animation

  • Flood Fill (Fill picked color on tap on draw page)

  • Onboarding Experience something like this, probably this would be good.

Credits

Many thanks to

Author

If you wish to contact me, email at: hack.iftekhar@gmail.com

LICENSE

Distributed under the Apache License 2.0. See LICENSE for details. GitHub license