问题标签 [dynamic-sizing]

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 投票
2 回答
176 浏览

css - 由纯 CSS 中最大面板内容大小的选项卡框

使用浮动、flexbox 或表格,有不同的方法可以将两个相邻块的大小设置为相同的高度或相同的宽度,这取决于它们的内容,而无需使用 JavaScript。

我想知道是否有一种方法可以为选项卡框的面板实现相同的效果,一次只能看到一个。

因此,例如,如果一个面板是空的,它的大小(或至少它的背景)应该扩展到面板堆栈中最大面板的大小。

我的目的是防止选项卡框下方或旁边的元素在切换选项卡时跳转到不同的位置,但我不想假设面板内容的尺寸,因为它们是动态的。

0 投票
3 回答
37108 浏览

css - 具有“半”侧模式的角材料侧栏

我正在为我们的项目开发动态侧边栏,基本上我们想要做的是设置一个动态侧边栏,当用户点击侧边栏时,它会在用户点击后侧栏时展开,侧边栏应该折叠并只显示图标(但不是完全折叠它将保留图标),例如在用户单击图标之前。我们使用 sidenav.toggle() from angular material 函数,它基本上完全关闭了侧边栏,如果我不使用 toggle() 函数,导航栏的“Side”模式不起作用。所以我想折叠到带有侧面模式的图标。(我们需要保持侧边模式的另一个原因是我们还需要确保当用户展开侧边栏时,右侧的内容应该向右推)

在此处输入图像描述

用户点击图标后在此处输入图像描述

有没有办法做到这一点?

谢谢。

0 投票
0 回答
439 浏览

ios - 确定表格视图iOS中的集合视图高度

我有一个静态表格视图,UITableViewAutomaticDimension用于自动调整单元格大小。我想在表格视图单元格中插入一个集合视图,该单元格也具有动态大小的单元格。返回集合视图高度的正确方法是什么,以便我的集合视图单元格不会隐藏在表格视图单元格内。我想实现图片中的一样,

在此处输入图像描述

0 投票
0 回答
26 浏览

css - 带截断的 Flexbox 自适应宽度

我正在尝试创建一个包含两个长度差异很大的字符串项的 flexbox 行,当字符串不适合时,它会用省略号截断。

看起来很简单,并且可以正常工作:

但是,有时字符串会很短,例如“N/A”,在这种情况下,我希望这对字符串中的另一个字符串尽可能多地占用空间,这将超过 max-width: 50%。

包含 50% 的最大宽度是为了防止非常长的字符串以与非常短的字符串相同的速率收缩。即,没有它,它会像这样截断: N/... 一个很长的字符串,包含很多单词...

相反,理想的行为是当两个字符串都长于父容器的一半时,它们占用相等的空间。但是,当一个字符串短于 50% 时,会显示整个字符串,而另一个字符串会占用所有剩余空间。

因为行为取决于父级大小和自身字符串的长度以及其他字符串的长度,所以所有内置的 flex-basis、flex-grow/flex-shrink 似乎都没有帮助。

http://jsfiddle.net/ods1zpjy/

以前有人解决过这个吗?

0 投票
1 回答
1036 浏览

java - 将 GridPane 的内容动态调整为其父级的属性

我正在为我的作业创建一个“三”克隆,其中一个属性是GridPane根据列数和行数动态调整大小,我该如何实现?

我已经研究了添加ColumnConstraints以及RowConstraints,给它们一个总GridPane大小的百分位宽度除以列数:

在 Scene BuilderGridPane中,默认为 4x4 大小;这些元素似乎可以很好地调整大小,但是当加载 4x5 大小时,它似乎只想显示 4x4(样式),而其他剩余的图块看起来“奇怪”。

这是它的样子:https ://imgur.com/gallery/Qv1oWZb

我希望它GridPane相应地填满我的全部内容,但它会起作用并向我显示图像中显示的结果。

编辑:

我已经让它工作了,但是当我有区分行(例如 4x5)时,它还不能完全确定大小。

0 投票
1 回答
389 浏览

generics - 为什么需要 ?Sized 来传递对泛型类型参数的引用?

当我在 Rust 操场上运行以下代码时......

...编译器返回一个没有意义的错误:

?Sized我可以通过像这样添加来修复它:

为什么?Sized需要这样做(以及为什么编译器将错误指向函数调用)?它有什么作用?我不应该能够将引用传递给未调整大小的对象并让它正常工作吗?

让我感到困惑的是,非泛型实现按您的预期工作,没有要求?Sized(即使编译器指出 str 不是Sized!)

0 投票
2 回答
53 浏览

swift - 根据标签文本动态改变单元格高度

我尝试为我的应用程序添加问答部分,并且 tableview 单元格必须根据文本高度扩展,单元格高度必须随此文本而变化。在这一点上,我做了一些事情来解决 numberOfline = 0 和 UITableView.automaticDimension 代码无法解决我的问题的问题。这是我的项目代码:

问题是单元格高度没有更改此代码,只需在问题下写标签,并在下一个问题下获得更长的答案。意味着单元格高度没有改变。

}

0 投票
1 回答
44 浏览

ios - UILabel 动态调整大小 - Swift

我创建了一个 UIView,在这个视图内部有一个标签,标签上方有一个图像。视图如下所示:(不要介意旁边的其他标签):

在此处输入图像描述

对于标有“标题”的标签,我想让它的高度成为文本的高度,这是我使用的代码:

问题是由于上面的图像,文本将始终保持为一行...我的计划是图像将根据文本的高度调整大小,并使用约束保持其 3:4 的纵横比。我不确定为什么这不起作用,但我认为这是因为这两个元素的限制。

这些是当前对视图的限制:

标签:

在此处输入图像描述

imageView(尾随约束不是问题):

在此处输入图像描述

谢谢!

0 投票
1 回答
28 浏览

ios - 动态集合视图单元格大小调整无法正常工作

我试图UICollectionView用动态单元格大小创建,这个单元格包含一个imageView和一个标签,它工作正常,但不能设置每行的项目数,并且该行只包含 1 个项目,我需要每行的项目数改变依赖关于物品的尺寸:

ViewController代码:

CollectionViewCell代码:

项目代码:

输出 1:如果collectionLayout连接:

在此处输入图像描述

输出 2:如果collectionLayout未连接,我将获得所需的输出,但无法显示图像:

在此处输入图像描述

我需要输出 2,但对于我数组中的所有图像,任何帮助将不胜感激......