aspect-ratio相关内容

Android 将 Px 转换为 Dp(视频纵横比)

可能的重复: 在android中将像素转换为dp 我正在尝试将像素转换为 dp.公式是什么? 让我们将 640 和 480 转换为 dp.文档是这样说的 dp单位到屏幕像素的转换很简单:px = dp * (dpi/160) 但我认为这不是我需要的(而且我不知道如何使用它).我想我只需要论坛.我已经准备好了代码: DisplayMetrics metrics = new ..
发布时间:2021-11-29 09:26:12 移动开发

调整 WPF 窗口的大小,但保持比例?

我有一个用户可调整大小的 WPF 窗口,我想限制调整大小,以便窗口的纵横比保持不变. 理想情况下,我希望在调整窗口大小时通过将角拖动到保持适当纵横比的位置来限制鼠标位置.如果用鼠标调整一个边缘的大小,另一个维度应该同时改变. 有没有简单的方法可以做到这一点,或者有谁知道的好的在线示例? 如果没有更好的解决方案,我会在我稍微改进后发布我所做的. 解决方案 我在 Nir ​​ ..
发布时间:2021-11-29 09:26:02 其他开发

在libGDX中如何处理不同的纵横比?

我已经使用 libGDX 实现了一些屏幕,这些屏幕显然会使用 libGDX 框架提供的 Screen 类.但是,这些屏幕的实现仅适用于预定义的屏幕尺寸.例如,如果精灵适用于 640 x 480 尺寸的屏幕(4:3 纵横比),它将无法在其他屏幕尺寸上按预期工作,因为精灵符合屏幕边界并且不会缩放到屏幕尺寸根本.此外,如果 libGDX 提供了简单的缩放,我面临的问题仍然存在,因为这会导致游戏屏幕的纵横 ..
发布时间:2021-11-29 09:25:54 移动开发

弹性盒布局中的填充底部/顶部

我有一个 flexbox 布局,其中包含两个项目.其中之一使用 padding-bottom : #flexBox {边框:1px纯红色;宽度:50%;边距:0 自动;填充:1em;显示:弹性;弹性方向:列;}#文本 {边框:1px纯绿色;填充:.5em;}#填充{边距:1em 0;边框:1px纯蓝色;填充底部:56.25%;/* 固有纵横比 */高度:0;} ..
发布时间:2021-11-29 09:25:29 前端开发

根据高度保持 div 纵横比

我需要将元素的宽度保持为其高度的百分比.所以随着高度的变化,宽度也会更新. 相反,可以通过为 padding-top 使用 % 值来实现,但 padding-left 作为百分比将是对象宽度的百分比,而不是其高度. 使用这样的标记: 我想使用这样的东西: .box {位置:绝对;保证金最高:50%;底部:0;}.内{填充左:2 ..
发布时间:2021-11-29 09:25:17 前端开发

根据宽度和高度保持纵横比

是否可以在视口中放置一个正方形 div 并使其居中并始终保持其根据宽度和高度的纵横比? 要求: 只有 CSS 无论视口的方向(横向或纵向)如何,正方形的大小都必须适应视口的最小尺寸(宽度或高度). 正方形必须在视口中水平和垂直居中 示例: 解决方案 要在视口中根据宽度和高度保持 div 的纵横比,您可以使用一个 HTML 标签: vmin 用于调整大小的单位: ..
发布时间:2021-11-29 09:24:55 前端开发

如何将 div 样式设置为响应式正方形?

我希望我的 div 调整其高度以使其始终等于其宽度.宽度是百分比.当父级的宽度减小时,框应保持其纵横比减小. CSS 如何做到这一点? 解决方案 适用于几乎所有浏览器. 您可以尝试以百分比形式给出 padding-bottom. 内容在这里 外部 div 是一个正方形,内部 div 包含内容.这个解决方案对我有用很多次. 这是一个 jsfiddle ..
发布时间:2021-11-29 09:24:48 前端开发

在 UIImageView 中为图像应用宽高比后如何知道图像大小

我正在将图像加载到模式为“Aspect Fit"的图像视图中.我需要知道我的图像被缩放到的大小.请帮忙. 解决方案 请参阅@Paul-de-Lange 的答案而不是这个答案 我在一个易于访问的变量中找不到任何具有此功能的内容,因此这里是蛮力方法: - (CGSize) aspectScaledImageSizeForImageView:(UIImageView *)iv image ..
发布时间:2021-11-29 09:24:33 移动开发

如何在 Qt 中保持小部件的纵横比?

如何在 Qt 中保持小部件的纵横比以及居中小部件怎么样? 解决方案 您不必实现自己的布局管理器.你可以继承 QWidget 并重新实现 int QWidget::heightForWidth( int w ) { return w;} 保持正直.但是,heightForWidth() 在 X11 上的顶层窗口上不起作用,因为显然 X11 协议不支持它.至于居中,可以将Qt::Align ..
发布时间:2021-11-29 09:24:12 其他开发

通过保持纵横比和宽度来调整 UIImage 的大小

我在许多帖子中看到通过保持纵横比来调整图像大小.这些函数在调整大小时使用 RECT 的固定点(宽度和高度).但是在我的项目中,我需要仅根据宽度调整视图大小,应根据纵横比自动获取高度.任何人都可以帮助我实现这一目标. 解决方案 Srikar 的方法效果很好,如果您知道新尺寸的高度和.例如,如果您只知道要缩放到的宽度而不关心高度,则首先必须计算高度的比例因子. +(UIImage*)imag ..
发布时间:2021-11-29 09:23:57 移动开发

保持div的纵横比但在CSS中填充屏幕宽度和高度?

我有一个网站要放在一起,它具有大约 16:9 横向的固定纵横比,就像视频一样. 我想让它居中并扩展以填充可用宽度和可用高度,但永远不要在任何一侧变大. 例如: 又高又薄的页面会将内容拉伸到整个宽度,同时保持比例的高度. 一个短而宽的页面的内容会拉伸整个高度,宽度成比例. 我一直在研究两种方法: 使用具有正确纵横比的图像来扩展容器 div,但我无法让它在主要浏览器中以 ..
发布时间:2021-11-29 09:23:49 前端开发

响应方块网格

我想知道如何使用响应式方块创建布局.每个方块都有垂直和水平对齐的内容.具体例子如下图... 解决方案 您可以仅使用 CSS 制作具有垂直和水平居中内容的响应式正方形网格.我将逐步解释如何实现,但首先这里有 2 个演示,说明您可以实现的目标: 方形图像网格 带内容的方格网格 现在让我们看看如何制作这些漂亮的响应式方块! 1.制作响应式方块: 保持元素方形(或任何其他 ..
发布时间:2021-11-29 09:23:28 前端开发

使用 CSS 保持 div 的纵横比

我想创建一个 div,它可以随着窗口宽度的变化而改变其宽度/高度. 是否有任何 CSS3 规则允许高度根据宽度变化,同时保持纵横比? 我知道我可以通过 JavaScript 做到这一点,但我更愿意只使用 CSS. 解决方案 只需为 padding-bottom 创建一个带有百分比值的包装器 ,就像这样: .demoWrapper {填充:10px;背景:白色;box-s ..
发布时间:2021-11-29 09:23:15 前端开发