mirror of
https://github.com/cappuccino/cappuccino.git
synced 2026-08-27 14:07:03 +00:00
Alexandre Wilhelm
ef5f26fd81
This PR adds the support of scaling in CPView. There are two new public methods in CPView : -(void)scaleUnitSquareToSize: and -(void)setScaleSize: -(void)scaleUnitSquareToSize: works exactly as in COCOA, it means if you set a first scale to 0.5 and then 0.5 again, the scaleSize of the view will be 0.25 -(void)setScaleSize: works with the value given. If you set 0.5 after you just seted 0.5 the scaleSize will be 0.5. This method is definitly better in using, specially when using the scaleSize binding with a slider. Test app in Tests/Manual/ScalingTest
83 lines
3.9 KiB
HTML
83 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!--
|
|
index.html
|
|
ScalingTest
|
|
|
|
Created by You on July 23, 2013.
|
|
Copyright 2013, Your Company All rights reserved.
|
|
-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<!--[if lte IE 8]>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, chrome=1">
|
|
<![endif]-->
|
|
<!--[if gte IE 9]>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
|
|
<![endif]-->
|
|
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
<link rel="apple-touch-icon" href="Resources/icon.png">
|
|
<link rel="apple-touch-startup-image" href="Resources/default.png">
|
|
|
|
<title>ScalingTest</title>
|
|
|
|
<script type="text/javascript">
|
|
OBJJ_MAIN_FILE = "main.j";
|
|
</script>
|
|
|
|
<script type="text/javascript" src="Frameworks/Objective-J/Objective-J.js" charset="UTF-8"></script>
|
|
|
|
<style type="text/css">
|
|
body{margin:0; padding:0;}
|
|
#container {position: absolute; top:50%; left:50%;}
|
|
#content {width:800px; text-align:center; margin-left: -400px; height:50px; margin-top:-25px; line-height: 50px;}
|
|
#content {font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; color: black; text-shadow: 0px 1px 0px white; }
|
|
#loadgraphic {margin-right: 0.2em; margin-bottom:-2px;}
|
|
</style>
|
|
|
|
<!--[if lt IE 7]>
|
|
<STYLE type="text/css">
|
|
#container { position: relative; top: 50%; }
|
|
#content { position: relative;}
|
|
</STYLE>
|
|
<![endif]-->
|
|
|
|
</head>
|
|
|
|
<body style="">
|
|
<div id="cappuccino-body">
|
|
<div id="loadingcontainer" style="background-color: #eeeeee; overflow:hidden; width:100%; height:100%; position: absolute; top: 0; left: 0;">
|
|
<script type="text/javascript">
|
|
document.write("<div id='container'><p id='content'>" +
|
|
"<img id='loadgraphic' width='16' height='16' src='Resources/spinner.gif' /> " +
|
|
"Loading ScalingTest...</p></div>");
|
|
</script>
|
|
|
|
<noscript>
|
|
<div id="container">
|
|
<div style="width: 440px; padding: 10px 25px 20px 25px; font-family: sans-serif; background-color: #ffffff; position: relative; left: -245px; top: -120px; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #555555">
|
|
<p style="line-height: 1.4em;">JavaScript is required for this site to work correctly but is either disabled or not supported by your browser.</p>
|
|
<p style="font-size:120%; padding:10px;"><a href="http://cappuccino-project.org/noscript">Show me how to enable JavaScript</a></p>
|
|
<p style="font-size:80%;">You may want to upgrade to a newer browser while you're at it:</p>
|
|
<ul style="margin:0;padding:0; text-align: center; font-size:80%;" >
|
|
<li style="display: inline;"><a href="http://www.apple.com/safari/download/">Safari</a></li>
|
|
<li style="display: inline;"><a href="http://www.mozilla.com/en-US/firefox/">Firefox</a></li>
|
|
<li style="display: inline;"><a href="http://www.google.com/chrome/">Chrome</a></li>
|
|
<li style="display: inline;"><a href="http://www.opera.com/download/">Opera</a></li>
|
|
<li style="display: inline;"><a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</noscript>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|