UIPicker의 대안

Question

슬롯 머신 어플 리케이션을위한 다른 방법이 있습니까? 이것은 UIPICKER 메서드가 느린 애니메이션 효과를 가지지 않기 때문입니다.

Answer 1

CALayer 애니메이션을 사용하여 수행 할 수 있습니다.

하위 레이어의 3D 변환을 허용하려면 기본 slotMachineView 레이어의 클래스가 CATransformLayer이어야합니다.

릴에있는 기호를 나타내는 10 개의 정사각형 이미지가 있다고 가정 해 보겠습니다. 각 이미지에 대해 CALayer을 작성하십시오. content 속성은 이미지 중 하나입니다. 이는 당신 '(번역

다음의 X 축에 대해

• 먼저 각 레이어를 회전해야합니다 (2 * PI)/10 약간의 거리를 그런 다음 각 계층에 당신이 변환을 적용해야합니다 계산할 필요가 있습니다) Z 축 따라.

이제보기 레이어에이 레이어를 추가하십시오. 이제 X 축을 중심으로 이미지의 "실린더"를 볼 수 있습니다.

실린더를 회전하려면 첫 번째 변환을 CAAnimation으로 조정하거나 타이머를 사용하고 타이머가 작동하는 오프셋으로 X 축 회전을 조정해야합니다.

나는 전체 구현 세부 사항을 파악하는 당신에게 그것을 떠날거야 -하지만 여기

int imageCount = 16; 

    for (int i = 0; i < imageCount; i++) { 
     // Load image from the bundle 

     NSString * fileName = [NSString stringWithFormat: @"Image-%d", i]; 
     NSString * filePath = [[NSBundle mainBundle] pathForResource: fileName ofType: @"jpeg"]; 

     UIImage * image = [UIImage imageWithContentsOfFile: filePath]; 

     // Create a layer with the image as content - My image size was 60x60 

     CALayer * imageLayer = [CALayer layer]; 
     imageLayer.bounds = (CGRect){CGPointZero, {60.0, 60.0}}; 
     imageLayer.contents = (id)image.CGImage; 
     imageLayer.position = (CGPoint){CGRectGetMidX(self.view.bounds), CGRectGetMidY(self.view.bounds)}; 

     // Set the initial image transform - I've hardcoded the translate along the 
     // z-axis to 150, but this will vary depending on the number of images 
     // and their size - you'll need to do some maths to work it out... sines or 
     // cosines or somesuch 
     CGFloat angle = (2.0 * M_PI)/imageCount * i; 
     CATransform3D transform = CATransform3DMakeRotation(angle, 1.0, 0.0, 0.0); 
     transform = CATransform3DTranslate(transform, 0.0, 0.0, 150.0); 
     imageLayer.transform = transform; 

     [self.layers addObject: imageLayer]; 

     [self.view.layer addSublayer: imageLayer]; 
    } 
} 

그것을 회전하려면로드 및 초기 "릴"을 만들 수있는 몇 가지 코드, 당신이해야 할 모든 변화는 변환의 회전 부분 여분의 크레디트를 얻으려면 레이어에서 중심으로 멀어 질수록 그림자가 증가합니다.

Answer 2

각 숫자/기호에 UIImageView을 사용할 수 있으며 표시되는 이미지의 움직임을 애니메이션으로 나타낼 수 있습니다. UIPicker을 사용하면 문자와 숫자로 제한됩니다. UIImageView으로 체리와 같은 다른 전형적인 슬롯 머신 영상을 추가 할 수 있습니다.

Answer 3

우리는 숙제를하고 있습니까?

세로 UIScrollViews를 나란히 사용하고 페이징을 사용 가능하게 설정하고 뷰에 대해 UIImageViews를 사용하십시오.

기본적으로 플랫하게 보일 것입니다. 그러나 기능면에서는 동일합니다.

UIPickerView처럼 보이게하려면 약간의 Core Animation/Core Graphics가 필요합니다.