Creare un semplice grafico per iOS

      Nessun commento su Creare un semplice grafico per iOS

plot ios

Come si può intuire dal titolo del post oggi mi mostrerò come  poter creare un semplice grafico all’interno della vostra applicazione grazie ad una semplice libreria (FDGraph) scaricabile gratuitamente dal seguente link.

Passiamo alla pratica !!!

Lanciamo xcode e creiamo un nuovo progetto di tipo single view application e importiamo la libreria precedentemente scaricata all’interno del nostro progetto.

Nel file ViewController.h  scriviamo il seguente codice

#import "FDGraphScrollView.h"
#import "FDGraphView.h"

@interface ViewController : UIViewController

@property(nonatomic,retain) FDGraphView *graphView;

- (IBAction)generaNuovoGrafico:(id)sender;

@end

Mentre nel file . m   scriviamo :


@synthesize graphView;
- (void)viewDidLoad{
[super viewDidLoad];

//allochiamo l'oggetto FDGraphView e inizializiamo tramite le cordinate
graphView = [[FDGraphView alloc] initWithFrame:CGRectMake(10, 130, 300, 200)];

//genero 4 numeri random
int r1 = arc4random() % 100;
int r2= arc4random() % 100;
int r3 = arc4random() %100;
int r4 = arc4random() % 100;
int r5 = arc4random() % 100;

//poichè datapoint richiede degli oggetti e non dei tipi primitivi
//creo 5 oggetti di tipo NSNumber
NSNumber *i1=[NSNumber numberWithInt:r1];
NSNumber *i2=[NSNumber numberWithInt:r2];
NSNumber *i3=[NSNumber numberWithInt:r3];
NSNumber *i4=[NSNumber numberWithInt:r4];
NSNumber *i5=[NSNumber numberWithInt:r5];

//i punti possono essere molteplici ma per comodità ne ho iserito solo 5
graphView.dataPoints = @[i1,i2,i3,i4,i5];
[self.view addSubview:graphView];

}

- (IBAction)generaNuovoGrafico:(id)sender {
int r1 = arc4random() % 100;
int r2= arc4random() % 100;
int r3 = arc4random() %100;
int r4 = arc4random() % 100;
int r5 = arc4random() % 100;

NSNumber *i1=[NSNumber numberWithInt:r1];
NSNumber *i2=[NSNumber numberWithInt:r2];
NSNumber *i3=[NSNumber numberWithInt:r3];
NSNumber *i4=[NSNumber numberWithInt:r4];
NSNumber *i5=[NSNumber numberWithInt:r5];
NSLog(@"%@",i1);

graphView.dataPoints = @[i1,i2,i3,i4,i5];
[self.graphView setNeedsDisplay];//refreh della subview (graphView)

}

L’ultimo passo è quello di inserire nel file .xib un bottone e collegarlo al metodo generaNuovoGrafico

grafico ios