问题标签 [stretching]

我一直在为我认为应该非常简单但无法弄清楚的事情找到几乎解决方案。（注意——我现在正处于学习 CSS 的初级阶段）

我有一张图片要放在页面上。水平/垂直居中。在一个div占窗口高度和宽度 80% 的容器中。我希望图像div根据最小的那个来拉伸以填充它的高度或宽度。

我敢肯定这对大多数人来说很简单，但同样，我只是在学习。这方面的任何方向都会很棒。

我创建了一个插图，以防我解释得不够好：

我需要通过调用 myView.setBackgroundDrawable(BitmapDrawable bdb) 来动态设置布局的背景，但是我想裁剪图像而不是在布局中拉伸它，有没有办法做到这一点？

我试图创建如下可绘制对象来设置重力，但挑战是我无法将 android:src 硬编码为静态可绘制对象，因为图像源必须是动态的。

任何建议将不胜感激！

我有这样的图像：。在 iPad 中，当我使用以下代码放置它时：

在 iPad 中，它显示如下：

在 iPhone 中，它运行良好。

iPhone 的代码如下所示：

如何避免重复？我必须使用 resizableImageWithCapInsets 吗？

需要一些指导和建议..

是否可以在不压缩或拉伸的情况下使用 ScaleAnimation 为视图设置动画？

还是用AlphaAnimation从下往上让它消失？

我想在不压缩视图内容的情况下使视图更小。

谢谢

我有一个 UIView 子类。它基于大量复杂的代码绘制了一些东西，我非常不想为了这个特定目的而打扰它们。

我正在使用现已弃用的 contentStretch 属性对我的视图进行某些更改。Apple 的文档建议替换基于图像的内容——请参见此处：替换 UIView 的 contentStretch？. 但是，如果内容不是基于图像的，它对如何处理的问题保持沉默。

有什么建议么？在一种特殊情况下，它是用于动画的。

问题：在表格行内拉伸表格 100% 的宽度/高度在 IE 中不起作用。为什么？！

这是代码（http://jsfiddle.net/GBsay/2/）：

html:

CSS：

此代码适用于除 IE (7,8,9,10) 以外的所有浏览器。任何人都知道如何仅使用 css 解决此问题？

我已经尝试了几种方法来防止图像在这个插件中拉伸。

和这个

我也试过这个javascript（idk js，所以可能是错的，从另一个论坛得到的）

拇指被一个名为 Business Directory 的 Wordpress 插件放置在目录列表摘录页面中。有一个设置可以将列表的主图像设置为我想要的任何大小（300px 是我设置的），但是因为相同的图像用作摘录中的缩略图并以相同的大小显示，这太大了摘录页面。所以我有 css 将摘录中的拇指大小限制为 150x150。图像在完整列表中没有扭曲，但在摘录拇指中它被扭曲了。

你可以在http://www.nextinthewest.com看到它

如果图像比宽高，它会将图像拉伸得更宽以填充 150 像素的宽度，如果图像比高宽，它会压缩得更窄，但不会将其拉伸到足以填充 150 像素的高度。

我也可能使用了错误的选择器，但我已经尝试了几个。

也许插件告诉浏览器是 300px 高和宽，也许任何 css 都无法在其中工作以防止拉伸。

我在 LibGDX 中拉伸精灵有问题。

我在游戏中有一个天空的 png 文件（1x1000 像素），我想做 1000x1000 像素

编辑：这是我要拉伸的图像-天空。如您所见，它从顶部到底部几乎没有渐变。我想让它的宽度为 1000 像素。我希望图像的宽度有颜色变化。

但我得到了这个奇怪的结果： 图片

你可以看到宽度有渐变，即使有线条，但没有理由，因为我正在缩放 1px 图像......

奇怪的是，在其他电脑和手机上一切正常……但我不认为问题出在我的电脑上！？

我不知道该尝试什么...有什么想法吗？

对不起，如果我没有很好地解释它.. 对不起我的英语不好

最终：它来自过滤。我将过滤器从线性更改为最近，一切都很好

我已经阅读了有关支持不同屏幕密度的所有内容。而且，我已将显示的图像的适当变体提供给适当的文件夹。然而，我对某事感到困惑。ImageView 的文档说将 android:layout_width 和 android:layout_height 设置为 "fill_parent"/"match_parent" 将导致图像拉伸以填充屏幕。（这似乎是必要的，因为并非所有屏幕密度都提供相同大小/像素数的屏幕，我不希望那些额外的几个像素导致屏幕底部出现填充）这似乎在其他任何时候都有效，但不起作用对我来说，当 ImageView 放置在 Horizo​​ntalscrollview 内部并且图像的宽度比屏幕的宽度长时。

我的代码如下：（活动在我的清单中设置为横向）

编辑：我将 :src 替换为 :background 无效。

这是我在平板电脑等设备上获得的效果。理想情况下，我希望图像填满整个屏幕，就像下面那样，在具有典型 480x800 分辨率等的手机上。

我想要一个网页的页眉高度为 120 像素，页脚高度为 120 像素，主要内容的最小高度为 600 像素，但是当浏览器垂直拉伸超过 840 像素时（或者用户使用“控制减号”缩小" 在 Firefox 上），我希望正文垂直拉伸以填充所有可用空间减去页眉和页脚空间。

这是我尝试过的：

这是CSS：

这是完整的代码：

达到我所追求的效果的正确方法是什么。

谢谢。