Flex:中心窗口?

     2023-04-14     248

关键词:

【中文标题】Flex:中心窗口?【英文标题】:Flex: center Window? 【发布时间】:2009-07-03 16:47:11 【问题描述】:

我试图在 flex 中将启动的窗口居中,有一个 NativeWindow.x 和 NativeWindow.y 但 flex 使用没有这些属性的 Window 类,所以有人知道如何将窗口居中吗?谢谢!!

【问题讨论】:

【参考方案1】:

我想通了:

window.nativeWindow.x = (Screen.mainScreen.bounds.width - window.width)/2;
window.nativeWindow.y = (Screen.mainScreen.bounds.height - window.height)/2;

我认为你必须在 window.open() 之后调用它。

【讨论】:

呵呵...你已经回答了你的问题。据我所知......这是正确的做法:)【参考方案2】:

这是我用的

nativeWindow.x = (Capabilities.screenResolutionX - nativeWindow.width) / 2; nativeWindow.y = (Capabilities.screenResolutionY - nativeWindow.height) / 2;

看起来效果不错

【讨论】:

【参考方案3】:

这样不是更好吗?

示例文档:

// center the window on the screen
var screenBounds:Rectangle = Screen.mainScreen.bounds;
nativeWindow.x = (screenBounds.width - nativeWindow.width) / 2;
nativeWindow.y = (screenBounds.height - nativeWindow.height) / 2;

from livedocs: about window containers ¨

即使在多屏系统 (Win7) 上,这两种解决方案都适用于我

【讨论】:

【参考方案4】:

实际上这在 flex 4.5 及更高版本中效果更好

nativeWindow.x = (Screen.mainScreen.bounds.width - nativeWindow.width)/2;
nativeWindow.y = (Screen.mainScreen.bounds.height - nativeWindow.height)/2;

【讨论】:

vuetify 中心项目到 v-flex

】vuetify中心项目到v-flex【英文标题】:vuetifycenteritemsintov-flex【发布时间】:2018-03-0609:41:56【问题描述】:我正在尝试将<v-btn>居中到<v-flex>。由于<v-flex>是一个flexboxdiv,我使用justify-center转换为justi... 查看详情

如何在`.flex-col` Tailwindcss中使框对齐中心?

】如何在`.flex-col`Tailwindcss中使框对齐中心?【英文标题】:Howtomakeboxaligncenterinside`.flex-col`Tailwindcss?【发布时间】:2018-07-0117:48:51【问题描述】:我想使用tailwindCSS使这个框与.flex-col内的中心对齐。我试过了:<divdata-v-bca28ca2=""d... 查看详情

flex 圆圈中的 HTML 中心图像

】flex圆圈中的HTML中心图像【英文标题】:HTMLCenterimageinflexcircle【发布时间】:2021-12-3109:07:49【问题描述】:我有问题。在我的角度项目中,我有以下代码:onChange(event:any)varreader=newFileReader();reader.onload=(event:any)=>this.url=event.targ... 查看详情

Flex 框问题 - 溢出时中心元素被截断 [重复]

】Flex框问题-溢出时中心元素被截断[重复]【英文标题】:Flexboxissue-CenterElementtruncatedonoverflow[duplicate]【发布时间】:2019-02-0818:28:27【问题描述】:我正在使用一些弹性框属性将一个简单的div放置到屏幕的中心://CSShtmlwidth:100%;heig... 查看详情

Flex 窗口 - 单击空白区域

】Flex窗口-单击空白区域【英文标题】:Flexwindow-clickingonemptyspace【发布时间】:2016-12-3008:41:41【问题描述】:如提供的图片中所述排列有flex图标:每当用户单击空白区域(标记为红色)中的某个位置时,都会单击图标(标记为... 查看详情

flex div中的中心输入[复选框] [重复]

】flexdiv中的中心输入[复选框][重复]【英文标题】:Centerinput[checkbox]inflexdiv[duplicate]【发布时间】:2021-10-2021:45:45【问题描述】:我正在制作一个带有一些过滤器的侧边菜单,为此我需要创建一个包含输入复选框的行,并在其旁... 查看详情

如何消除显示 flex 标题窗口的内置延迟?

】如何消除显示flex标题窗口的内置延迟?【英文标题】:HowcanIremovethebuiltindelayonshowingflextitlewindow?【发布时间】:2011-07-2519:36:38【问题描述】:flex标题窗口组件非常好,但是在它显示之前,如果它设置为模态,它会坚持模糊窗... 查看详情

拖动整个flex应用程序窗口

NoneedforastopMove(),thisishandlerautomatically.this.stage.nativeWindow.startMove(); 查看详情

当窗口变小时,Flex项目不会缩小[重复]

】当窗口变小时,Flex项目不会缩小[重复]【英文标题】:Flexitemsnotshrinkingwhenwindowgetssmaller[duplicate]【发布时间】:2016-11-1720:59:11【问题描述】:我正在尝试在CSSflexbox中放置两个相邻的绘图。我希望它们在调整窗口大小时调整大小... 查看详情

当列表项在 d-flex 中向左浮动时对齐列表中心

】当列表项在d-flex中向左浮动时对齐列表中心【英文标题】:Alignlistcenterwhilelistitemsarefloatedleftind-flex【发布时间】:2019-05-1102:49:46【问题描述】:我正在尝试制作内联列表,该列表提醒网格水平方向尽可能多的卡片。问题是,如... 查看详情

从 Flex 中的模式弹出窗口打开模式弹出窗口?

】从Flex中的模式弹出窗口打开模式弹出窗口?【英文标题】:OpenmodalpopupfromamodalpopupinFlex?【发布时间】:2015-02-0114:54:30【问题描述】:是否可以从模态弹出窗口打开模态弹出窗口?我无法通过从打开的模式弹出窗口调用showDataEnt... 查看详情

iFrame 未在 Flex 弹出窗口中加载

】iFrame未在Flex弹出窗口中加载【英文标题】:iFramenotloadinginsideFlexpopup【发布时间】:2013-05-1202:51:05【问题描述】:我正在尝试在iFrame中加载pdf,该iFrame在弹出窗口中打开。弹出窗口正在显示,但未加载pdf。这是我的代码-Main.mxml... 查看详情

如何将 Angular Material 5 工具栏标题中心与 Flex 对齐

】如何将AngularMaterial5工具栏标题中心与Flex对齐【英文标题】:HowtoalignAngularMaterial5ToolbartitlecenterwithFlex【发布时间】:2018-05-1408:40:43【问题描述】:我正在为我的Angular5项目使用AngularMaterial。我想将工具栏标题居中对齐。在theirdo... 查看详情

为啥显示:-ms-flex; -ms-justify-content:中心;不能在 IE10 中工作? [关闭]

】为啥显示:-ms-flex;-ms-justify-content:中心;不能在IE10中工作?[关闭]【英文标题】:Whydoesdisplay:-ms-flex;-ms-justify-content:center;notworkinIE10?[closed]为什么显示:-ms-flex;-ms-justify-content:中心;不能在IE10中工作?[关闭]【发布时间】... 查看详情

Twitter bootstrap flex 垂直中心不能使用 align-self-center

】Twitterbootstrapflex垂直中心不能使用align-self-center【英文标题】:Twitterbootstrapflexverticalcenterdoesnotworkusingalign-self-center【发布时间】:2021-08-2018:10:35【问题描述】:我正在使用twitterbootstrap4.4.1和flex进行布局。我想要实现的是在顶部... 查看详情

CSS Flex除单个右水平对齐元素外的所有中心[重复]

】CSSFlex除单个右水平对齐元素外的所有中心[重复]【英文标题】:CSSFlexallcenterexceptsinglerighthorizontallyalignedelement[duplicate]【发布时间】:2017-06-2005:56:45【问题描述】:使用CSSflex我试图让所有内联元素居中除了一个内联元素在右侧... 查看详情

从辅助窗口调用 Flex 应用程序公开的 JS 方法

】从辅助窗口调用Flex应用程序公开的JS方法【英文标题】:InvokingaJSmethodexposedbyFlexappfromasecondarywindow【发布时间】:2020-02-2516:15:23【问题描述】:我目前正在开发一个用Flex(基本上是Flash)制作的旧应用程序,它仍然需要在IE11中... 查看详情

您知道任何具有水平可折叠窗口或面板等功能的 flex 组件吗?

】您知道任何具有水平可折叠窗口或面板等功能的flex组件吗?【英文标题】:Doyouknowanyflexcomponentwiththefunctionalitysuchashorizontallycollapsiblewindoworpanel【发布时间】:2011-04-0204:15:50【问题描述】:你知道任何具有水平折叠窗口或面板... 查看详情