2017-10-01 8 views
1

私は3つの画像を持つios 8+用のコントロールを作成したいと思います。中央の画像は大きく、左右の画像は小さい。3 uiImageView用のレイアウトをswiftを使用して並べる

スタックレイアウトを使用して、すばやくコードを作成する必要がありますが、iOS 8からは利用できないため、iOS 8では機能しません。これを変更する必要があります。画像をまとめて保存するにはどうすればよいですか(左右の底面)?

また、別の問題は、小さな左右の画像ではなく、大きな中央の画像のみでパンのジェスチャーが必要なことです。だから私は大きな画像に触れると、私は3つすべて画面上で動かすことができます。現在、私は3つのすべての動きのいずれかに触れる場合。

機能

  • 小さな右/左の画像:アクトボタンとして迅速な機能を実行するための

  • 中央の画像:パンジェスチャードラッグ上の画面の周りのすべての3つの

enter image description here

答えて

1

あなたの要件に応じて画像スライダーを作成する3つの選択肢があります。スクロールビュー(UIScrollView)を使用して

  1. ページコントローラを使用したコレクションビュー(UICollectionView
  2. を使用して
  3. ここ

は、単純な/基本的なロジック、あなたは画像をスライド達成するために使用すべきか、何。スクロールビュー(UIScrollView

  1. あなたの条件に応じて(他よりも大きい)、等しい幅でスクロールビューの中間画像の
  2. 設定高さを3枚の画像を追加設定幅を使用して

    AutoLayout制約を使用して、デバイスの画面に等しいかそれに等しいパーセンテージ(80%に等しい)のいずれかのイメージ(おそらく真ん中)

  3. スクロールビューは、水平方向のコンテンツサイズに従って自動的に水平方向にスクロールします。パンのジェスチャーを追加する必要はありません。
  4. スクロールビューのページングを有効にすることもできます。 (あなたは、将来的にこの機能を更新するか方法を選択する必要が3(静的)細胞または単一の動的にコレクションビューを追加Collectionビュー(UICollectionView

    1. を使用して


    。単一のダイナミックセルを選択した場合は、将来、データソースにデータを追加することで、スライダにイメージを簡単に追加することができます。

  5. コレクションビューでのみ水平スクロールを有効にします。
  6. 更新(大きくする)アイテムのインデックスパスを使用するデータソースメソッドのイメージの高さ(indexPath.item == 1)。
  7. コレクションビューにはパンジェスチャーもあります。あなたはそれを実装する必要はありません。
  8. ページネーションを有効にすることもできます。
  9. 注:イメージ/セル幅をデバイス画面または同等のものに設定します。ページコントローラを使用


ここ は、 "ページビューコントローラを使用する方法" の素敵なリファレンスチュートリアル、


私はお勧めしませんですこのオプション(Page view controlle r)しかし、要件の範囲(コントローラのレベルを表示するか、単純な子ビュースライダ)の詳細については完全な情報を提供しているので、これもスライダをイメージングするオプションです。

+0

私はこれを行う別の方法を使用しました。あなたのアプローチを他の仕事に使うつもりです。今のところ、私はちょうど3つの画像を並べて、私はそれらをプログラムで追加しました。次の記事のように:https://stackoverflow.com/questions/46524174/programmatically-place-partial-image-over-another-in-uiview-using-swift-3 – Rahul

関連する問題