I would propose again to use new qx.ui.mobile.container.ScrollComposite();
This enables the vertical and horizontal scrolling.
Your use case seems very special. You want inner HTML with two way scrolling
and with full pinch and zoom functionality.
iScroll implementation is not trivial, and we don't want to modify the iScroll
library manually.
Have you tried loading the sites inside an iFrame?
It might be able to enable pinch and zoom with qx.Mobile touch events.
Have a look at:
https://github.com/qooxdoo/qooxdoo/blob/master/application/mobileshowcase/source/class/mobileshowcase/page/Event.js
On this page, you see a pinch and zoom (even a rotate) inside the function
__onGestureTargetTouchMove
With this scale factor and the function setScaleX and setScaleY you may
implement a zooming.
Greetz
Christopher
Am 27.05.2013 um 12:12 schrieb Alexander Voronin:
Hi, list. I have simple issue that I fight not first time in qooxdoo mobile. My
scenario also already known here, I guess.. :) I have volatile HTML sample with
explicitely specified width and height that I wrapped with
qx.ui.mobile.embed.Html container. Then I use it inside
qx.ui.mobile.page.NavigationPage based page. My goal is to get horizontal
scrolling working as expected.
First usecase - do nothing, just add html inside content using this code:
var html = new qx.ui.mobile.embed.Html(this._getScrollerHtml());
this.getContent().add(html);
I'm getting here vertically scrollable content with number of known but fixable
iScroll bugs and no horizontal scroll at all.
Second usecase - I overrided _createScrollContainer method and using
qx.ui.mobile.container.Scroll container for scrolling with large number of
iScroll options to get everything work as I want:
_createScrollContainer: function() {
if (this._scroller == null) {
this._scroller = new qx.ui.mobile.container.Scroll(
{
"useTransform": this._detectUseTransforms(),
hScroll: true,
vScroll: true,
hScrollbar: true,
vScrollbar: true,
zoom: true,
snap: false,
momentum: true,
onBeforeScrollStart: function(e) {
var target = e.target;
while (target.nodeType != 1) {
target = target.parentNode;
}
if (target.tagName != 'SELECT' &&
target.tagName != 'INPUT' &&
target.tagName != 'TEXTAREA' &&
target.tagName != 'OPTION' &&
target.tagName != 'BUTTON' &&
target.tagName != 'LABEL') {
e.preventDefault();
}
}
}
);
}
return this._scroller;
}
in despite of hScroll attributes this code not giving me ability to scroll page
horizontally. In this thread
http://qooxdoo.678.n2.nabble.com/Qooxdoo-mobile-2-2-page-scroll-container-issues-td7582604.html
Christopher told me that horizontal scrollind not working for
qx.ui.mobile.container.Scroll because of iScroll wrapper and the scroller are
the same container. I'm not sure it is, but why not change this to give more
flexibility?
Third usecase (I need my horizontal scrolling!): using ScrollComposite
scrolling container:
_createScrollContainer: function() {
if (this._scroller == null) {
this._scroller = new çΩ();
this._scroller.setScrollableY(true);
this._scroller.setScrollableX(true);
this._scroller.setShowScrollIndicator(true);
}
return this._scroller;
}
Well, that's not hepled anyway untill I've changed
this.getContent().add(html);
to
this._scroller.add(html);
here I've got what I need but why first approach not working? Also I lost zoom
feature from iScroll using ScrollComposite scroller.
So what is the best approach to get horizontal scrolling worked and why there
is so many issues? I've used git qooxdoo mobile version for my experiments.
--
когда я опустился на самое дно, снизу мне постучали..
------------------------------------------------------------------------------
Try New Relic Now & We'll Send You this Cool Shirt
New Relic is the only SaaS-based application performance monitoring service
that delivers powerful full stack analytics. Optimize and monitor your
browser, app, & servers with just a few lines of code. Try New Relic
and get this awesome Nerd Life shirt!
http://p.sf.net/sfu/newrelic_d2d_may_______________________________________________
qooxdoo-devel mailing list
[email protected]<mailto:[email protected]>
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
------------------------------------------------------------------------------
Introducing AppDynamics Lite, a free troubleshooting tool for Java/.NET
Get 100% visibility into your production application - at no cost.
Code-level diagnostics for performance bottlenecks with <2% overhead
Download for free and get started troubleshooting in minutes.
http://p.sf.net/sfu/appdyn_d2d_ap1
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
