Massimo Oliviero » Programmazione

Chrome, 3 estensioni in per chi lavora con REST e JSON

Massimo — Thu, 22 Dec 2011 06:47:41 +0000

Lentamente lo store il Chrome web store si sta popolando di estensioni interessanti e funzionali. In particolare per chi lavora pesantemente con servizi REST segnalo questi 3 strumenti:

Must have

Perché XCode 4 è così lento?

Massimo — Wed, 21 Dec 2011 11:00:25 +0000

Già perché? Perché fa schifo, semplice. La dimostrazione è la quantità spropositata di forum e messaggi di aiuto che circolano in rete. In particolare XCode 4.2 è flemmatico e ottuso. Purtroppo la storia di questo IDE è costellata da tutta una serie di bug incredibili, di feature mancanti e addirittura di funzionalità rimosse senza spiegazione!

Una approccio ingiustificato da parte di Apple che nonostante tutto continua a trincerarsi dietro un silenzio assordante. Un pratica che io non comprendo e che aborro dal profondo. Questa incuria dei suoi developer che nonostante tutto sono di gran lunga i più fanatici sul globo. Una pratica che permea l’azienda di Cupertino fin dalle origini e che non accenna a diradarsi. L’uscita di iOS5 e XCode 4.2 ne è l’esempio lapalissiano.

Su questi aspetti avrò modo di ritornarci nei successivi post. Dicevamo XCode lento, che fare? Non molto purtroppo, a parte i soliti consigli da mentecatti come “compra più RAM” o “cambia mac” gli unici che mi sento di suggerire veramente sono:

Come si dice “di più ninzò”

Qualche fonte:

Networking framework per iOS e Mac OS X

Massimo — Tue, 13 Dec 2011 21:54:00 +0000

ASIHTTPrequest, per chi ancora non lo conoscesse, è uno dei migliori framework per gestire connessioni http con iOS e Mac OS. E’ diventato il mio framework di riferimento per tutti i progetti che richiedono una comunicazione client/server, tipicamente con servizi REST. ASIHTTPRequest porta con se una ricca dote di funzionalità e semplificazioni non indifferenti, soprattutto se paragonato al blando e scarno NSURLConnection.

Ultimamente sto valutando delle alternative più leggere e moderne. Dopo qualche ricerca mi sono imbattuto in due framework interessanti:

Sicuramente da valutare.

iOS, bloccare lo scrolling di una UIWebView

Massimo — Thu, 17 Nov 2011 14:02:18 +0000

Ecco un piccolo tip per bloccare lo scrolling di una web view in iOS 4.x. Infatti in tutte le versione dell’SDK fino alla 4.3.5 la UIScrollView presente all’interno della UIWebView non è esposta esternamente. Per poterla modificare è necessario cercarla all’interno delle subviews della web view.

for (id subview in self.webView.subviews)
{   
   if ([[subview class] isSubclassOfClass: [UIScrollView class]])   
   {       
      ((UIScrollView *)subview).scrollEnabled = NO;       
      break;   
   }
}
 
// oppure così (anche se è meno sicuro perché non è certo
// che la scroll view si trovi sempre nella prima posizione)
[[webView.subviews objectAtIndex:0] setScrollEnabled:NO];

E con iOS 5? beh le cose si semplificano di un pelo…

self.webView.scrollView.scrollEnabled = NO;

o no?

Mac OSX, abilitare l’auto completamento e i colori di Git

Massimo — Wed, 16 Nov 2011 21:20:51 +0000

Utilizzo quotidianamente git da molti mesi e fin dall’inizio ho sentito l’esigenza di migliorare l’esperienza d’uso di questo strumento. Quello che non tutti sanno è che la versione installata su Mac OSX è configurata in modo essenziale e questo vuol dire che:

non ci sono colori nel comando status
non c’è l’auto completamento dei comandi di git
non ci sono nel prompt delle indicazioni sul branch in uso

In pratica se entriamo in un progetto e digitiamo git status quello che otteniamo è una listato uniforme e molto confuso (figura 1)

Andiamo con ordine. Per prima cosa abilitiamo i colori di git con questo semplice comando:

$ git config color.ui true

Se ora digitiamo il comando git status otteniamo

Decisamente meglio. Next step: attivare l’auto completamento dei comandi git. Per farlo è necessario scaricare i file che servono dal repository ufficiale in questo modo:

$ mkdir /tmp # se non esiste già
$ cd /tmp
$ git clone git://git.kernel.org/pub/scm/git/git.git
$ cd git
$ git checkout v`git --version | awk '{print $3}'`
$ cp contrib/completion/git-completion.bash ~/.git-completion.bash
$ cd ~
$ rm -rf /tmp/git
$ echo -e ">> .profile

In particolare quest’ultimo comando creerà il file .profile nello home directory dell’utente se non esiste. Se tutto è andato a buon fine l’auto complemtamento dei comandi git dovrebbe essere attivo. Quindi digitando per esempio:

$ git stat[tab]

Il comando dovrebbe auto-completarsi. Andiamo oltre, attiviamo anche la visualizzazione sul prompt dei comandi il nome del branch attivo e il suo stato. Per farlo basta modificare il file .profile, sulla home directory dell’utente, e aggiungere il seguente codice:

GIT_PS1_SHOWDIRTYSTATE=true
 
if [ -f /opt/local/etc/bash_completion ]; then
    . /opt/local/etc/bash_completion
fi
 
PS1='\[\033[32m\]\u@\h\[\033[00m\]:\[\033[34m\]\w\[\033[31m\]$(__git_ps1)\[\033[00m\]\$ '

Già che ci siamo diamo anche un tocco di colore alla shell in generale aggiungendo due righe in testa al file (se non sono già presenti):

export CLICOLOR=1
export LSCOLORS=GxFxCxDxBxegedabagaced

Riavviamo il Terminale, entriamo in un progetto git e digitiamo git status quello che otteniamo è mostrato nella figura seguente.

Beh che dire, tutta un’altra storia!!!

iOS, personalizzare la funzione NSLog

Massimo — Mon, 10 Oct 2011 20:22:06 +0000

La funzione NSLog presente nel Foundation Kit è molto comoda in fase di debug di un’applicazione. NSLog non fa altro che stampare a console la stringa passata come argomento. Possiamo rendere NSLog “parlante” aggiungendo delle informazioni interessanti, come il nome del metodo e il numero di linea, ogni volta che viene chiamata.

Per farlo è necessario definire una propria funzione “MYLog” in un header comune o nel file .pch in questo modo:

1	# define MYLog(fmt, ...) NSLog((@"%s [Line %d] " fmt), __PRETTY_FUNCTION__, __LINE__, ##__VA_ARGS__);

__PRETTY_FUNCTION__ e __LINE__ sono due macro che hanno proprio lo scopo di visualizzare il nome del metodo e la linea. Ci sono anche altre macro che si posso utilizzare ad ognuno la sua scelta.

Se invece vogliamo fare in modo che queste informazioni siano stampate solo in DEBUG basta aggiungere un if in questo modo:

#ifdef DEBUG
#   define MYLog(fmt, ...) NSLog((@"%s [Line %d] " fmt), __PRETTY_FUNCTION__, __LINE__, ##__VA_ARGS__);
#else
#   define MYLog(...)
#endif

Niente di più semplice e funzionale.

Xcode, Error starting executable, error launching remote program: failed to get the task for process

Massimo — Fri, 12 Aug 2011 06:16:24 +0000

Ecco cosa succede se si utilizza il certificato di distribuzione per fare il deploy in debug sul proprio device (ved Fig. 1):

Error Starting Executable ‘program’
Error launching remote program: failed to get the tast for process xxx

Figura 1 - XCode error

La soluzione è molto semplice e consiste nel specificare un certificato sviluppatore per la configurazione debug. Per fare questo è sufficiente modificare il target utilizzato alla voce Code Signing parametro Code Signing Identity, sotto la voce Debug e Any iOS SDK specificare un certificato diverso da iPhone Distribution (Fig. 2).

In generale è buona norma specificare un certificato sviluppatore per la configurazione debug e un certificato distribuzione per la configurazione release.

MapKit, zoom sulla posizione dell’utente (user location) con MKMapView

Massimo — Fri, 29 Jul 2011 19:56:24 +0000

Piccolo tips della settimana: zoomare la mappa sulla posizione dell’utente. Esigenza molto comune ma non così semplice da realizzare come sembra. Infatti anche se è possibile sfruttare la proprietà userLocation della classe MKMapView questa potrebbe non essere valorizzata in fase di load della view. Questo è naturale in quanto per ottenere la posizione dell’utente ci possono volere alcuni secondi in base alla disponibiltà del sistema GPS. Come fare allora ad effettuare uno zoom quando la posizione dell’utente è disponibile? In questo modo:

- (void)viewDidLoad
{
    [super viewDidLoad];
 
    // imposto il controller come delegate della mappa
    self.mapView.delegate = self;
 
    // chiedo alla mappa di visualizzare la posizione del device
    // questa operazione potrebbe durare qualche secondo
    self.mapView.showUserLocation = YES;
}
 
// questo metodo è invocato ogni volta che una (o più)
// annotation view è aggiunta alla mappa, compresa
// l'annotazione che rappresenta la posizione del device
-(void)mapView:(MKMapView *)mv didAddAnnotationViews:(NSArray *)views
{
    for(MKAnnotationView *annotationView in views)
    {
        if(annotationView.annotation == self.mapView.userLocation)
        {
            MKCoordinateRegion region;
            MKCoordinateSpan span;
 
            span.latitudeDelta = 0.15;
            span.longitudeDelta = 0.15;
 
            region.span = span;
            region.center = self.mapView.userLocation.location.coordinate;
 
            [self.mapView setRegion:region animated:YES];
            [self.mapView regionThatFits:region];
        }
    }
}

In pratica sfruttando il metodo didAddAnnotationViews è possibile intercettare quando la posizione dell’utente è visualizzata sulla mappa ed effettuare uno zoom solo quando è necessario. Il tutto senza l’uso del CLLocationManager, il che ci risparmia un pò di codice che, a mio avviso, risulterebbe ridondante.

iPhone come forzare l’interface orientation (landscape o portrait)

Massimo — Thu, 28 Jul 2011 16:11:25 +0000

In certe occasioni è indispensabile forzare l’interface orientation di una view. Pensiamo ad una applicazione che voglia visualizzare un contenuto e che questo contenuto sia fruibile solo in landscape. Normalmente l’utente parte da una posizione portrait (verticale) del device. Si vuole che all’entrata di una certa view l’orientation si sposti in landscape in modo automatico anche se il device è ancora in posizione verticale. Bene non esiste una metodo ufficiale per questa attività. Esistono però due soluzioni alternative valide, ognuna con i suoi pro e i suoi contro e sono:

Utilizzare una proprietà non documentata della classe UIDevice
Gestire manualmente la rotazione di tutti gli elementi grafici

Il primo approccio è molto semplice e consiste in una semplice riga di codice:

[[UIDevice currentDevice] setOrientation:UIInterfaceOrientationLandscapeRight];

Pur essendo una soluzione molto semplice e compatta presenta una serie di rischi:

Genera un warning in compilazione in quanto non è una funzione esposta dall’SDK
Non è garantito che funzioni con le versioni future dell’SDK proprio perché non è ufficialmente supportata

Il secondo approccio prevede la gestione manuale della rotazione di tutti gli elementi, in questo modo:

- (void)viewWillAppear:(BOOL)animated
{
    UIScreen *screen = [UIScreen mainScreen];
    CGFloat screenWidth = screen.bounds.size.width;
    CGFloat screenHeight = screen.bounds.size.height;
 
    UIAccelerationValue x = self.navigationController.navigationBar.frame.origin.x;
    UIAccelerationValue y = self.navigationController.navigationBar.frame.origin.y;
 
    [UIView beginAnimations:@"orientation" context:nil];
    [UIView setAnimationDuration:0.5f];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
 
    self.navigationController.view.transform = CGAffineTransformIdentity;
    self.navigationController.view.transform = CGAffineTransformMakeRotation(M_PI_2);
    self.navigationController.view.frame = CGRectMake(0.0f, 0.0f, 320.0f, 480.0f);
    self.navigationController.view.center = CGPointMake(screenWidth/2.0, screenHeight/2.0);
    self.navigationController.navigationBar.frame = CGRectMake(x, y, 480, 32);
 
    [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationLandscapeRight animated:YES];
    [UIView commitAnimations];
}
 
- (void)viewWillDisappear:(BOOL)animated
{
    UIScreen *screen = [UIScreen mainScreen];
    CGFloat screenWidth = screen.bounds.size.width;
    CGFloat screenHeight = screen.bounds.size.height;
 
    UIAccelerationValue x = self.navigationController.navigationBar.frame.origin.x;
    UIAccelerationValue y = self.navigationController.navigationBar.frame.origin.y;
 
    [UIView beginAnimations:@"orientation" context:nil];
    [UIView setAnimationDuration:0.5f];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    self.navigationController.view.transform = CGAffineTransformIdentity;
    self.navigationController.view.transform = CGAffineTransformMakeRotation(M_PI * 2);
    self.navigationController.view.bounds = CGRectMake(0.0f, 0.0f, 320.0f, 480.0f);
    self.navigationController.view.center = CGPointMake(screenWidth/2.0, screenHeight/2.0);
    [self.navigationController.navigationBar setFrame:CGRectMake(x, y, 320, 44)];
 
    [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationPortrait animated:YES];
    [UIView commitAnimations];
}

In pratica viene applicata una rotazione di 90° sul NavigationController (che contiene tutti gli elementi) in entrata e una trasformazione inversa in uscita. Da notare che la NavigationBar presenta due dimensioni diverse se è in landscape (32 px) o in portrait (44 px). Questa soluzione risulta compatibile anche con le versioni future dell’SDK però presenta i seguenti problemi:

C’è un leggero difetto grafico in fase di rotazione se la NavigationBar contiene elementi al suo interno come button o immagini. In pratica c’è un leggero sfarfallio degli elementi che si adattano alla nuova dimensione della NavigationBar. Non mi è ancora chiaro questo problema.
E’ sicuramente più lento di una soluzione nativa

A voi la scelta.

iOS colorare la NavigationBar More e il Configure di un UITabBarController (color)

Massimo — Mon, 25 Jul 2011 20:19:19 +0000

Il comportamento di default della classe UITabBarController è quello di aggiungere un TabBarItem More quando ci sono più di 5 item . Il more è uno speciale NavigationBarController con all’interno una UITableView e l’elenco degli item non visibili nella schermata principale (Fig. 1).

Figura 1 - un UITabBarController con il tasto More.

E’ possibile colorare la NavigationBar agendo direttamente su una proprietà specifica della classe UITabBarController all’interno del nostro AppDelegate.m in questo modo:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
   UIColor *c = [UIColor colorWithRed:(102.0/255.0) green:(153.0/255.0) blue:(51.0/255.0) alpha:1];
   UINavigationController *nav = self.tabBarController.moreNavigationController;
   UINavigationBar *bar = nav.navigationBar;
   bar.tintColor = c;
 
   self.window.rootViewController = self.tabBarController;
   [self.window makeKeyAndVisible];
   return YES;
}

A questo punto la NavigationBar risulta correttamente colorata (Fig. 2).

Figura 2 - Il more colorato

E se premiamo il tasto Edit? Beh il risultato la figura 3 non lascia scampo, un’altra NavigationBar con il colore standard!

Figura 3 - Il Configure

Come fare? Con un trucchetto, prima bisogna impostare come UITabBarController delegate la classe AppDelegate in questo modo:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
   UIColor *c = [UIColor colorWithRed:(102.0/255.0) green:(153.0/255.0) blue:(51.0/255.0) alpha:1];
   UINavigationController *nav = self.tabBarController.moreNavigationController;
   UINavigationBar *bar = nav.navigationBar;
   bar.tintColor = c;
 
   // impostare il delegate sul tabbarcontroller
   self.tabBarController.delegate = self;
 
   self.window.rootViewController = self.tabBarController;
   [self.window makeKeyAndVisible];
   return YES;
}

e poi creare il metodo willBeginCustomizingViewControllers che verrà richiamato al momento opportuno:

- (void)tabBarController:(UITabBarController *)controller willBeginCustomizingViewControllers:(NSArray *)viewControllers
{
    UIView *editView = [controller.view.subviews objectAtIndex:1];
    UINavigationBar *modalNavBar = [editView.subviews objectAtIndex:0];
    modalNavBar.tintColor = [UIColor colorWithRed:(102.0/255.0) green:(153.0/255.0) blue:(51.0/255.0) alpha:1];
 
    editView.backgroundColor = [UIColor whiteColor];
}

Ed ecco alla fine il risultato voluto da ogni punto di vista.

Figura 4 - Il configure colorato