2016-04-30 52 views
1

我已經創建與UIView的一些圖像,其謹默認iOS Photos app Collection [Screenshot attached] CustomGridViewUIPageViewController與4方向滾動

當對圖像點擊,它應該顯示的全部圖像中的屏幕UIPageViewController 網格視圖我添加了FullImages與UIPageViewController,但它只是兩個方向,我只能從左到右,從右到左滾動或從上到下,從下到上滾動,但我想在兩個時間都做

例如: 我有以下順序的9張圖片

1 2 3 

4 5 6 

7 8 9 

假設我在圖像5

如果我從top to bottom滾動我必須去圖像2

現在,如果我從bottom to top滾動我必須去圖像5

現在,如果我再滾動bottom to top我必須去圖像8

現在,如果我從right to left滾動我必須去圖像9

現在,如果我從top to bottom滾動我必須去圖像6

現在,如果我從left to right滾動我必須去圖像5

有人可以建議如何做到這一點?

我可以使用UIPageViewController或任何其他控制來獲得這種效果

+0

看看UICollectionView(高級)或UIScrollView(低級)。 – vikingosegundo

回答

1

我會用UICollectionViewGrid layout的照片。

您無法設置集合視圖的both dimension scrollability。但你會用多節

舉例來說做到這一點:

我認爲你需要像這樣..只是刪除第一行&列。 &添加ImageView而不是Just Text ..

http://www.brightec.co.uk/ideas/uicollectionview-using-horizontal-and-vertical-scrolling-sticky-rows-and-columns

Grid Layout

另一個好例如是:https://github.com/izotx/ScrollableCollectionView

&,如果你想在middle照片網格的加載視圖然後設置據此認爲的CollectionView的ContentOffset ..

據我瞭解你的問題,這個解決方案應該在你的問題..

試試這個&如果你解決了,請通知我。或者你得到另一個最好的解決方案..

+0

好的謝謝,我會試試這個 – rak

+0

第二個你在ScrollView上使用了CollectionView它不適合我的問題,你能否給我提供第一個給定解決方案的示例項目http://www.brightec .co.uk/ideas/uicollectionview-using-horizo​​ntal-and-vertical-scrolling-sticky-rows-and-columns – rak

+1

抱歉遲到了,這裏是你的源代碼示例項目.. https://github.com/brightec/ CustomCollectionViewLayout – Simmy

1

一個UIPageViewController你想要什麼也不會做。把它想象成一本書。這就是它提供的。它不會提供像這樣的網頁滾動。

定製的UICollectionView可能是您想要的最佳起點。

+0

你能解釋一下我怎麼用'UICollectionView'實現這個,謝謝 – rak

+0

我建議在網上搜索一下「UICollectionView網格佈局」。這將需要一些微調,使你的收藏視圖中的瓷磚填滿整個屏幕,並按需要捕捉到屏幕上。 –