Pinch to zoom support

PreviewPage.qml

import bb.cascades 1.2

Page {
    property string name: ""

    function setSource(source) {
        name = source;
        gestureContainer.resetViewableArea();
    }

    Container {
        layout: StackLayout {
        }
        id: gestureParent
        property string gestureState: "pinch"

            ScrollView {

                id: gestureContainer
                scrollViewProperties{
                    scrollMode: ScrollMode.Both
                }

                scrollRole: ScrollRole.Main
                scrollViewProperties.minContentScale: 1.0
                scrollViewProperties.maxContentScale: 8.0
                scrollViewProperties.pinchToZoomEnabled: true
                scrollViewProperties.overScrollEffectMode: OverScrollEffectMode.Default

                ImageView {

                    id: gestureImage

                    imageSource: name

                   // image: ImageViewLoadEffect.Subtle
                    scalingMethod: ScalingMethod.AspectFit
                    property double initialScale: 1.0
                    property double scaleFactor: 0.8

        }

    }
}
}

hand. QML

import bb.cascades 1.2
import bb.multimedia 1.2
import bb.cascades.multimedia 1.2

NavigationPane {

    property string name: ""
    property string clickedName: ""
    id: np
    Page {

        content: Container {
            layout: StackLayout {
            }
            Container {

                layout: StackLayout {
                }
                verticalAlignment: VerticalAlignment.Fill
                horizontalAlignment: HorizontalAlignment.Fill
                Button {
                    horizontalAlignment: HorizontalAlignment.Fill
                    verticalAlignment: VerticalAlignment.Top
                    text: "camera"
                    onClicked: {
                        np.push(pageOne)
                    }
                }
                /*Button {
                 * horizontalAlignment: HorizontalAlignment.Fill
                 * verticalAlignment: VerticalAlignment.Center
                 * text: "preview"
                 * onClicked: {
                 * np.push(pageTwo)
                 * }
                 }*/
                Button {
                    horizontalAlignment: HorizontalAlignment.Fill
                    verticalAlignment: VerticalAlignment.Bottom
                    text: "gallery"
                    onClicked: {
                        app.loadList();
                        np.push(pageThree)
                    }
                }
            }
        }

    }

    attachedObjects: [

        Page {
            id: pageOne
            Camera {
                id: cam
                property bool photoBeingTaken

                onCameraOpened: {
                    //cam.getSettings(settings)

                    /*cam.getSettings(settings)
                     * settings.cameraRollPath="/data/images/"
                     *
                     * settings.captureResolution.height=10
                     * settings.captureResolution.width=10
                     *
                     * cam.applySettings(settings)
                     *
                     console.log("saving at: ", settings.cameraRollPath)*/
                    /*
                     * getSettings(settings)
                     * settings.cameraRollPath="/data/images/"
                     *
                     * //settings.captureResolution.height=10
                     * //settings.captureResolution.width=10
                     *
                     applySettings(settings)*/

                    getSettings(sets)
                    sets.focusMode = CameraFocusMode.Auto
                    //sets.shootingMode = CameraShootingMode.Stabilization

                    sets.cameraRollPath = app.getIm();
                    cam.applySettings(sets)
                    console.debug("New cameraRollPath: ", sets.cameraRollPath);

                    cam.startViewfinder();
                    console.log("view started")

                }

                onTouch: {
                    if (photoBeingTaken == false) {
                        photoBeingTaken = true
                        cam.capturePhoto();
                        console.log("captured");
                    }
                }

                onViewfinderStarted: {
                    photoBeingTaken = false;
                }

                onPhotoCaptureFailed: {
                    console.log("capture failed:", error.toLocaleString())
                    photoBeingTaken = false;
                }

                onPhotoSaveFailed: {
                    console.log(":save failed", error.toLocaleString())
                    photoBeingTaken = false;
                }

                onPhotoSaved: {
                    photoBeingTaken = false;
                    console.log("Image saved at: ", fileName, " !")
                    name = fileName;
                    name = app.saveImage(fileName);
                    np.push(pageTwo);

                }

                attachedObjects: [
                    CameraSettings {
                        id: sets
                    }

                ]
            }

            onCreationCompleted: {
                console.log("saving at: ", sets.cameraRollPath)
                cam.open(CameraUnit.Rear)
                console.log("\Component complete")
            }
        },
        Page {
            id: pageTwo
            ImageView {
                imageSource: "file://" + name
            }
        },
        PreviewPage {
            id: pageClick
        },
        Page {

            id: pageThree

            Container {

                ImageView {

                }
                horizontalAlignment: HorizontalAlignment.Fill
                verticalAlignment: VerticalAlignment.Fill

                attachedObjects: [
                    GroupDataModel {
                        id: groupDataModel
                        objectName: "groupData"
                        //sortingKeys: [ "fn", "ln" ]
                        //grouping: ItemGrouping.ByFirstChar
                    }
                ]

                ListView {
                    id: view

                    //layout: GridListLayout {}
                    dataModel: groupDataModel

                    listItemComponents: [
                        ListItemComponent {
                            type: "item"
                            //type: "image"
                            /*ImageView {
                             * imageSource:ListItemData.fn
                             * scalingMethod: ScalingMethod.AspectFill
                             }*/

                            StandardListItem {
                                title: ListItemData.fn
                                description: ListItemData.ln
                                imageSource: ListItemData.ln
                            }

                        }

                    ]
                    onTriggered: {
                        var selectedItem = dataModel.data(indexPath);
                        clickedName = selectedItem.fn;
                        pageClick.setSource(clickedName)
                        np.push(pageClick)

                    }

                }

            }

        }

    ]

}

I am trying to load pictures from my camera and gallery once they are responsible for I'am doing the pinch to zoom operation. The problem I'am facing here is of any image that I load my photo gallery is zoomed in to max and I can only zoom out. Whereas if I load and call the image of the asstes folder, image retains its original proportions. Any help is appreciated.

Thank you

Try this

{Of container
horizontalAlignment: HorizontalAlignment.Fill
verticalAlignment: VerticalAlignment.Fill
layout: {DockLayout}

}
ScrollView {}
ID: scrollView
horizontalAlignment: HorizontalAlignment.Fill
verticalAlignment: VerticalAlignment.Fill
{scrollViewProperties}
scrollMode: ScrollMode.Both
pinchToZoomEnabled: true
}
{Of container
horizontalAlignment: HorizontalAlignment.Fill
verticalAlignment: VerticalAlignment.Fill
layout: {DockLayout}
}
WebView {}
ID: mWebImageView
horizontalAlignment: HorizontalAlignment.Fill
verticalAlignment: VerticalAlignment.Center

onCreationCompleted: {}

}
onMinContentScaleChanged: {}
scrollView.scrollViewProperties.minContentScale = minContentScale;
}
onMaxContentScaleChanged: {}
scrollView.scrollViewProperties.maxContentScale = maxContentScale;
}

}
}

}
}

Tags: BlackBerry Developers

Similar Questions

  • Help: More sensitive to the pinch and zoom

    I recently bought Acer, Aspire V3-572PG (Aspire |) (V), with 8.1 Windows installed, it has a screen pinch and zoom that drives me crazy.  The screen automatically reached the size of an elephant and or reduced to a postage stamp all the few minutes that I use my touchpad, navigate, or even breathe, I have to manually change the size of the screen at 100%, it is impossible to use.

    I can't find the settings to change or disable this, please advise.

    Thank you.

    Thanks for the tips, I found that she was using a Synaptics driver.

    I did contact Acer support and they said that it wasn't a problem requiring her repair because it is an option on the laptop, ignoring that I informed them that I didn't want the screen to resize on his own.

    But the laptop has been a few weeks and I was disappointed that I should start taking steps to solve a problem that Acer deny exist and possibly judge the labtop warranty criteria, because I tried to fix it myself.  So instead, I went back to the store and got a refund and I will not buy another product Acer.

  • Pinch to zoom - Google Maps

    Simple question. Google maps support pinch to zoom in?

    Gesture event support only the two finger tap

    THX

    No it's not.

  • Windows 8: pinch to zoom only not working on touchpad (HP envy)

    Hello
    the pinch to zoom in on my touchpad (semantics) does not work (nothing happens) - works fine on the touch screen.
    Ive got the pinch to zoom option checked in the control panel/semantics touchpad.
    using windows8 on a hp envy.
    any ideas?
    Thank you

    Hello

    Thanks for the reply.

    I suggest you contact HP support for help on this issue.

    http://WWW8.HP.com/us/en/contact-HP/contact.html

    Hope this information helps. If you need more assistance or information on this question, reply to this post. I'll be happy to help you.

  • Pinch to Zoom-the touchpad does not not in Adobe Reader DC / Illustrator (Microsoft Surface book)

    Hi all

    The pinch to zoom-the touchpad is an important part of my work, but I can't make it work in Illustrator CS6 Adobe DC or on the cell Surface book. Does anyone know a potential solution?

    There may be some registry that I can change or manifest some file, I can create to resolve this problem?

    On my previous laptop touch I could solve this problem by disabling the touch mode in Adobe Reader, but for the book of the Surface, the touch screen remains active even when the touch mode is disabled.

    Thank you

    Justin

    Hi Sarah,.

    Thank you for your response. Unfortunately, this does not solve the problem - I think it may be a software problem and a hardware, that is, the touch screen is the default input device because it is used also in tablet form.

    For now I have switched to Foxit Reader and can confirm the pinch to zoom-the touchpad works in this software (I do not mean to be inflammatory, but rather as at least temporary difficulty for users experiencing this problem!).  However, I am not aware of the alternatives comparable to Adobe Illustrator, so I'll have to support limiting it.

    Best.

    Justin

  • Pinch and Zoom Windows 10

    Hello
    is the Content Viewer support pinch and Zoom in on Windows 10?



    Jens

    Hi Jens,

    The Windows Viewer is not support pinch and zoom.

    Neil

  • Unable to Pinch to Zoom on iPhone

    I am unable to pinch it to zoom in when browsing the mobile version of my site from muse to adobe.  What's weird, is that if I pinch to zoom on my html elements, it seems to zoom, but not elsewhere.  Any thoughts?  Here is the site if you do not want to see what I'm talking about: http://www.orangebeet.com/crystakallyn

    Not at the moment. If you find a site with smooth scrolling effects that supports pinch zoom, let us know. So far, it seems very difficult to get zoom both work seamlessly for all the mirade of case which can easily be created to Muse on all combinations of popular mobile browsers, using so scroll effects currently disables pinch.

  • Pinch and Zoom does not not Android V26

    Hello

    I am currently a folio of construction and hoping to take advantage of the new support of pdf to V26 (for Android tablets). I updated the tools, folio Builder and content viewer Adobe to V26. I downloaded successfully three articles with pdf format selected. The first article works fine (I can pinch and zoom in). The second and third items however do not pinch and zoom. I double checked my settings and even reloaded these two articles, and they do not always work. I'm doing something wrong?

    Unfortunately, pinch zoom on Android & PDF does not work at the moment, when the article is set to Swipe Horizontal only. In addition, pinch zoom & PDF does not work for items in scroll smoothly on Android or iOS.

  • Will there be a pinch to zoom on my Apple Watch?

    Is there a pinch to zoom in the Apple on my Apple Watch software? Mine is suddenly requiring a restart, forced about once a day. This can be at any time all due to extreme zoom on my Apple Watch, very often during the lock. He will give me only part of a number on the lock screen.

    It makes me crazy.

    I tried to reverse, but still comes to a reboot forced, the software is watchOS 2.2.2. I bought mine on May 26, 2015.

    Hello

    The following steps should help:

    • On your iPhone, in the application of the watch, go to: My Watch (tab) > general > accessibility > Zoom - put it off.
    • On your iPhone, in the application of the watch, go to: Watch My > general > accessibility > accessibility shortcut (bottom) > deselect the option to Zoom.
  • Since I downloaded Firefox 9 does not pinch to zoom in on my macbook. All the patches?

    I recently had a new hard drive installed on my macbook pro running Mac OS X 10.6. Now I can't pinch to zoom on Firefox. Pinch to zoom works fine on Safari, but I prefer to use Firefox. No reason or any suggestions to fix this?
    Thank you.

    The pinch gesture has been disabled by default because it was causing problems for some users. For more information, see this link: https://bugzilla.mozilla.org/show_bug.cgi?id=613909

    You can install the Add-on Pinchy to reactivate these gestures.

  • pinch and zoom touchpad

    Hi I just got my brand new hp pavilion dm4 laptop with 4 GB, and 500 GB of memory. At first my vertical and horizontal scrolling did not work I went in my entourage of mouse and activated.

    My question is that my vertical and horizontal scrolling only work with a figure, but I see an option with two fingers to scroll. And Yes, it is turn on but it does not work.

    Another problem I have is the feature of pinch and zoom: I see it turn on the mouse, but shaded setting, but I can't use it.

    To rotate the touchpad function, I see it turn off but its shadow so I can't enable

    Help, please!

    I just got this laptop like 4 days ago! and I want my money value. d

    Right-click over the synaptic icon in the system tray... It will give under option, uncheck the "Disable the gesture" and check...

  • Venue Pro 8 - Office pinch to zoom

    I understand that MS in his infinite wisdom (and suicidal streak) has decided to ban the pinch and zoom on the desktop of Windows 8.  Is there a cure for this unimaginable decision?  Third is fine.

    I can't use the SITE Pro 8 at the end I bought it without being able to control the app I want to demonstrate with her.  Without funding pinch and zoom, application controls are too small for my fingers to normal sizes interact effectively with.  In fact interactive elements on the desktop are usually unusable without pinch and zoom.  The "magnifying glass" is useless, and the device plays quite well with a stylus.

    If I can't solve this problem, I'll have to return the purchase to Costco as unusable.

    Thank you

    I pass the touch pointer when I need to get into tight places.

    http://www.lovesummertrue.com/touchmousepointer/en-us/

    I use the mode that turns the entire screen in a Tablet coming to overlap the display.

  • Pinch to zoom to change Web-mode device pixels

    Can pinch to zoom change the pixels of mode Web device by registering onPinchUpdated QML?  There are html text to the screen dynamically created locally in my application and I want the user to increase or decrease the CSS text to the custom size in the HTML file via a pinch to zoom.  At the present time a pinch to zoom zooms of the page if the installer, but then the text off the screen and you have to scroll back to read that's not what users want.

    Setting through myWebViewId.settings.devicePixelRatio using the example image zoom docs does not work http://developer.blackberry.com/native/documentation/cascades/dev/touch/

    Jump the pinch zoom and adding the 2 buttons for the menu, but still not work useful to insert all the new html which isn't ideal but can live.

  • Prevent the pinch and zoom

    I use Phonegap and custom mobile JQuery for BB10 JQueryMobile-BB10-theme. I wonder how to prevent the pinch and zoom. And also, if it is possible to disable words suggestions when you type.

    Thank you.

    BTW: I've used the javascript code is given that inserts a meta tag

    user-scalable=no
    

    value.

    You should find everything you need in the following post to define correctly the porthole and avoid pinching to zoom:

    http://supportforums.BlackBerry.com/T5/Web-and-WebWorks-development/how-to-set-up-the-viewport-for-a...

  • Two fingers to scroll and Pinch to Zoom do not work

    Hello. I bought a brand new HP 4-1115dx this morning, and the two fingers to scroll/sleeve to zoom stopped working completely after 15 minutes of use.

    I have twice now uninstalled the driver and re installed from site Web from HP, currently using v16.2.17.0 latest (available for my device).  I went into the settings of the Clickpad, provided two fingers to scroll and pinch to zoom are both checked and entered in the settings/transmission for each of these items and provided all the appropriate scroll options would be checked.  I also watched the synaptics on the toolbar icon, and 'disable gestures' is NOT checked.

    When I turned on the computer for the first time, twofinger scroll and pinch to zoom in when selected by default and "scrolling" (which is a right mouse pad finger scrolling was NOT selected by default.  15 minutes after turning on the new device, I ticked 'scrolling' to see if I liked the right side of the touchpad scrolling better.  I have since failed to get the two fingers to scroll / pinch to zoom out (I've several times switched on / two fingers to scroll and the a finger right side touchpad "scroll".)

    Help, please!  This isn't the end of the world for me, but a feature that does not work after 15 of owning a product makes me nervous for other features do not down the road!

    Thank you

    Steve

    Steve1234321,

    It could be a problem with the synaptic software.

    Go to control panel and uninstall the synaptic program.

    Start-> Control Panel Type-> uninstaller-> right click and uninstall synaptic.

    If you restart, go ahead.

    Now lift the Recovery Manager

    Go to start-> type of recovery

    You should see the Recovery Manager in the list

    Open the Recovery Manager, and then click on software and driver re install

    Go through the list and find synaptic and reinstall.

    It is said synaptic driver, but the program is with the driver.

    By clicking on the White Star congratulations on the left is a way of saying thanks!

    I would like to know how everything goes.

    Nice day.

Maybe you are looking for