Création d'une barre de progression personnalisée avec des images

Assez à ce que j'essaie de faire, c'est de créer l'image suivante:
Création d'une barre de progression personnalisée avec des images

C'est donc une barre de progression qui indique le nombre de votes le client à réaliser dans cette option. Comment puis-je le faire? Je me demandais si je peux utiliser un masque (comme je le ferais en flex), mais tout le masquage des implémentations que j'ai trouvé sur le web sont en train de faire des masques pour UIImages, et pas pour UIImageView. Je ne peux pas faire le masque dans le UIImage, parce que les deux images ont les mêmes dimensions. J'ai utiliser le X et le Y des images de la récolte?! Ainsi, des suggestions?

Voici les deux images que j'ai créer cette barre de progression:

Création d'une barre de progression personnalisée avec des images
Création d'une barre de progression personnalisée avec des images

Acclamations.

OriginalL'auteur Arthur Neves | 2011-05-12

  1. 11

    vous voulez vous débarrasser de tout de même peu au milieu de chaque image.
    puis faire quelque chose comme:

    - (void)viewDidLoad
{
    [super viewDidLoad];
    [self addProgressBarInFrame:CGRectMake(20.f, 20.f, 280.f, 50.f) withProgress:.9f];
    [self addProgressBarInFrame:CGRectMake(20.f, 100.f, 200.f, 25.f) withProgress:.1f];
}

-(void)addProgressBarInFrame:(CGRect)frame withProgress:(CGFloat)progress
{
    float widthOfJaggedBit = 4.0f;
    UIImage * imageA= [[UIImage imageNamed:@"imageA"] stretchableImageWithLeftCapWidth:widthOfJaggedBit topCapHeight:0.0f];
    UIImage * imageB= [[UIImage imageNamed:@"imageB"] stretchableImageWithLeftCapWidth:widthOfJaggedBit topCapHeight:0.0f];
    UIView * progressBar = [[UIView alloc] initWithFrame:frame];
    progressBar.backgroundColor = [UIColor whiteColor];
    UIImageView * imageViewA = [[UIImageView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, frame.size.width*progress, frame.size.height)];
    UIImageView * imageViewB = [[UIImageView alloc] initWithFrame:CGRectMake(frame.size.width*progress, 0.f, frame.size.width - (frame.size.width*progress), frame.size.height)];
    imageViewA.image = imageA;
    imageViewB.image = imageB;
   //imageViewA.contentStretch = CGRectMake(widthOfJaggedBit, 0, imageA.size.width - 2*widthOfJaggedBit, imageA.size.height) ;
   //imageViewB.contentStretch = CGRectMake(widthOfJaggedBit, 0, imageB.size.width - 2*widthOfJaggedBit, imageB.size.height) ;
    [self.view addSubview:progressBar];
    [progressBar addSubview:imageViewA];
    [progressBar addSubview:imageViewB];
}

    Création d'une barre de progression personnalisée avec des images

    notez que le extensible image, s'étend au milieu et les feuilles extrémités d'un seul, juste des petits clous sur le bout.
    OK, donc, que LeftCapWidth est la taille de mon bord? parce que je suis en train de faire ceci: UIImage * imageA= [[UIImage imageNamed:@"02_voting_status.png"] stretchableImageWithLeftCapWidth:20 topCapHeight:0.0 f]; et c'semble être la même sans!
    Mon problème est que... j'ai les deux Images dans la taille FINALE.. donc je ne veux pas étirer, je veux faire le contraire:psy!
    essayez avec 20.f, parfois ints sont traités comme 0.0 f
    pas de succès pour l'instant!

    OriginalL'auteur Grady Player

  2. 0

    Grady Joueur réponse est grande. Juste une petite remarque, pour toute personne qui utilise cette. J'ai essayé de mettre à jour les images des deux UIImageView est de mettre à jour le "progrès". J'ai essayé de forcer une mise à jour avec "setNeedsDisplay", mais en vain. (sizeToFit causé des problèmes trop).

    De toute façon, la seule façon que j'ai compris comment mettre à jour l'avancement d'une barre de progression a été d'appeler "setFrame:CGRectMake" avec mes nouvelles dimensions.

    OriginalL'auteur user2719303