Apache flex 在flex中设置网站中心
我正在尝试用flex制作一个网站。我面临的问题是我的网站页面没有居中。我搜索过谷歌,但还没有成功 我试图集中在我的网页浏览器上,而不是从左手开始Apache flex 在flex中设置网站中心,apache-flex,flexbuilder,Apache Flex,Flexbuilder,我正在尝试用flex制作一个网站。我面临的问题是我的网站页面没有居中。我搜索过谷歌,但还没有成功 我试图集中在我的网页浏览器上,而不是从左手开始 我如何才能做到这一点?根据我的理解:- 1您试图将swf嵌入到HTML中,如果您希望swf位于HTML的中心,则必须将swf嵌入到HTML端的一个容器中。通过提供x、y、高度和宽度,将容器位置放置在中心 如果您使用的是HTML,可以通过以下方式执行:- 其中as width=400 height=300作为Flex应用程序的swf width和heig
我如何才能做到这一点?根据我的理解:- 1您试图将swf嵌入到HTML中,如果您希望swf位于HTML的中心,则必须将swf嵌入到HTML端的一个容器中。通过提供x、y、高度和宽度,将容器位置放置在中心 如果您使用的是HTML,可以通过以下方式执行:- 其中as width=400 height=300作为Flex应用程序的swf width和height,或保持swf width=100%height=100% 您可以用swf名称替换AreaChart.swf 我想这可以解决你的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Tittle Here</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
html, body { height: 100%; margin:0; padding:0; text-align: center; }
div#centered { border:0; height: 50%; width: 50%; position: absolute; left: 25%; top: 25%; color: black; }
</style>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myId", "8.0.0", "expressInstall.swf");
</script>
</head>
<body>
<div id="centered">
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="300">
<param name="movie" value="AreaChart.swf" />
<param name="scaleMode" value="showAll" />
<param name-"quality" value="best" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="AreaChart.swf" width="400" height="300">
<!--<![endif]-->
<div id="altContent">
<h1>You need to upgrade your Flash player.</h1>
<p>
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>
否则
2如果您试图将Flex内容集中在Flex应用程序中,那么您必须创建一个容器,并在其中移植所有逻辑,包括可视组件等
例:-
其中as MainContainer.mxml将包含所有可视组件/元素
这可能对你有帮助
可能有更好的解决方案。尝试使用宽度=100%高度=100%作为您的目标。它将覆盖整页。我不想覆盖整页…而且,我已经试过了。我需要把所有的东西都放在中心,而不是放在一边。你是不是想把你的Flex内容放在你的Flex应用程序中?或者您正在尝试将SWF置于网页的中心?你可以考虑重新编写你的问题,使你的目的更明确。@网页FLUTSAS.com试图在Web浏览器中集中SWF,你想做你列出的第一件事。你能详细说明一下吗。
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:local="*"
width="800" height="600" >
<fx:Script>
<![CDATA[
import mx.core.FlexGlobals;
private function creationComp():void
{
mainContainer.x = FlexGlobals.topLevelApplication.width/2 - mainContainer.width/2;
mainContainer.y = FlexGlobals.topLevelApplication.height/2 - mainContainer.height/2;
}
]]>
</fx:Script>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<local:MainContainer id="mainContainer" width="50%" height="50%" creationComplete="creationComp()"/>
</s:Application>