如何創建簡單圖像旋轉木馬。假設我有兩行一列的GridView。我想在上排創建圖像傳送帶。我可以用ScrollView來做到這一點嗎?任何消化?Famo.us圖像旋轉木馬
0
A
回答
0
你有正確的想法。你可以使用gridLayout來保持你的尺寸一致,並使用scrollView非常好。
我不知道你是如何想象這樣的旋轉木馬工作,但在scrollview中需要注意的一個選項是'分頁'選項。這使您可以輕鬆定義滾動視圖的目標位置以停止並捕捉,類似於本機上的滾動選擇器。或者,如果你想要的資源定義..
* @param {Boolean} [paginated=false] A paginated scrollview will scroll through items discretely
* rather than continously.
你可能要考慮一下接下來的事情是一個旋轉木馬是如何周而復始,從來沒有像到達滾動視圖最終會。默認情況下沒有這個選項,但我找到了一個可以輕鬆完成的方法。對於較小的圖像可能會有點棘手,但這是我爲無限全景拍攝的一個例子。
Transforming Panoramas for Virtual Tours with famo.us, has it been done?
訣竅是使用第二複製圖像拖尾滾動視圖和滾動視圖時,是在正確的位置,我們可以跳到它回到起點,沒有視覺證據提供給用戶。
這裏是活生生的例子..
http://higherorderhuman.com/examples/infinite.html
希望這有助於你開始!
相關問題
- 1. 旋轉木馬內的旋轉木馬
- 2. 引導旋轉木馬:旋轉木馬
- 3. 旋轉木馬
- 4. Bootstrap旋轉木馬:以動畫方式在旋轉木馬中設置圖像
- 5. Bootstrap旋轉木馬葉堆棧圖像
- 6. 全屏旋轉木馬圖像(引導)
- 7. 圖像合併在旋轉木馬中
- 8. JQuery旋轉木馬圖像修剪
- 9. 旋轉木馬圖像尺寸soze
- 10. Twitter Bootstrap旋轉木馬圖像比例
- 11. Elastislide旋轉木馬緩存的圖像
- 12. 問題與旋轉木馬圖像庫
- 13. 圖像旋轉木馬與nativescript-角2
- 14. bootstrap旋轉木馬圖像高度
- 15. Bootstrap旋轉木馬 - 圖像太小
- 16. Android旋轉木馬圖像庫
- 17. 旋轉木馬覆蓋背景圖像
- 18. JavaScript或jQuery圖像旋轉木馬/ filmstrim
- 19. jQuery 3D圖像+按鈕旋轉木馬
- 20. 對齊Bootstrap旋轉木馬圖像
- 21. 旋轉木馬圖像不引導
- 22. 角旋轉木馬用3個圖像
- 23. 垂直旋轉木馬圖像
- 24. 圖像jQuery的旋轉木馬複製
- 25. 圖片庫旋轉木馬
- 26. 旋轉木馬縮略圖,添加類到下一個旋轉木馬旋轉
- 27. 旋轉木馬博
- 28. jquery旋轉木馬
- 29. Papervision旋轉木馬
- 30. Bootstrap旋轉木馬
這應該被標記,如果它是有用的,我不想指出狙擊如此評論...將有一個'官方'旋轉木馬很快就會發布。查看2014年8月13日的公告。有了這個控制,你應該能夠根據你想要的任何佈局來嵌套它。 – Perry