Les images centrées sont floues

Question

J'ai beaucoup de png avec des tailles différentes, et je veux les charger dans une table. J'ai ce code:

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

Tout fonctionne bien sauf que mes png sont flous. Si je ne les centre pas, ils sont extrêmement pointus. Ils sont tous fabriqués à partir de courbes. Je ne les ai pas tous exportés, donc c'est toujours une chance d'exporter avec une taille fixe et les dessins déjà centrés, mais je veux savoir si je fais quelque chose de mal ou de incomplet. Pourquoi sont-ils flous?

Je pense n'est pas possible de télécharger une photo ici ..

Answer 1

Cela fera que le cadre est aux coordonnées entier:

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 différence entre ceci et

charImage.center = CGPointMake(30, 23); 

est que le COU setter .center ld définit l'origine sur un point non entier lorsque la largeur ou la hauteur est de la mauvaise parité. Comme d'autres personnes l'ont dit ici, les images et les textes ont l'air flous lorsqu'ils sont à des coordonnées non entières.

Answer 2

vous pouvez utiliser les coordonnées calculées au lieu de contentMode:

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

Answer 3

Cela se produit parce que les PNGs se placer à des positions sous-pixels . Utiliser sizeToFit avec UIViewContentModeCenter rend cela possible. Lorsque vous n'utilisez pas UIViewContentModeCenter, les vues sont placées à (0.0, 0.0) et ne flouent donc pas.

Si vous voulez éviter le flou, d'abord ne pas utiliser sizeToFit, utilisez ce pour centrer l'image:

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);