The only other way I can think of to switch from one large zoomable graphic to another would be to an assign property action to change the source of the main image, but when I do this the second image is indeed zoomable but is displayed in a way that it is squished vertically.


<wire name="testToggleSource">
<main>

<!-- Background -->

<panel name="bg" width="100%" height="100%" background="#a0c4ee">
</panel>

<!-- Maps display here -->

<panel name="map01" alias="MAP01" width="100%" height="1136" lheight="100%" zoomable="yes" draggable="yes" zoommin="1" zoommax="60" alpha="1">
<image name="map01IMG" alias="MAP01IMG" source="map01.gif" width="100%" ypos="40" lypos="0" lwidth="480"></image>
</panel>

<!-- Header -->

<panel name="header" alias="HEADER" width="100%" height="40" background="#1d54e5" ypos="0" lypos="-5000">
<image name="showMap01" alias="SHOWMAP01" source="menu.icon.04.png" valign="top" xpos="0" lxpos="-5000" width="40" height="40" alpha="0" onclick="showMap01"></image>
<image name="showMap02" alias="SHOWMAP02" source="menu.icon.04.png" valign="top" xpos="0" lxpos="-5000" width="40" height="40" alpha="1" onclick="showMap02"></image>
</panel>

</main>

<actions>

<action name="showMap01">
<assign property="object:MAP01IMG.source" value="map02.gif" />
<alpha value="0" target="SHOWMAP01" />
<alpha value="1" target="SHOWMAP02" />
</action>

<action name="showMap02">
<assign property="object:MAP01IMG.source" value="map01.gif" />
<alpha value="1" target="SHOWMAP01" />
<alpha value="0" target="SHOWMAP02" />
</action>

</actions>

</wire>

It seems settings all the map panels to ignoretouches = "no" except the current one being displayed for zooming would work, except that ignoretouches isn't an object property so it can't be turned on and off.

RareWire seems so amazing.  I'm really hoping to find a solution.

To toggle the panels, if instead of changing their alpha settings you use the translate action you get a negative result as well.  In this example the map02.gif panel is declared first followed by map01.gif.  map01.gif is zoomable and when map02.gif is revealed, by moving the map01 panel off screen, map02.gif is not zoomable.  If you do try to pinch zoom it map01.gif will pop back onto the screen.

<wire name="testTranslateToggle">
<main>

<!-- Background -->
<panel name="bg" width="100%" height="100%" background="#a0c4ee">
</panel>

<!-- Maps display here -->

<panel name="map02" alias="MAP02" width="100%" height="1136" lheight="100%" zoomable="yes" draggable="yes" zoommin="1" zoommax="60" alpha="1">
<image name="map02IMG" alias="MAP02IMG" source="A2.00.05.Z3.02.gif" width="100%" ypos="40" lypos="0" lwidth="480"></image>
</panel>

<panel name="map01" alias="MAP01" width="100%" height="1136" lheight="100%" zoomable="yes" draggable="yes" zoommin="1" zoommax="60" alpha="1">
<image name="map01IMG" alias="MAP01IMG" source="00.00.Choose.Area.Z3.01.gif" width="100%" ypos="40" lypos="0" lwidth="480"></image>
</panel>

<!-- Header -->

<panel name="header" alias="HEADER" width="100%" height="40" background="#1d54e5" ypos="0" lypos="-5000">
<image name="showMap01" alias="SHOWMAP01" source="menu.icon.04.png" valign="top" xpos="0" lxpos="-5000" width="40" height="40" alpha="0" onclick="showMap01"></image>
<image name="showMap02" alias="SHOWMAP02" source="menu.icon.04.png" valign="top" xpos="0" lxpos="-5000" width="40" height="40" alpha="1" onclick="showMap02"></image>
</panel>

</main>

<actions>

<action name="showMap01">
<translate xpos="0" time="0" target="MAP01"/>
<alpha value="0" target="SHOWMAP01" />
<alpha value="1" target="SHOWMAP02" />
</action>

<action name="showMap02">
<translate xpos="-5000" time="0" target="MAP01"/>
<alpha value="1" target="SHOWMAP01" />
<alpha value="0" target="SHOWMAP02" />

</action>

</actions>
</wire>

Sure, this first example is trying to make the switch via toggling the panels' alpha settings.  In the example, when you press the menu icon in the upper right the map image will switch back and forth between map01.gif and map02.gif.  The first map zooms and the second does not.  If you change the order of the panels so that map02.gif is listed last then it will zoom and map01.gif will not.  It seems in Wire only one graphic can be set to zoom.

<wire name="testAlphaToggle">
<main>

<!-- Background -->
<panel name="bg" width="100%" height="100%" background="#a0c4ee">
</panel>

<!-- Maps display here -->

<panel name="map02" alias="MAP02" width="100%" height="1136" lheight="100%" zoomable="yes" draggable="yes" zoommin="1" zoommax="60" alpha="0">
<image name="map02IMG" alias="MAP02IMG" source="map02.gif" width="100%" ypos="40" lypos="0" lwidth="480"></image>
</panel>

<panel name="map01" alias="MAP01" width="100%" height="1136" lheight="100%" zoomable="yes" draggable="yes" zoommin="1" zoommax="60" alpha="1">
<image name="map01IMG" alias="MAP01IMG" source="map01.gif" width="100%" ypos="40" lypos="0" lwidth="480"></image>
</panel>

<!-- Header -->
<panel name="header" alias="HEADER" width="100%" height="40" background="#1d54e5" ypos="0" lypos="-5000">
<image name="showMap01" alias="SHOWMAP01" source="menu.icon.04.png" valign="top" xpos="0" lxpos="-5000" width="40" height="40" alpha="0" onclick="showMap01"></image>
<image name="showMap02" alias="SHOWMAP02" source="menu.icon.04.png" valign="top" xpos="0" lxpos="-5000" width="40" height="40" alpha="1" onclick="showMap02"></image>

</panel>

</main>
<actions>
<action name="showMap01">
<alpha value="0" target="MAP02" />
<alpha value="1" target="MAP01" />
<alpha value="0" target="SHOWMAP01" />
<alpha value="1" target="SHOWMAP02" />
</action>

<action name="showMap02">
<alpha value="0" target="MAP01" />
<alpha value="1" target="MAP02" />
<alpha value="0" target="SHOWMAP02" />
<alpha value="1" target="SHOWMAP01" />
</action>

</actions>
</wire>

It's not that there are panels I don't to zoom, it's that there are panels I want to zoom but they won't.  If I have one panel set to zoom then it seems there is nothing I can do in the iOS version to reveal another panel and have it be able to zoom.

And how to toggle a panel's "tofront" attribute on and off?

Thanks!  I copied and pasted the code above into my app and wasn't able to get zoommin and zoommax to work.  If they were set to zoommin="3" zoommax="60" or zoommin="1" zoommax="2" the image responded the same: it displayed at 100% height and width of the android screen and I could pinch zoom the image as far in as desired.

Would love to hear when there is movement on the zoomscale and zoomscroll bugs!

I'd love to see working examples of zoomscale, zoommin, and zoommax, as well as zoomcenter and zoomscroll.  Also, thanks for including draggable into your example!  Hadn't seen that tag yet.  Very useful.

Thanks!  It doesn't quite do what I need, but it's close.  I love the speed at which it pans.  For some reason though when I input the code above, replacing "big.jpg" with my own large image file name, the image jiggles when I zoom in and it isn't able to move diagonally.