UIPickerの代替

Question

SLOT-MACHINEアプリの他の方法はありますか？これは、UIPICKERメソッドにアニメーション効果が遅いためです。

Answer 1

CALayerアニメーションを使用してこれを行うことができます。

サブレイヤの3D変換を可能にするには、メインのslotMachineViewレイヤのクラスをCATransformLayerにする必要があります。

リールのシンボルを表す正方形の画像が10枚あるとします。画像ごとにCALayerを作成してください。誰のコンテンツプロパティが自分の画像の1つです。これはあなた」（翻訳し

そして、そのX軸を中心に

• まずあなたが各レイヤーを回転させる必要があります（2 * PI）/ 10ある程度の距離を：次に、それぞれの層に、あなたは2つの変換を適用する必要があります計算する必要があります） に沿って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のように見えるようにするには、少しコア・アニメーション/コア・グラフィックスが必要です。