so nun habe ich von Apple erfahren das der Bug aus einer
älteren Rubrik bei der Bewegung tasächlich da ist ...
jedoch kann man als workaround das opasity weglassen dann klappt es
...
Achtung aber nur im SIM auf dem 1.1.4 spingt die Grafik einfach
... Im Sim macht die Sache aber eindruck !
http://izero.host4free.de/mxy2 (link
für iphone SIM Safari!!!)
also ich hab dieses mal ein Active Indicator eingefügt
(noch ohne Bewegung da ich die Parts nicht öffnen lasse wegen
fehlermeldung!) ist aber egal was man hier nimmt ... am besten malt
man sich ein Raumschiff ;-)))) lol der Shape ist nicht notwendig
!
index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd
">
<html>
<head>
<title>mxy</title>
<meta http-equiv="content-type"
content="text/html; charset=utf-8">
<meta name="viewport"
content="width=device-width, minimum-scale=1.0">
<link rel="apple-touch-icon"
href="HomeScreenIcon.png">
<link rel="stylesheet"
href="main.css">
<link rel="stylesheet" type="text/css"
href="Parts/ActivityIndicator.css">
<script type="text/javascript"
src="Parts/setup.js" charset="utf-8"></script>
<script
type="text/javascript" src="main.js"
charset="utf-8"></script>
<script type="text/javascript"
src="Parts/ActivityIndicator.js"
charset="utf-8"></script>
</head>
<body onload="load();">
<div id="content">
<div apple-part="com.apple.Dashcode.part.ovalwebshape"
apple-style="image-theme: 1; image-shape: 2; image-button-type: 3;
image-opacity: 1.00; image-top-color: 1,1,1,1; image-bottom-color:
0.615400016,0.615400016,0.615400016,1; image-radius: -1,-1,-1,-1;
image-border: 1; image-border-color:
0.529399991,0.529399991,0.529399991,1; image-border-width: 1;
shine-strength: 0.90; shine-alpha-level: 0.67; shine-height: 0.50;
glass-arc-height: 0.06; shadow-include-shadow: 0;"
id="ovalShape">
</div>
<img
apple-part="com.apple.Dashcode.part.activityindicator"
src="Images/ActivityIndicator.png" id="activityIndicator">
</div>
<div style="color:red;"
id="response"></div>
</body>
</html>
main.js:
//
// Function: load()
// Called by HTML body element's onload event when the web
application is ready to start
//
function load()
{
// dashcode.setupParts();
document.getElementById('content').onclick = tuNix;
var sicht =
document.getElementById("activityIndicator");
sicht.style.display = 'none';
response.innerHTML = 'tip finger on screen';
}
function tuNix(evt) {
this.setAttribute('style','background: blue');
var response = document.getElementById('response');
evt = (evt) ? evt : ((window.event) ? window.event :
"");
response.innerHTML = 'Type ' + evt.type + ' clientX ' +
evt.clientX + ' clientY ' + evt.clientY ;
sicht = document.getElementById("activityIndicator");
sicht.style.display = 'block';
document.getElementById("activityIndicator").style.left=
evt.clientX +"px"; /* x verschieben */
document.getElementById("activityIndicator").style.top= evt.clientY
+"px"; /* y verschieben */
}
main.css:
body {
margin: 0px;
min-height: 356px;
font-family: Helvetica;
background-image:
url(Images/backgroundStripes.png);
background-repeat: repeat;
}
#footer {
position: relative;
font-family: 'Helvetica Neue';
font-size: 10pt;
text-overflow: ellipsis;
overflow: hidden;
color: rgb(76, 86, 108);
text-shadow: rgb(255, 255, 255) 0px 1px
0px;
-webkit-margin-top-collapse: separate;
margin-top: 10px;
width: 156px;
margin-left: auto;
margin-right: auto;
}
#content {
position: relative;
-webkit-margin-top-collapse: separate;
-webkit-margin-bottom-collapse: separate;
min-height: 326px;
height: auto;
width: auto;
}
#activityIndicator {
-webkit-transition-property: left,top;
-webkit-transition-duration: 3s,3s;
width: 32px;
height: 32px;
display: block;
-webkit-margin-top-collapse: separate;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
top: 254px;
left: 232px;
}
#response {
margin-top: 0px;
-webkit-margin-top-collapse: separate;
}
#ovalShape {
width: 34px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
-webkit-border-image: url(Images/ovalShape.png)
0 1 0 1 stretch stretch;
margin-top: 0px;
-webkit-margin-top-collapse: separate;
height: 34px;
position: absolute;
right: auto;
bottom: auto;
left: 137px;
top: 146px;
}
____________
Nachtrag: leider konnte ich bis jetzt keinen Weg finden die
Coordinaten in der Bewegung auszulesen , so dass z.B. Kollisionen
mit anderen Grafiken schwer zu berechnen wären....
evt. funktioniert das wenn die Bewegung doch herkömlich
programiert wird oder mit canvas
____
Noch was ... die canvas im dashcode manuell einfügen und
den Malkasten stecken lassen .. sonst codes der editor uns alles
platt ....
