Comments (3)
Reflowble viewport is impacted as well:
readium/readium-sdk#84
from sdklauncher-ios.
Duplicate:
#24
Video:
https://www.dropbox.com/s/uv78dnf56jm8ftm/landscape_zoom_problem.mov
from sdklauncher-ios.
So, let's do a thought exercise, running iOS Launcher on an iPad.
The root UIWebView document reader.html doesn't do much more than wrapping the iframes for each displayed EPUB content document (i.e. there is no UI "chrome", unlike the cloud reader navigation bar + page buttons), and right now its head>meta/viewport allows the user to use pinch/stretch gestures, with undesirable results: it may "look and feel okay" with fixed layout books (including panning the content with one-two finger drag), but with reflow documents it becomes very confusing.
One option is to "lock" the reader.html viewport:
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1">
This would mean that the touch interaction would not get consumed "natively" by the UIWebView to zoom in/out of the rendered pages, instead code in readium-shared-js would take care of capturing pinch/stretch gestures (maybe double-tap as well) to interpret them as appropriate. This would make it possible to use Readium's built-in "pan + zoom" feature API (just as with the Chrome extension / cloud reader, although this browser-based implementation doesn't handle touch gestures at this point (for anything other than page swipe), but instead provides a menu UI affordance for setting the zoom).
The problem with the above approach is that touch events would not be handled natively, the app would delegate this to the HTML viewport. Not to everybody's taste / vendor integration requirements.
As a point of discussion, it may be important to remember that the cloud reader's "zoom" UI may eventually be used to control reflow font size as well as pixel-perfect zoom, thereby harmonising the concept of "magnification" across pre-paginated fixed layout publications and reflowable documents. Should the iOS touch-based interaction also be used to control font size? (in addition to classic pinch-stretch zoom gestures) This would be a good argument for locking the viewport and installing a custom touch handler, as described above.
Food for thoughts.
from sdklauncher-ios.
Related Issues (20)
- Text selection in continuous scroll mode fails on iOS 12
- xcode project missing js and css file HOT 2
- reader not scrolling : IOS 13.x HOT 5
- 您好,如何把sdk导入到自己的项目中,我这边报错C++ requires a type specifier for all declar HOT 2
- This SDK not supported for iOS 13 but working fine in iOS 12.4.2. Please help me
- Please Provide full version HOT 2
- SDK Launcher- ios HOT 2
- Regarding exporting of annotations to our backend server. HOT 3
- ePubLibrary view with cover image HOT 3
- Errors with Book Marks HOT 5
- Swipe Navigation HOT 4
- SDKLauncher-iOS Highlight does not work on IOS HOT 24
- In iOS How to get the click on the location of the information and get the selected text string? HOT 1
- Footnotes with elementCfi containing square brackets do not navigate to correct page HOT 7
- how can we calculate total no of pages in a book in Background HOT 3
- some errors about “Platform” namespace HOT 1
- Reference Cover image From Epub HOT 6
- Request a demo that runs normally HOT 2
- How to detect user pressing on link inside the book HOT 2
- I've imported the dependencies on my project. But didn't get any clue to use those sdks. Can anyone explain how to use Redium sdks with some examples stepwise? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sdklauncher-ios.