Vos commentaires

Here is an example WIRE to give you an idea.


<wire>
<main>
<panel name="background" alias="BACKGROUND" width="100%" height="100%">
<pdf name="calendar" alias="CAL" source="output.pdf" height="100%" width="100%" spreads="cover" covertile="yes" tile="yes" orientation="horizontal" onclickup="show-toolbar">
<panel name="link" width="300" height="360" lwidth="200" lheight="250" valign="bottom" xpos="140" lxpos="90" onpage="2" ></panel>
<panel name="link" width="130" height="100" lwidth="90" lheight="65" ypos="860" lypos="575" xpos="50" lxpos="30" onpage="1" ></panel>
</pdf>

<!-- TOOLBAR -->
<panel name="toolbar" alias="TOOLBAR" width="100%" height="65" ypos="-80" background="#ffffff" shadowradius="8" shadowopacity=".3">
<image name="logo" source="graphics/logo.png" height="55" align="left" valign="bottom" leftmargin="11%"></image>
<image name="about-town" source="graphics/txt_abouttown.png" align="right" valign="bottom" bottommargin="12%" onclickup="load-issue" rightmargin="20%" _wire="about.wire"></image>
</panel>
<include name="mag" alias="MAG" width="100%" height="100%" alpha="0"></include>
<panel name="wait" alias="WAIT" width="100%" height="100%" background="#000000" alpha="0">
<wait name="spinner" width="100%" height="100%"></wait>
</panel>

</main>

<actions>
<action name="show-toolbar">
<translate valign="top" time=".3" curve="linear" target="TOOLBAR" />
<set onclickup="hide-toolbar"/>
</action>
<action name="hide-toolbar">
<translate ypos="-80" time=".3" curve="linear" target="TOOLBAR" />
<set onclickup="show-toolbar"/>
</action>
<action name="load-issue">
<alpha value="1" time=".15" target="WAIT"/>
<sync>
<load target="MAG" file="_wire"/>
<alpha value="1" target="MAG"/>
<unload target="BACKGROUND"/>
<alpha value="0" target="BACKGROUND"/>
<alpha value="0" time=".15" target="WAIT"/>
</sync>
<translate ypos="-80" time=".3" curve="linear" target="TOOLBAR" />
</action>
<action name="close-issue">
<alpha value="1" time=".15" target="WAIT"/>
<unload />
<alpha value="0"/>
<load target="BACKGROUND"/>
<alpha value="1" target="BACKGROUND"/>
<alpha value="0" delay="1" time=".15" target="WAIT"/>
<set onclickup="show-toolbar" target="CAL"/>
</action>
</actions>
</wire>
This is possible however in the case of a PDF, it is usually better to place your onclickup on the PDF tag since generally that is what is taking up 100% of the screen and is at the top of the z order. Any objects you place as children to the pdf using the onpage attribute will still work as you have described.
Correct. The Z order work bottom up. So objects the furthest down in your wire will display on top within our app.
Are you looking for a solution for the iphone or the ipad?

On the ipad there is no concept of a number only keypad.

I do have a feature enhancement to add the keyboard with the decimal point for the phone versions of the keyboard, which I will reach out for a timeline on. I will look into seeing what we can do about offering alternate keyboards for the ipad.
Currently there is no solution in place that can run the RareWire fusebox in a simulator unless you own the source code in XCode. This goes for any App available in the store as well.

We are having internal discussions about building a simulator that will run on a laptop, but as yet that is not in active production.
Ok, I see the issue.

Your [var:myVideo] is assigning a value of "test.mp4" and your video file is called "test.m4v", so your extensions are not matching.
If you would like me to look at your code, I would be more than happy to. Just invite me as a collaborator: icahill@rarewire.com

Thanks.
I was able to get this working in my tutorial example. Here is the complete code for reference:


<wire >
<styles>
<style name="column-number" width="100%" height="20%" color="#000000" size="9" valign="bottom" alignment="center"></style>
<style name="column-thumb" source="[param:source]" align="center" valign="center" onclick="page" clicktarget="PDF" _page="[param:_page]"></style>
</styles>
<classes>
<class name="column">
<panel name="[param:name]" width="25%" height="100%">
<image name="thumb" style="column-thumb" source="[param:source]" _page="[param:_page]"></image>
<text name="pagenum" style="column-number" text="[param:text]"></text>
</panel>
</class>
</classes>
<main>
<pdf name="constitution" alias="PDF" source="constitution.pdf" height="100%" width="100%" spreads="yes" covertile="no" tile="yes">
<panel name="panel" width="150" height="100" align="center" background="ff0000" valign="center" onpage="2">
<text name="main" width="110" height="100" color="#000000" font="arial" size="12" align="center" alignment="center" valign="center" text="Hello Planet!\n\nHello Back!"></text>
</panel>
<platform device="ipad">
<panel name="link19" width="200" height="20" xpos="85" ypos="907" lypos="600" lxpos="80" onclickup="weblink" onpage="19" background="ff0000"></panel>
</platform>
<platform device="iphone|ipod">
<panel name="link19" width="200" height="20" xpos="0" ypos="370" lypos="270" lxpos="0" onclickup="weblink" onpage="19" background="ff0000"></panel>
</platform>
<panel name="vid1" xpos="63%" ypos="52%" width="19%" height="14%" onclick="video" clicktarget="VIDVIEWER" onpage="8">
<image name="vbutton" alias="VBUTTON" height="75%" width="75%" source="video.jpg" align="center"></image>
</panel>
</pdf>
<panel name="strip" alias="STRIP" width="100%" height="153" ypos="100%" background="#888888" alpha=".75">
<pager name="contents" width="100%" height="150" orientation="horizontal" align="center" valign="center" paginate="no">
<object class="column" name="1" source="pg1.png" _page="1" text="1"></object>
<object class="column" name="2" source="pg2.png" _page="2" text="2"></object>
<object class="column" name="3" source="pg3.png" _page="3" text="3"></object>
<object class="column" name="4" source="pg4.png" _page="4" text="4"></object>
<object class="column" name="5" source="pg5.png" _page="5" text="5"></object>
<object class="column" name="6" source="pg6.png" _page="6" text="6"></object>
<object class="column" name="7" source="pg7.png" _page="7" text="7"></object>
<object class="column" name="8" source="pg8.png" _page="8" text="8"></object>
<object class="column" name="9" source="pg9.png" _page="9" text="9"></object>
<object class="column" name="10" source="pg10.png" _page="10" text="10"></object>
<object class="column" name="11" source="pg11.png" _page="11" text="11"></object>
<object class="column" name="12" source="pg12.png" _page="12" text="12"></object>
<object class="column" name="13" source="pg13.png" _page="13" text="13"></object>
<object class="column" name="14" source="pg14.png" _page="14" text="14"></object>
<object class="column" name="15" source="pg15.png" _page="15" text="15"></object>
<object class="column" name="16" source="pg16.png" _page="16" text="16"></object>
<object class="column" name="17" source="pg17.png" _page="17" text="17"></object>
<object class="column" name="18" source="pg18.png" _page="18" text="18"></object>
<object class="column" name="19" source="pg19.png" _page="19" text="19"></object>
</pager>
</panel>
<image name="upbutton" alias="UP" source="scrubber.on.png" valign="bottom" align="center" width="56" height="23" onclick="show-contents" clicktarget="../strip"></image>
<image name="downbutton" source="scrubber.off.png" valign="bottom" align="center" width="56" height="23" alpha="0" onclick="hide-contents" clicktarget="../strip"></image>
<panel name="web" alias="WEB" height="100%" width="100%" ypos="0" hidden="yes">
<toolbar name="toolbar" height="5%" width="100%" align="left" valign="top">
<panel name="button" width="10%" height="80%" align="left" margin="10" valign="center" background="#888888" cornerradius="5" onclickup="weblink-return">
<text name="back" width="50%" height="50%" color="#000000" font="" size="12" align="center" valign="center" text="Back"></text>
</panel>
</toolbar>
<web name="web-panel" alias="WEBPANEL" width="100%" height="95%" valign="bottom" url="about:blank"></web>
</panel>
<platform device="ipad">
<panel name="vidViewer" alias="VIDVIEWER" width="600" height="400" align="center" valign="center" alpha="0">
<panel name="canvas" width="580" height="380" align="center" valign="center" background="#000000" alpha=".7"></panel>
<video name="vid" alias="VID" width="560" height="360" controls="yes" align="center" valign="center"></video>
<image name="close" source="close.png" align="right" valign="top" onclick="videoStop"></image>
</panel>
</platform>
<platform device="iphone|ipod">
<panel name="vidViewer" alias="VIDVIEWER" width="100%" height="100%" align="center" valign="center" alpha="0">
<video name="vid" alias="VID" width="100%" height="100%" fullscreen="yes" align="center" valign="center" onstop="videoStop"></video>
</panel>
</platform>
</main>
<actions>
<action name="oninit" oninit="yes">
<assign property="var:myVideo" value="constitution.mp4" />
</action>
<action name="page">
<scroll page="_page"/>
</action>
<action name="show-contents">
<alpha value="0" target="../upbutton"/>
<alpha value="1" target="../downbutton"/>
<translate valign="bottom" time=".5"/>
<platform device="iPad">
<translate ypos="850" lypos="595" time=".5" target="../upbutton"/>
<translate ypos="850" lypos="595" time=".5" target="../downbutton"/>
</platform>
<platform device="iPhone|iPod">
<translate ypos="305" lypos="144" time=".5" target="../upbutton"/>
<translate ypos="305" lypos="144" time=".5" target="../downbutton"/>
</platform>
</action>
<action name="hide-contents">
<alpha value="1" target="../upbutton"/>
<alpha value="0" target="../downbutton"/>
<translate ypos="100%" time=".5"/>
<translate valign="bottom" time=".5" target="../upbutton"/>
<translate valign="bottom" time=".5" target="../downbutton"/>
</action>
<action name="weblink">
<alpha value="0" time="0" target="UP"/>
<replace type="flipright" target="PDF" replacement="WEB" time="1"/>
<load url="http://constitutioncenter.org" target="WEBPANEL"/>
</action>
<action name="weblink-return">
<alpha value="1" time="0" target="UP"/>
<alpha value="0" target="../upbutton"/>
<replace type="flipleft" target="WEB" replacement="PDF" time="1"/>
<load url="about:blank" target="WEBPANEL"/>
</action>
<action name="video">
<alpha value="1" time=".25"/>
<alpha value="0" time=".25" target="VBUTTON"/>
<platform device="ipad">
<reveal type="curldown" time="1" delay="0" />
</platform>
<videocontrol type="play" file="[var:myVideo]" target="VID" />
</action>
<action name="videoStop">
<videocontrol type="stop" file="[var:myVideo]" target="VID" />
<platform device="ipad">
<reveal type="curlup" time="1" target="VIDVIEWER" />
</platform>
<alpha value="0" time="0" target="VIDVIEWER" />
<alpha value="1" time=".25" target="VBUTTON"/>
</action>
</actions>
</wire>

Is your test.mp4 being stored at the root or is it inside of a folder?
you are assigning your variable oninit, but you are not triggering your video action. You could do that by adding a play action to your oninit this way:


<action name="onAppInitialize" oninit="yes" >
<assign property="var:myVideo" value="test.mp4" />
<play action="video" />
</action>

<action name="video">
<videocontrol type="play" file="[var:myVideo]" target="VID"/>
</action>



OR simply adding the videocontrol to your first action like this:


<action name="onAppInitialize" oninit="yes" >
<assign property="var:myVideo" value="test.mp4" />
<videocontrol type="play" file="[var:myVideo]" target="VID"/>
</action>