Self Design Arrow View for iOS

Self Design Arrow View for iOS

Released 5 years ago , Last update 5 years ago

LTArrow is an easy to use derivated UIView that designs an pretty arrow on itself. Several parameters can be changed for it to be personalized at max.

LTArrow is an easy to use derivated UIView that designs an pretty arrow on itself. Several parameters can be changed for it to be personalized at max. And of course, it uses no image to be generated.

How to use :

1) Include both LTArrow.h & LTArrow.m files on your project

alt text

2) If you want to use the IB Editor :

  • add a View on your project, and set its background the color you want the arrow to be shown. It will looks like this for example :

alt text

  • change the class from UIView to LTArrow in the definitions panel of your object :

alt text

  • Compile your project, your view will now looks like this :

alt text

LTArrow auto-detects if your view is horizontal or vertical. It starts as an opened-stroke arrow, with its line color setted by the original background color of the view (the background color is then changed to clearColor), with a lineHeight of 10 pixels, and an head angle of 60° (PI/3)


Available methods :

- (void)changeFromPosition:(CGPoint)newFrom;

This allow you to change the origin of the arrow (formerly the middle base of the arrow) around your view.

- (void)changeToPosition:(CGPoint)newTo;

This allow you to change the destination of the arrow (formerly the top head of the arrow) around your view.

- (void)reverseArrow;

This makes your arrow to be reversed (up to down in vertical mode, or left to right in horizontal mode)

- (void)quarterTurnCoordinates;

This turns the coordinates (not the view) by reverting the from & to position like 90° right.

- (void)setAngle:(float)angleInDegree;

Sets the angle of the view in degree (from 0 to 379) by using the CGAffineTransformMakeRotation method

- (void)setHeadHeight:(float)headHeight;

Change the height of the head of the arrow.

- (void)setHeadAngle:(float)headAngle;

Change the angle of the head of the arrow. By default it is set by 60°.

- (void)setBarHeight:(float)barHeight;

Change the height of the bar of the arrow.

- (void)setLineWidth:(float)lineWidth;

Change the line width of the whole arrow.

- (void)setLineColor:(UIColor *)lineColor;

Change the line color of the arrow.

- (void)setFillColor:(UIColor *)fillColor;

Change the fill color of the arrow, when the style of the arrow is ARROWMODEOPENFILL or ARROWMODECLOSEDFILL

  • (void)setArrowStyle:(ARROWMODE)newMode;

Change the mode of how the arrow is designed, by using one of the following 4 styles :

ARROWMODE_OPENSTROKE

alt text

ARROWMODE_CLOSEDSTROKE

alt text

ARROWMODE_OPENFILL

alt text

ARROWMODE_CLOSEDFILL

alt text

Pricing

14 day 14-day money-back guarantee

$6.99

Application License

  • Perpetual license

  • 1 application

  • Can distribute binary products only

  • Commercial use

2 licenses, starting from From » $6.99 View Licenses

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.


Or enter your name and Email
No comments have been posted yet.