Giter Site home page Giter Site logo

lminhtm / lmgaugeview Goto Github PK

View Code? Open in Web Editor NEW
234.0 11.0 30.0 6.93 MB

LMGaugeView is a simple and customizable gauge control for iOS.

License: MIT License

Ruby 1.77% Objective-C 98.23%
ios gauge custom-controls layer objective-c interface-builder core-animation speedometer

lmgaugeview's Introduction

LMGaugeView

LMGaugeView is a simple and customizable gauge control for iOS inspired by Flavor sketch on Dribbble.

         

Swift Version

https://github.com/lminhtm/LMGaugeViewSwift

Features

  • Display a gauge, such as a speedometer or a loading indicator.
  • Using Core Graphics and Core Animation.
  • Allow for a large amount of customization.
  • Support Interface Builder Designable.

Requirements

  • iOS 8.0 or higher
  • ARC

Installation

From CocoaPods

pod 'LMGaugeView'

Manually

  • Drag the LMGaugeView folder into your project.
  • Add #import "LMGaugeView.h" to the top of classes that will use it.

Usage

You can easily integrate the LMGaugeView with a few lines of code. For an example usage look at the code below.

LMGaugeView *gaugeView = [[LMGaugeView alloc] initWithFrame:frame];
gaugeView.value = 40;
[self.view addSubview:gaugeView];

Customization

You can customize the following properties of LMGaugeView:

@property (nonatomic, assign) CGFloat minValue;
@property (nonatomic, assign) CGFloat maxValue;
@property (nonatomic, assign) CGFloat limitValue;
@property (nonatomic, assign) NSUInteger numOfDivisions;
@property (nonatomic, assign) NSUInteger numOfSubDivisions;
@property (nonatomic, assign) CGFloat ringThickness;
@property (nonatomic, strong) UIColor *ringBackgroundColor;
@property (nonatomic, assign) CGFloat divisionsRadius;
@property (nonatomic, strong) UIColor *divisionsColor;
@property (nonatomic, assign) CGFloat divisionsPadding;
@property (nonatomic, assign) CGFloat subDivisionsRadius;
@property (nonatomic, strong) UIColor *subDivisionsColor;
@property (nonatomic, assign) BOOL showLimitDot;
@property (nonatomic, assign) CGFloat limitDotRadius;
@property (nonatomic, strong) UIColor *limitDotColor;
@property (nonatomic, strong) UIFont *valueFont;
@property (nonatomic, strong) UIColor *valueTextColor;
@property (nonatomic, assign) BOOL showUnitOfMeasurement;
@property (nonatomic, copy)   NSString *unitOfMeasurement;
@property (nonatomic, strong) UIFont *unitOfMeasurementFont;
@property (nonatomic, strong) UIColor *unitOfMeasurementTextColor;

(See sample Xcode project in /LMGaugeViewDemo)

License

LMGaugeView is licensed under the terms of the MIT License.

Contact

Minh Luong Nguyen

Projects using LMGaugeView

Feel free to add your project here

Android Version

Thanks Sorbh for making KdGaugeView

Donations

paypal

lmgaugeview's People

Contributors

lminhtm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

lmgaugeview's Issues

Error: invalid numeric value to CoreGraphics API

LMGaugeView causes the following error on xcode 7 release ios9

<Error>: Error: this application, or a library it uses, has passed an invalid numeric value (NaN, or not-a-number) to CoreGraphics API and this value is being ignored.Please fix this problem.

Division/subdivision markers are misaligned

When the [min,max] range is not [0,100], the division/subdivision markers do not line up with the ring marker start/end. In the following screenshot my temperature range is [-50, 130].
Within the range [-50,130] the current value of 75 should be rendered at about 42% of the arc width (75/180 = 41.666666)

gauge-subdiv

Full cycle

How can the gauge start and end at the same point (e.g., top center like a watch)?

Setting kDefaultStartAngle to M_PI_4 * 6 causes the start position to be the top center, but I cannot figure out what value to use for kDefaultEndAngle.

Swift usage

Could you please describe me how to use this on swift 4? thank you

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.