问题标签 [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.
javafx - JavafX - 动态 ImageView 设置默认大小
我有一个已配置的 ImageView,以便使用以下两行代码调整其大小以适应其父 AnchorPane(AnchorPane 和图像都是方形的)。
我还在注入所有节点的 fxml 文件中设置了 450 px 的 fitWidth。但是,当我创建此对象的实例时,它会打开宽度等于加载图像(2000 像素)而不是 450 像素的预览。调整大小功能按预期工作,可以将其缩小到 450 像素。然而,我想知道是否有可能确保它以不同于图像宽度的默认大小打开,但也确保它与父级一起增长和缩小。
我已经尝试在 java 代码和 fxml 中设置不同默认宽度的负载,但唯一可行的方法是取消绑定我不想要的 fitWidth。
你对我如何解决这个问题有什么建议吗?
主要的:
FXML:
编辑: 这是我的问题的 MCVE。
javascript - THREE.js 多个渲染器都动态调整大小
我的第一个画布正在显示我的第一个渲染器,它会根据浏览器窗口适当调整大小。但是,尽管使用了相同的方法,我在第二个画布中的第二个渲染器并没有调整大小。
最终目标是最终拥有更多的渲染函数,以及与渲染器相关的文本信息。
也许我以错误的方式解决这个问题,但任何建议都会有所帮助。谢谢你。
ios - 两步自动布局
我目前正在为 iOS 应用程序构建一个 UI 组件。通常,组件的宽度应该是 350pt,我使用自动布局在组件内部设置:
现在,如果没有足够的空间(由于组件之外的其他限制),我希望组件变得更小,但不是流畅 - 我希望组件仅在两种可能的尺寸之间交替 - 通常为 350pt,如果有则为 300pt没有空间容纳 350pt。这是否可以以某种方式实现?
示例项目:
https://www.icloud.com/iclouddrive/055TkWS8aLqDhFDOPi-7qi8EA#LayoutExample.zip
我创建了一个非常简单的示例项目来说明问题。它包含一个自定义组件 ( MyComponent
),它是一个带有四个按钮的堆栈视图。该组件嵌入在主视图控制器中,并设置了自动布局以确保它不会流出屏幕。这在较大的设备上效果很好,但是组件对于 iPhone SE 和 iPhone 4 的屏幕来说太大了。在这种情况下,我希望组件变成另一个尺寸(在项目中,组件通常是 500pt,应该是 300pt在较小的设备上)。
原因
我正在寻找这种行为的原因几乎都与设计有关。该组件不应该以多种尺寸存在,而只能以两种特定尺寸存在 - “正常”尺寸和用于正常尺寸不适合的情况下的较小尺寸。
flutter - TabBarView 扩展至底部,与开始无关
我一直在研究flutter,现在必须为页面制作Tab Bar。既然我已经成功地制作了标签,但是有一件事不能让我完成我的任务,那就是,
我有一个这样的设计蓝图:
我没有给容器的任何特定高度,TabWidget()
因为我希望标签占据整个高度直到底部。
选项卡小部件
这是关键,现在我已经尽我所能得到结果,因此这样做了:
- 在 TabWidget 中使用
Expanded()
占用高度 double.infinity()
在高度元素中使用TabBarView
- 我已阅读此答案:TabBarView without bounded height,但我不希望我的屏幕可滚动,
Silver
在这种情况下不需要。只是TabBarView 应该扩展到底部,而不管它从哪里开始
我不想给我的 TabBarView 一个特定的高度,相反,我希望它占据整个高度直到底部,而不管屏幕如何,所以我的高度是根据屏幕动态的。
我想就此获得一些意见,以便实现我的观点。我ListView()
在 的孩子中使用TabBarView
,所以即使手机屏幕的部分尺寸很小,用户仍然可以滚动内容。但是高度应该一直到底部,与屏幕的大小无关。谢谢。
任何疑问都欢迎在这里。
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/
html - 自定义 :before 和 :after 部分的可变显示宽度
我正在将自定义主题实现到 SaaS 电子商务网站中,并且我想在 h2 标记内的文本两侧创建一个带有装饰图形的自定义标题栏。因为该平台只是部分开源,而且我想在全球范围内应用这种样式,所以添加 HTML 标记是不可行的,所以我正在寻找一种仅使用 CSS 的优雅方式来做到这一点。
通常,我会使用简单的 :before 和 :after 标签来应用标题栏装饰,并带有一些定位,因此它们会出现在 h2 标题文本的任一侧 - 无论屏幕上的文本有多宽。但在这个特殊的设计案例中,我需要侧边元素将水平空间的剩余部分“填充”到文本的任一侧,一直到边缘,以及背景图像。我尝试了很多方法,例如将 :before 和 :after 元素设置为 display:block 和浮动它们(只有在我给它们一个固定或 % 宽度时才有效,我真的做不到),或者将它们设置为表格单元格(但由于我不能将文本单独包装在中间,这也不能真正正确计算宽度)。我知道必须有办法做到这一点。你会怎么处理?
前端代码超级简单:
这是我正在尝试创建的视觉示例: 带有侧面元素的标题栏