진행 상황을 이미지 완성 형식으로 표시합니다.

Question

진행 상태를 이미지 완성 형식으로 보여주고 싶습니다. 간단한 예는 앱 스토어에서 앱을 설치할 때 다운로드가 완료되면 이미지 아이콘이 꽉 차는 것을 볼 수 있습니다. 즉 다운로드 할 총 바이트 수를 얻었지만 아이콘 이미지의 형태로 진행률을 표시하고 싶습니다. 즉 완성 된 바이트 수, 그 아이콘 이미지가 완료되었음을 보여주고 싶습니다. 그런 종류의 진행 활동을 찾고 있습니다. 아무도 그 짓을하지 않았습니까? 도와주세요.

Answer 1

이미지가 완전히 채워질 때까지 빈 이미지와 부분 채워진 이미지의 이미지 시퀀스가 ​​필요합니다. 그런 다음 애니메이션이 적용되어야 이미지가 채워지는 것처럼 보입니다.

샘플 코드의 모습,

UIImageView *animationView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0,320, 460)];//specify your size here 

animationView.contentMode = UIViewContentModeCenter; 
animationView.animationImages = [NSArray arrayWithObjects: 
          [UIImage imageNamed:@"1.png"], 
          [UIImage imageNamed:@"2.png"], 
          [UIImage imageNamed:@"3.png"], 
          [UIImage imageNamed:@"4.png"], 
          [UIImage imageNamed:@"5.png"], 
          [UIImage imageNamed:@"6.png"], 
          [UIImage imageNamed:@"7.png"], 
          [UIImage imageNamed:@"8.png"], 
          [UIImage imageNamed:@"9.png"], 
          [UIImage imageNamed:@"10.png"],nil]; 
animationView.animationDuration = 1.5f; 
animationView.animationRepeatCount= 0; 
[animationView startAnimating]; 
[self.view addSubview:animationView];  

Answer 2

이미지를 다운로드하지 않는 경우 이미지를 통해 마스크로 사용되는 CAShapeLayer를 사용하지 왜. 다른 말로하면, 당신의 이미지는 전체 시간이지만, 마스크가 변함에 따라 이미지가 더 많이 보입니다.

마스크가 원형의 단일 조각 인 경우 NSURLSession/NSURLConnection 대리자를 사용하여 원의 중심점을 중심으로 CATransform을 적용한 다음 마스크의 베 지어 경로를 다시 계산할 수 있습니다. 대리자가 반환하기 전에 새 마스크를 적용하면 순환 진행 뷰가 표시되고 대리자를 호출 할 때마다 더 많은 이미지가 표시됩니다.