Le immagini centrate sono sfocate

Question

Ho un sacco di png con diverse dimensioni e voglio caricarle in un tavolo. Ho questo codice:

charImage.image = [self imageForId:g.charId glyphNr:g.glyphNr]; 
[charImage sizeToFit]; 
//charImage.contentMode = UIViewContentModeCenter; 
charImage.center = CGPointMake(30, 23); 

Tutto funziona bene, tranne che le mie png sono sfocate. Se non li centra, sono estremamente nitidi. Sono tutti fatti da curve. Non li ho esportati tutti, quindi ho ancora la possibilità di esportare con una dimensione fissa e i disegni sono già centrati, ma voglio sapere se sto facendo qualcosa di sbagliato o incompleto. Perché sono sfocati?

Credo che non è possibile caricare una foto qui ..

Answer 1

Questo farà in modo che il telaio è a numero intero coordinate:

int centerX = 30; 
int centerY = 23; 
CGSize size = charImage.frame.size; 
charImage.frame = CGRectMake((int)(centerX - size.width/2), 
          (int)(centerY - size.height/2), 
          size.width, size.height); 

la differenza tra questo e

charImage.center = CGPointMake(30, 23); 

è che il cou .center setter ld imposta l'origine a un punto non intero quando la larghezza o l'altezza è della parità errata. Come altre persone hanno detto qui, le immagini e il testo appaiono sfocati quando sono a coordinate non intere.

Answer 2

si potrebbe utilizzare calcolato coordinate invece di contentMode:

charImage.frame = CGRectMake(x,y,width,height)

Answer 3

Questo accade perché i PNG vengono inseriti in posizioni sub-pixel . L'utilizzo di sizeToFit insieme a UIViewContentModeCenter rende questo possibile. Quando non si utilizza UIViewContentModeCenter, le viste vengono posizionate su (0.0, 0.0) e quindi non sfocate.

Se si vuole evitare di sfocatura, prima non utilizzare sizeToFit, quindi utilizzare questo per centrare l'immagine:

image.frame = CGRectMake(round(centerX - image.frame.size.width/2.0), 
         round(centerY - image.frame.size.height/2.0), 
         image.frame.size.width, 
         image.frame.size.height);