- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我遇到了一个让我抓狂的问题。
我有 4 个函数可以使用 View 、位图、屏幕等返回的密度 (1.5) 和宽度/高度值在整个 UI 中正确调整图像大小。
这在 SG II 上非常有效。但是在报告密度为 0.75 的 HTC Wildfire 上......一些图像在屏幕上视觉上太小了大约 25%......但是当我决定将密度覆盖为 1.0 时,这些图像突然适合而其他图像变得酥脆,但尺寸不再正确...这让我发疯...
我只能得出结论,我在某些地方比较苹果和梨(像素和 DIP),但我无法让我的测试与我阅读的内容相符,所以为了对某些事情有 100% 的把握:
...
我会在这里得到像素吗?或倾角? :
int bitmapWidth = bitmap.getWidth();
假设 underneat 是一个包含位图的 ImageView 。像素还是 DIP?
int widthParent = view.getWidth();
下面实际上是 DIP,对吧?
getContext().getResources().getDisplayMetrics().widthPixels;
...
这是我的代码不起作用(这段代码给出的位图在视觉上可能占用 2/3s 的宽度,而它应该占用 100%)如果您检查注释,像素值显然是正确的,但最终结果不正确:
vto.addOnGlobalLayoutListener(
new OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
mainLogo.getViewTreeObserver().removeGlobalOnLayoutListener(this);
mainLogo.setScaleType(ImageView.ScaleType.CENTER_INSIDE); // mainLogo = ImageView
SharedCode.sharedUtilScaleImage_Width(mainLogo, false);
}
}
);
// ...
public static void sharedUtilScaleImage_Width(ImageView view, boolean tryBackground)
{
Drawable drawing = null;
boolean useBackground = false;
if (drawing == null) {
drawing = view.getDrawable();
}
if (drawing == null) {
if (tryBackground) {
drawing = view.getBackground();
useBackground = true;
}
}
if (drawing == null) {
return;
}
if (!(drawing instanceof BitmapDrawable)) {
return;
}
Bitmap bitmap = ((BitmapDrawable)drawing).getBitmap();
if (bitmap == null) {
return;
}
//--
int bitmapWidth = bitmap.getWidth(); // returns 770 (which is correct checking on disk)
int bitmapHeight = bitmap.getHeight();
// float density = 1;
// density = MicApp.getContext().getResources().getDisplayMetrics().density; // 1.5
float widthScreen = MicApp.getContext().getResources().getDisplayMetrics().widthPixels; // returns 480
int widthParent = view.getWidth(); // returns 480, should be same as screen
//--
float xScale = ( (float) widthParent / (float) bitmapWidth);
Matrix matrix = new Matrix();
matrix.postScale(xScale, xScale);
//--
Bitmap scaledBitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmapWidth, bitmapHeight, matrix, true);
int bitmapWidth2 = scaledBitmap.getWidth(); // 480
int bitmapHeight2 = scaledBitmap.getHeight();
//--
BitmapDrawable result = new BitmapDrawable(scaledBitmap);
//--
if (useBackground) {
LayoutParams layoutparams = new LayoutParams(bitmapWidth, bitmapHeight);
view.setLayoutParams(layoutparams);
view.setBackgroundDrawable(result);
}
else {
view.setImageDrawable(result);
}
}
最佳答案
解码图像和显示图像之间有几个步骤。这些步骤通常用于以正确的比例显示来自资源的图像。如果您只将图像放在 /res/drawable-mdpi/
而不是其他文件夹中,它仍然可以在具有其他密度的设备上以正确的大小显示。
如果您想在 x-hdpi
(320dpi) 设备上加载适用于 mdpi
(160dpi) 的图像,并希望它以相同的尺寸显示实际上,您需要将其像素大小加倍。例如。 100x100 像素的图像需要以 200x200 像素显示。
涉及缩放的地方是
BitmapFactory.Options#inDensity
)。 BitmapFactory
已经可以将 100x100 的 png 图像解码为 200x200 的图像。位图
自身的密度。这是每个位图的属性,用于存储图像的密度。如果 BitmapFactory
会将 100x100 mdpi 图像解码为 200x200,那么密度基本上会说“我是 x-hdpi”。您还可以在解码时禁用缩放,并获得具有 mdpi 密度的 100x100 图像。显示该图像需要绘制缩放为 2 倍的图像。BitmapDrawable
的目标密度,通常是设备的密度。如果 BitmapDrawable
必须绘制密度不匹配的 Bitmap
,它将绘制缩放版本。来自BitmapDrawable
的代码,mTargetDensity
应该是设备密度。
private void computeBitmapSize() {
mBitmapWidth = mBitmap.getScaledWidth(mTargetDensity);
mBitmapHeight = mBitmap.getScaledHeight(mTargetDensity);
}
和Bitmap
的相关部分,mDensity
是位图的密度
public int getScaledWidth(int targetDensity) {
return scaleFromDensity(getWidth(), mDensity, targetDensity);
}
static public int scaleFromDensity(int size, int sdensity, int tdensity) {
if (sdensity == DENSITY_NONE || sdensity == tdensity) {
return size;
}
// Scale by tdensity / sdensity, rounding up.
return ((size * tdensity) + (sdensity >> 1)) / sdensity;
}
ImageView
。如果您想在 ImageView
中显示一个 ImageDrawable
表示(由于缩放或实际上)200x200 px 的图像,您需要在屏幕上显示该 ImageDrawable
再次缩放图像。使用 ImageView.ScaleType.CENTER_INSIDE
将以 200x200 像素绘制图像,因为 CENTER_INSIDE
仅在图像大于 View 时缩放图像。 FIT_CENTER
会将其放大到 300x300。只是 CENTER
根本无法缩放。它只是居中。
CENTER_INSIDE
+ 上面的 100x100 mdpi 图像仍会将其绘制为 200x200px,因为所有缩放因子都存储在 BitmapDrawable
/Bitmap
中。
BitmapFactory
> Bitmap
> BitmapDrawable
> ImageView
链中还有其他几个地方,如 BitmapDrawable(Bitmap bitmap)
构造函数说
This constructor was deprecated in API level 4. Use BitmapDrawable(Resources, Bitmap) to ensure that the drawable has correctly set its target density.
这可能会以不希望的方式影响图像缩放。
Bitmap#setDensity(Bitmap.DENSITY_NONE)
ImageView.ScaleType.CENTER
绘制时不要应用缩放。关于Android 和像素与设备指标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18856511/
为什么这个脚本不起作用?仅当页面宽度超过 915 像素时,我希望单击按钮时滚动页面 100 像素。我试图通过仅在宽度超过 915 像素时允许该函数运行来实现此目的,但它没有发生。怎么办? $(docu
我需要您帮助我建立一个网站。我是一个新手,已经得到了一个设计为 900 像素宽的主体,但他们给了我一个 1200 像素宽的图像。他们希望图像跨越整个 1200 像素的宽度,因此页面两侧基本上会有 30
我有一个在 y 轴上展开的 UIScrollview 并调用这个委托(delegate)方法: -(void)scrollViewDidScroll:(UIScrollView *)scrollVie
我有一个固定的标题这个标题在我滚动时改变高度和图像标志但是当我调整窗口大小时我希望图像保持比例但随着我缩小浏览器而变得更小标志只有在限制时缩小浏览器靠近图像,但我希望在调整浏览器大小时图像变小。 我该
在我的项目中,我使用 ArcGIS API for JavaScript https://developers.arcgis.com/javascript/但是对于(在这里插入非常大的坏词)我无法覆盖
有没有办法使用 jQuery,根据窗口滚动的距离做不同的事情? 这是我现在使用的代码; $(document).scroll(function() { // If scroll distanc
这基本上是 Jetpack Joyride 中运动的基本版本,但不是 Joyrider 以每秒 100 像素的速度下降,而是字母“x”从控制台的正中间以每秒 100 像素的速度下降和点击事件会导致它以
我像这样处理 MINMAXINFO: case WM_GETMINMAXINFO: { LPMINMAXINFO p_info = (LPMINMAXINFO)lPar
我对 javascript 有点陌生,我一直在查找 documentElement、clientWidth 和 clientHeight 并试图找出为什么它将我的 Canvas 设置为 300px x
我正在编写一些软件来读取 DICOM 文件,但我不确定如何处理具有未定义长度的标签。标准是这样说的 “如果值字段具有显式长度,则值长度字段应包含等于长度(以字节为单位)的值 值字段。否则,值字段 有一
我对 OpenGL 有点陌生,但我很确定我的问题在于所使用的像素格式,或者我的纹理是如何生成的...... 我正在使用 16 位 RGB5_A1 像素格式在平面 2D 四边形上绘制纹理,但在这个阶段我
有没有办法获取直播电视流,例如在像素级别上进行分析。 我的目标是检查直播电视流(例如使用java),例如广播电台 Logo 是否可见。 有机会通过 Google 电视观看此直播吗? 是否有机会通过笔记
我正在尝试构建一个函数,它以给定角度从特定坐标延伸,并循环遍历该线上的像素,直到遇到黑色像素. 如果角度为 180 度,这很容易实现。在这种情况下,搜索只会向下扩展,在每次迭代中将列坐标加 1。然而,
我已经研究了一段时间,但找不到任何解决方案。 这是我的代码 如果您将此代码复制并粘贴到本网站的 HTML 区域:http://jsfiddle.net/T3Nnu/3/ 如果您查看 Facebo
我有一个网页 - http://bit.ly/YHFX5B如果你看一下页脚,你会发现它后面有一些额外的白色像素/线条。我不明白他们是从哪里来的。 请告知他们可能来自哪里。 谢谢,丹 最佳答案 在 #f
如何在没有状态栏和操作栏的情况下获取屏幕高度(像素)或者如果有人告诉我如何获取状态栏和操作栏的高度,它也会有所帮助。我已经找到了屏幕高度,但它包括状态栏和操作栏.我将支持库 v7 用于操作栏。我在网上
Java 字符串根据宽度(像素)换行 在一些场景下,我们经常会通过判断字符串的长度,比如个数来实现换行,但是中文、英文、数字、其实在展示的时候同样长度的字符串,其实它的宽度是不一样的,这也是们我通
我创建了一个不错的简单可扩展列表。它应该像单选列表一样工作,您应该只能选择一个元素。我还没有实现这部分,因为我对列表的大小有疑问: class ExpandableListRadio extends
我使用以下代码滚动到元素顶部,但我想滚动到元素顶部上方 10px,不知道如何执行此操作,有什么建议吗?谢谢! $('html, body').stop(true,true).animate({
我有一个链接,可以在滚动时更改其垂直位置。当我点击此链接时,我想(平滑地)转到页面上的某个位置,该位置距离页面顶部正好 1080 像素。 我无法实现它,希望有人能帮助我。 链接: 脚本: $(do
我是一名优秀的程序员,十分优秀!