问题标签 [dynamic-resizing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1720 浏览

javafx - JavafX - 动态 ImageView 设置默认大小

我有一个已配置的 ImageView,以便使用以下两行代码调整其大小以适应其父 AnchorPane(AnchorPane 和图像都是方形的)。

我还在注入所有节点的 fxml 文件中设置了 450 px 的 fitWidth。但是,当我创建此对象的实例时,它会打开宽度等于加载图像(2000 像素)而不是 450 像素的预览。调整大小功能按预期工作,可以将其缩小到 450 像素。然而,我想知道是否有可能确保它以不同于图像宽度的默认大小打开,但也确保它与父级一起增长和缩小。

我已经尝试在 java 代码和 fxml 中设置不同默认宽度的负载,但唯一可行的方法是取消绑定我不想要的 fitWidth。

你对我如何解决这个问题有什么建议吗?

主要的:

FXML:

编辑: 是我的问题的 MCVE。

0 投票
2 回答
830 浏览

javascript - THREE.js 多个渲染器都动态调整大小

我的第一个画布正在显示我的第一个渲染器,它会根据浏览器窗口适当调整大小。但是,尽管使用了相同的方法,我在第二个画布中的第二个渲染器并没有调整大小。

最终目标是最终拥有更多的渲染函数,以及与渲染器相关的文本信息。

也许我以错误的方式解决这个问题,但任何建议都会有所帮助。谢谢你。

0 投票
1 回答
2825 浏览

html - 调整网站窗口大小时如何使图像放大

我目前正在制作一个网站,我希望在调整浏览器窗口大小时放大图像。

我希望图像放大或缩小图片,具体取决于浏览器窗口的大小调整方式。我特别难过,因为我不知道下一步该往哪里看才能在网站上获得更清晰的图像,同时调整窗口大小。

显示器的一半宽度

一个人在方向盘上的压扁图像,当屏幕是显示器宽度的一半时

显示器全宽

当屏幕是整个显示器宽度时,方向盘上的人的拉伸图像

0 投票
0 回答
56 浏览

ios - 两步自动布局

我目前正在为 iOS 应用程序构建一个 UI 组件。通常,组件的宽度应该是 350pt,我使用自动布局在组件内部设置:

现在,如果没有足够的空间(由于组件之外的其他限制),我希望组件变得更小,但不是流畅 - 我希望组件仅在两种可能的尺寸之间交替 - 通常为 350pt,如果有则为 300pt没有空间容纳 350pt。这是否可以以某种方式实现?

示例项目:

https://www.icloud.com/iclouddrive/055TkWS8aLqDhFDOPi-7qi8EA#LayoutExample.zip

我创建了一个非常简单的示例项目来说明问题。它包含一个自定义组件 ( MyComponent),它是一个带有四个按钮的堆栈视图。该组件嵌入在主视图控制器中,并设置了自动布局以确保它不会流出屏幕。这在较大的设备上效果很好,但是组件对于 iPhone SE 和 iPhone 4 的屏幕来说太大了。在这种情况下,我希望组件变成另一个尺寸(在项目中,组件通常是 500pt,应该是 300pt在较小的设备上)。

原因

我正在寻找这种行为的原因几乎都与设计有关。该组件不应该以多种尺寸存在,而只能以两种特定尺寸存在 - “正常”尺寸和用于正常尺寸不适合的情况下的较小尺寸。

0 投票
1 回答
68 浏览

c++ - 窗口调整大小时Qgraphicview调整大小

我想问你一个我无法解决的问题。我有一个 QApplication 在第一个主窗口中加载图像。

代码如下:

我正在尝试使图像适合在 QGraphivsView 中缩放,即使我调整了窗口大小。

但是,图像在运行时以自己的大小显示,并且在调整窗口大小时该大小不会改变。例如,增加我的窗口不会增加图像大小,同样减少。

我什至尝试添加以下代码:

但没有任何工作。

我在下图中为您提供了一个示例,说明正在发生的事情。

在此处输入图像描述

0 投票
1 回答
1005 浏览

flutter - TabBarView 扩展至底部,与开始无关

我一直在研究flutter,现在必须为页面制作Tab Bar。既然我已经成功地制作了标签,但是有一件事不能让我完成我的任务,那就是,

我有一个这样的设计蓝图:

我没有给容器的任何特定高度,TabWidget()因为我希望标签占据整个高度直到底部。

选项卡小部件

这是关键,现在我已经尽我所能得到结果,因此这样做了:

  1. 在 TabWidget 中使用Expanded()占用高度
  2. double.infinity()在高度元素中使用TabBarView
  3. 我已阅读此答案:TabBarView without bounded height,但我不希望我的屏幕可滚动,Silver在这种情况下不需要。只是TabBarView 应该扩展到底部,而不管它从哪里开始

我不想给我的 TabBarView 一个特定的高度,相反,我希望它占据整个高度直到底部,而不管屏幕如何,所以我的高度是根据屏幕动态的

我想就此获得一些意见,以便实现我的观点。我ListView()在 的孩子中使用TabBarView,所以即使手机屏幕的部分尺寸很小,用户仍然可以滚动内容。但是高度应该一直到底部,与屏幕的大小无关。谢谢。

任何疑问都欢迎在这里。

0 投票
1 回答
161 浏览

ios - UITableView 动态单元格高度仅在根据 uiimage 视图调整单元格大小时经过一些滚动后才更正

在此处输入图像描述

正如您在第一张图片中看到的那样。中无文字可见UITableviewCell。滚动后它会出现并调整单元格的大小。我想根据UIImage. 我正在使用SDWebImage. 我将我在 UITableView Cell 中为 row 方法完成的代码。

我已经应用了很多解决方案,但无法正常工作。

在此处输入图像描述

0 投票
1 回答
34 浏览

javascript - Element resizing issue after hover in jQuery

So I am having an issue with css and jquery. Currently jquery, on window load and on window resize, dynamically resizes certain elements so that it all has equal height and width whenever it loads and browser window resizes, which is great.

My problem is that since it's only inline css, some of the elements, after the action is performed on hover, gets resized and it doesn't automatically apply the new sizes to all the other elements.

I was thinking maybe having embedded in the head or body and jQuery manipulates that but I don't know if that is possible.

I am open to suggestions...

here is what i am working on so you can see for yourselves: http://staging.idgadvertising.com/idg/do-not-touch/

0 投票
1 回答
26 浏览

html - 自定义 :before 和 :after 部分的可变显示宽度

我正在将自定义主题实现到 SaaS 电子商务网站中,并且我想在 h2 标记内的文本两侧创建一个带有装饰图形的自定义标题栏。因为该平台只是部分开源,而且我想在全球范围内应用这种样式,所以添加 HTML 标记是不可行的,所以我正在寻找一种仅使用 CSS 的优雅方式来做到这一点。

通常,我会使用简单的 :before 和 :after 标签来应用标题栏装饰,并带有一些定位,因此它们会出现在 h2 标题文本的任一侧 - 无论屏幕上的文本有多宽。但在这个特殊的设计案例中,我需要侧边元素将水平空间的剩余部分“填充”到文本的任一侧,一直到边缘,以及背景图像。我尝试了很多方法,例如将 :before 和 :after 元素设置为 display:block 和浮动它们(只有在我给它们一个固定或 % 宽度时才有效,我真的做不到),或者将它们设置为表格单元格(但由于我不能将文本单独包装在中间,这也不能真正正确计算宽度)。我知道必须有办法做到这一点。你会怎么处理?

前端代码超级简单:

这是我正在尝试创建的视觉示例: 带有侧面元素的标题栏

0 投票
0 回答
178 浏览

c# - 动态调整用户控件的大小

我正在尝试调整我动态创建的面板的大小。调整大小时,面板的边框会捕捉网格。但它的宽度/高度并没有像理想情况下那样改变。只要鼠标指针在锚点上,宽度/高度就会不断变化。这是我的代码。我应该如何解决这个问题?

Tile.cs(这是一个用户控件。)

Form1.cs(这里的画布是使用网格点创建的,用户可以在其中绘制平铺并调整其大小)

这是绘制瓷砖后表单的外观。目前我只在顶部、底部、右侧和左侧锚点上工作。

在此处输入图像描述