我的启动屏幕图像在小屏幕上大小错误 - 腾讯云开发者社区

文章/答案/技术大牛

发布

获取屏幕上正在显示的activity 博客分类： Android小技巧

用过ActivityManager的童鞋估计都知道，可以从ActivityManager里面可以获取到当前运行的所有任务，所有进程和所有服务，这是任务管理器的核心。...仔细看getRunningTasks的文档，里面说获取的是系统中"running"的所有task，"running"状态包括已经被系统冻结的task。...而且返回的这个列表是按照顺序排列的，也就是说第一个肯定比第二个后运行。 getRunningTasks有个整型参数，表示返回列表的最大个数。...那么，我们如果把1作为参数给进去，那么他返回的task就是当前运行的那个task，然后从task中获取到最顶层的activity，这个activity就是当前显示给用户的那个activity了。...Log.d("", "pkg:"+cn.getPackageName()); Log.d("", "cls:"+cn.getClassName()); 至于这个能做什么，嘿嘿，我相信你知道的

2.9K3 0

【前端】移动端Web开发学习笔记【1】

---- Part 2: PC端的一些基本概念 ---- screen.width/height 意义：用户屏幕的整体大小。度量单位：设备像素。...George Cummins在Stack Overflow上对基本概念给出了最佳解释：把layout viewport想像成为一张不会变更大小或者形状的大图。...现在想像你有一个小一些的框架，你通过它来看这张大图。（译者：可以理解为「管中窥豹」）这个小框架的周围被不透明的材料所环绕，这掩盖了你所有的视线，只留这张大图的一部分给你。...你也可以改变框架的方向，但是大图（layout viewport）的大小和形状永远不会变。也看一下Chris给出的解释: visual viewport是页面当前显示在屏幕上的部分。...像在桌面环境上一样，做为一个开发者你永远不需要这个信息。你对屏幕的物理尺寸不感兴趣，而是对屏幕上当前有多少CSS像素感兴趣。

1683 0

您找到你想要的搜索结果了吗？

是的

没有找到

px、em、rem区别 pt ppi dpi vw vh

像素主要用来表示图像大小和显示器分辨率（如1920*1080px）。像素本身的物理尺寸不固定，所以它的物理尺寸没有意义，有意义的是它的数量。为什么像素的物理尺寸不固定？...像素本身不是物理世界的单位，是一个相对单位，尺寸可大可小。在高密度的屏幕上像素会变小，显示效果更清晰。...假如一张图片都是一个颜色，图像在保存时就会压缩，只存一个像素点的颜色信息，这样的图像体积会小很多。所以，像素点越多，颜色越复杂，图像体积越大。为什么我们要买高像素的相机？...ppi：像素密度（pixel per inch）英寸屏幕上显示的像素量，密度单位。决定图片的物理显示尺寸，只有涉及到显示才有意义。值越大，显示越细腻。...对于设计师来说像素密度很重要，需要很据像素密度来切图和适配，理解了像素密度的意义，就理解了几倍图之间的关系。

7654 0

移动端与PC端页面布局区别、background-size 背景图片的缩放

视口视口是移动设备上用来显示网页的区域，一般会比移动设备可视区域大，宽度可能是980px或者1024px，目的是为了显示下整个为PC端设计的网页，这样带来的后果是移动端会出现横向滚动条，为了避免这种情况...这样会让网页不容易观看，可以用 meta 标签，name=“viewport ” 来设置视口的大小，将视口的大小设置为和移动设备可视区一样的大小。...视网膜屏幕（retina屏幕）清晰度解决方案视网膜屏幕指的是屏幕的物理像素密度更高的屏幕，物理像素可以理解为屏幕上的一个发光点，无数发光的点组成的屏幕，视网膜屏幕比一般屏幕的物理像素点更小，常见有2...倍的视网膜屏幕和3倍的视网膜屏幕，2倍的视网膜屏幕，它的物理像素点大小是一般屏幕的1/4,3倍的视网膜屏幕，它的物理像素点大小是一般屏幕的1/9。...图像在视网膜屏幕上显示的大小和在一般屏幕上显示的大小一样，但是由于视网膜屏幕的物理像素点比一般的屏幕小，图像在上面好像是被放大了，图像会变得模糊，为了解决这个问题，可以使用比原来大一倍的图像，然后用css

3K2 0

详细的聊一聊如何使用响应式图片，提升网页加载速度

对于所有屏幕尺寸，这个过程会一直持续，直到浏览器达到列表中最大的图像。这很棒，因为现在在小屏幕上，浏览器将下载一个较小的图像，而大屏幕仍将获得高分辨率的图像。...如何处理不同的像素密度有时候，您可能有一张图像在屏幕上始终保持相同的尺寸，但您希望它在高分辨率设备上看起来很好。...在小屏幕上，我的博客内容（包括图像）占据了整个屏幕的宽度，但在较大屏幕上，我将内容居中显示，并设置了一个有限的最大宽度。...在那一点上，图像在我们的屏幕上永远不会占用超过800像素的空间，所以我们应该根据这个800像素的尺寸来调整我们的图像尺寸。...这是我为这个博客添加响应式图像的代码方式，因为我的博客在较大的屏幕尺寸上受到最大宽度的限制。让我们看一个实际的示例。

5613 0

技巧 | view-port 那些事儿

（像在 PC 端显示得一样），我们把这个虚拟的窗口称为 layout-viewport，下文中省略为 viewport。...可以把 layout-viewport 想像成为一张不会变更大小或者形状的大图，然后想像你有一个较小的框架，并通过它来看这张大图（管中窥豹），这个小框架的周围被不透明的材料所环绕，掩盖了你所有的视线，只留这张大图的一部分给你...当你远离框架时（缩小），你可以看到大图更多的部分；或者你也可以靠近一些（放大）只看局部；并且你也可以移动框架的位置以看到大图的其他部分。...但是无论你怎样操作这个小框架，大图（layout-viewport）的大小和形状永远不会改变。的元素的 width 数值没有改变，但是在宽度为 1024px 的显示器上只会重复四次，即是此时此刻单位显示像素等于四单位物理像素，二者改变了映射关系。

7172 0

为什么你的应用需要对各种尺寸屏幕做适配优化？

同样的，Slack 应用的开发团队为 Chrome OS 系统上运行的其流行的通讯软件做了键盘快捷键来快速启动常用功能的优化适配。...当用户在 Chromebook 上编写消息时，他们可以简单的敲击『Enter』键（就像在手机上做的那样），而不需要再用鼠标多点一步『Send』键。...为确保充分利用好在任意屏幕方向和尺寸上的窗口空间，开发团队将手机和平板电脑设备上的现有设计经验，与提供一个响应式布局这项技术结合，用来应对用户调整屏幕大小的操作。...思考这件事很重要：你的应用是否要为每一个用户提供最具吸引力的体验，而不论他们的设备或屏幕大小。这样做意味着分清驱动用户增长和错失大量新用户两者之间的差异。...如果发现译文存在错误或其他需要改进的地方，欢迎到掘金翻译计划对译文进行修改并 PR，也可获得相应奖励积分。文章开头的本文永久链接即为本文在 GitHub 上的 MarkDown 链接。

9892 0

图像处理基础知识--建议掌握

特点文件小。色彩丰富且饱满。RGB模式是一种发光的彩色模式。屏幕上显示的图像，就一般都是以 RGB 模式，因为显示器的物理结构就是遵循 RGB 的。...RGB 图像按行列存储，每列含有三个通道（注意：通道的顺序是 BGR 而不是 RGB） 5、rgb图像和索引图像的主要区别（1）RGB彩色模式图像：又叫加色模式图，是屏幕显示的最佳颜色，由红、绿、蓝三种颜色组成...不可分割的意思是它不能够再切割成更小单位抑或是元素，它是以一个单一颜色的小格存在。每一个点阵图像包含了一定量的像素，这些像素决定图像在屏幕上所呈现的大小。...（2）屏幕分辨率屏幕分辨率是显示器上每单位长度显示的点的数目 (DPI)。屏幕分辨率取决于显示器大小及其像素设置。当图像分辨率高于显示器分辨率时，屏幕中显示的图像比实际尺寸大。...（1）采样采样是将空间上连续的图像变换成离散的点，采样频率越高，还原的图像越真实。采样把一幅连续图像在空间上分割成 M×N 个网格，每个网格用一亮度值来表示。一个网格称为一个像素。

1.7K1 0

从初创到BAT，都必须遵守的4个用户体验设计细节

（通过使用进度条让加载过程更自然）空状态我们通常会设计一个丰满的界面，布局中的所有元素都完美的放置，看上去很美。但是如果界面正在等待用户操作，该怎么设计？我要说的就是空状态。...这两种情况下，你都希望用户能做点什么事情，所以，屏幕不会立即变为空状态。 ? 下面是一些设计空状态时的小技巧：给新手用户设计空状态。记住新用户的体验很重要。给他们设计空状态的时候要尽量简单。...这个空状态告诉用户为什么会看到当前界面（因为他们还没有挑战任何朋友）以及如何操作（点击 + 图标）错误状态。如果空状态时由于系统或用户错误，你必须在友好度和帮助度之间寻找一个平衡。...一点小幽默通常可以抹平出错的沮丧，但是更重要的是你要清楚的说明解决问题的步骤。 ? 迷失方向，孤立无援，就像在一个荒岛上？遵从 Azendoo 的建议，保持冷静，点个火，然后继续刷新。...对正在加载的图片，可以用图片中的主色填充一个占位符。 Medium 有一个很棒的图片加载效果。首先载入一个小的模糊图片，然后慢慢转变成大图。 ?

7904 0

WeChat 如何理解rpx

在小程序样式表中，我们绝大多数的长度单位都设置成 rpx，而不是我们常见的 px，使用 rpx 小程序会自动在不同的分辨率下进行转换，而使用 px 为单位则不会UI 同学给我们的视觉稿一般是以 i6 为标准进行设计的...而得到实际的元素尺寸，但在小程序中，可以按 1:1 的转换关系来设置元素尺寸，并能在不同分辨率设备下，保持一定的比例关系，下图是 100px 和 200rpx 的头像在 i6 和 iPad 设备上的显示效果或许其他同学会有疑问...这是因为逻辑分辨率 pt 是按内容尺寸计算的长度单位，其大小和屏幕的尺寸有关；而物理分辨率 px 是按像素点计算的单位，跟屏幕大小没有关系，两者之间的关系为：一个 pt 对应多少个 px，即一个长度里能够包含多少个...px我们无法形容一个点有多大，但能通过点的个数来形容，在 i6 设备下，1 个 pt 包含了 2 个 px，如果不是以 i6 的标准进行做图，视觉稿与 rpx, px 的转换关系就不是整数倍了，计算起来也比较麻烦...，下图是小程序模拟器给出的每种机型的分辨率，需要注意的是，这里的分辨率指的是逻辑分辨率 pt，以 i6 为例，水平方向有 375 个逻辑像素点，而竖直方向有 667 个逻辑像素点，每个逻辑像素点包含 2

1.6K4 0

【移动端网页布局】移动端网页布局基础概念 ⑤ ( 视网膜屏技术 | 二倍图概念 | 代码示例 )

, 可以达到更高的分辨率 , 画面显示效果更好 ; 下图中都是 2x2 像素的 CSS 大小 , 但是在普通屏幕中是 4 个像素点 , 在视网膜屏幕中是 16 个像素点 ; 在普通屏幕中 , 填充...CSS 中的 2x2 像素的大小 , 需要一张 2x2 大小的图片 ; 在视网膜屏幕中 , 如果要填充 CSS 中的 2x2 像素的大小 , 需要一张 4x4 像素大小的图片 ; 在一个 CSS 设置...100x100 像素 ; 实际准备的图片比 CSS 中设置的图片在宽高上都大 2 倍 , 这张图就是二倍图 ; 目前除了二倍图之外 , 还有三倍图 / 四倍图 , 但是主流还是二倍图 ; 二、...二倍图概念 ---- 二倍图（@2x）是指在设计时按照原尺寸大小的 2 倍来创建图像，以便在高分辨率设备上展示更清晰的图像。...这些设备的像素密度比传统的低分辨率设备更高，因此需要更高分辨率的图像来展示清晰的图像效果。对于网页设计师和开发者来说，使用二倍图可以提高图像在高分辨率设备上的清晰度，并提高用户的视觉体验。

6924 0

Android 基本常识

这些常识性的东西呢，都是我在开发指出遇到的，以及后来在开发中个人慢慢理解，今天来做个总结，如有错误，还望指出，相互学习。问题一：dp,px ,sp，dip的区别？...px：我们通常说的手机分辨率比如小米4 是 1920 x 1080 那单位就是px,如果你把手机屏幕放大到一定程度，会看到密密麻麻的小正方形格子，竖列有1920个横列有1080个，这个单位是绝对的,不同的设备不同的显示屏显示效果是相同的...补充：屏幕尺寸也就是手机大小，如苹果iPhone6 Plus 配备5.5 英寸屏幕. 当然dp和px也是有换算关系的：如下图，注：此图是之前查看别人的博客时截取的，已忘记出处，还望见谅。 ?...ldpi：屏幕密度为120的手机设备 mdpi：屏幕密度为160的手机设备（此为baseline，其他均以此为基准，在此设备上，1dp = 1px） hdpi：屏幕密度为240的手机设备 xhdpi...：屏幕密度为320的手机设备 xxhdpi：屏幕密度为480的手机设备如果是320x240的切图，则应该放在drawable-ldpi目录下。

6924 0

Material Design —悬浮响应式按钮（Buttons: Floating Action Button）

悬浮响应式按钮悬浮响应式按钮代表一个应用中最重要的操作。悬浮响应式按钮用于促进操作。就像在UI上方浮动的圆形icon一样，它会在聚焦时改变颜色，并在选择时上浮。...浮动操作按钮有两种尺寸: ·默认大小：对于大多数用例。 ·最小尺寸：只用于创建与其他屏幕元素的视觉连续性。...当屏幕宽度为460dp或更小时，按钮的大小应该从默认的(56dp)变为最小尺寸(40dp)。 ?...跨屏幕横跨多个横向屏幕（例如顶部标签屏幕）的悬浮响应式按钮应该短暂消失，然后如果其动作改变就重新出现（此部分动图见原网站）。...带标签的屏幕在带标签的屏幕上，悬浮响应式按钮不应以与内容相同的方向退出屏幕。

5.8K9 0

5个方法对于重量级网站的图片优化

####1.调整图像大小这是必须的。将图像大小调整为您网站上所需大小的图像。不，我不是在谈论使用CSS或在HTML中调整大小。我正在谈论调整服务器上的图像大小，然后将其发送给浏览器。...这个小的差异，加上很多图像，有可能加快您的网站速度，并减少21％的带宽消耗。最好的方案是让图像服务器只需更改图像URL即可实时调整图像大小到任何给定尺寸。...[image.png] 在不同质量水平下相同编码的图像之间的比较。图像在视觉上几乎相似但具有不同的尺寸。在不同质量水平下相同编码的图像之间的比较。图像在视觉上几乎相似但具有不同的尺寸。...移动设备的另一个影响因素是设备像素比率或DPR值。现代移动电话具有高密度屏幕，在相同的平方英寸中包含更多像素。 [image.png] 在常规设备上看起来很好的图像在高密度屏幕上看起来会略微模糊。...对此的解决方案是在具有DPR 2的屏幕上加载2x尺寸的图像，在具有DPR 3的屏幕上加载3x图像并且在其他设备上加载普通图像1x尺寸的图像。这也可以使用如下所示的响应图像标签来完成。

1.6K2 0

Qml开发中的性能Tips(翻译文)

1.关于图像性能Tips 1.1 位图格式对比矢量图格式 Qt支持任何标准图像格式，包括PNG和JPEG等位图格式，以及SVG等矢量图形格式。与位图图像相比，渲染SVG图像很慢。...通过网络资源(例如HTTP)加载的图像始终是异步加载的。 1.3 避免调整和缩放调整大小/缩放是QML中非常繁重的操作。使用原始大小的图像，而不是调整大小图像的大小/缩放大小。...图像在内部进行缓存和共享，因此如果多个图像元素使用相同的源，则只加载图像的一个内存。 1.5 仅在必要时启用Image的smooth属性启用smooth属性对性能不利。...如果您确实需要启用Image的smooth属性，请在动画开始时禁用平滑处理，并在动画结束时重新启用它(仅当图像在屏幕上静止时，缩放瑕疵才可见)。...如果图像源的属性定义为string，则需要转换，实际上它应该是url属性。

5K3 2

移动应用界面设计的尺寸规范「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。移动应用的界面设计画布尺寸设计多大（特别是Android）、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现？...一、android篇 1、android分辨率屏幕尺寸指实际的物理尺寸，为屏幕对角线的测量。为了简单起见，Android把实际屏幕尺寸分为四个广义的大小：小，正常，大，特大。...方法二：以最高分辨率为基准设计，然后缩小适应到所需的小分辨率上。缺点是，图标等若都最大尺寸，加载时速度慢且耗费流量较多，对于小分辨率的用户也不够好。...如果你设计的元素高和宽至少48dp，你就可以保证：（1）触摸目标绝不会比建议的最低目标（7mm）小，无论在什么屏幕上显示。（2）在整体信息密度和触摸目标大小之间取得了一个很好的平衡。...手机上看来同一大小的字磅值是一样的，但是换算成不同分辨率手机的字号px值不一样。

5.3K2 0

一个创建产品动画说明视频的新手指南

文件夹(folders)内的层会导致问题(至少在本教程中是这样)。确保你命名你的图层 - 这样做真的将在以后帮助。我的文档大小是3840px x 2160px。...使播放头（较大的蓝色，向下的箭头，您可以像在视频上一样从第二个标记拖动到左侧）为零，单击不透明度左侧的秒表，然后通过键入将值设置为0％它或单击并拖动标记直到其达到零。 ?...选择所有图层并在时间轴上完全缩小，将鼠标悬停在彩色条的右侧。你应该得到一个调整大小的句柄。点击并拖动到时间轴的右侧。每层现在应该持续30秒。...我们希望它在左上角，所以在时间轴面板上的光标层上点击“转换”卷展栏（我们之前使用的小箭头）。在 Anchor Point（“ 锚点”）属性中，将这两个值更改为零（这些表示相对于图层的x和y坐标）。...在这一点上，我建议花一些时间回顾一下简单的设置，使用关键帧上的图形编辑器，以及收紧时间和位置。您可以添加背景颜色，动画文本来解释每个场景等。

3K1 0

iOS开发之性能优化

小：安装包小可以降低用户的安装成本。一、快应用启动慢，使用时经常卡顿，是非常影响用户体验的，应该尽量避免出现。卡顿的场景有很多，按场景可以分为4类：UI 绘制、应用启动、页面跳转、事件响应。...引起卡顿的原因很多，但不管怎么样的原因和场景，最终都是通过设备屏幕上显示来达到用户，归根到底就是显示有问题，根据iOS 系统显示原理可以看到，影响绘制的根本原因有以下两个方面： 1.绘制任务太重，绘制一帧内容耗时太长...主线程太忙则需要注意了，主线程关键职责是处理用户交互，在屏幕上绘制像素，并进行加载显示相关的数据，所以特别需要避免任何主线程的事情，这样应用程序才能保持对用户操作的即时响应。...四、小应用安装包大小对应用使用没有影响，但应用的安装包越大，用户下载的门槛越高，特别是在移动网络情况下，用户在下载应用时，对安装包大小的要求更高，因此，减小安装包大小可以让更多用户愿意下载和体验产品。...supportLineBreakNewLine endif 减少离屏渲染离屏渲染指的是在图像在绘制到当前屏幕前，需要先进行一次渲染，之后才绘制到当前屏幕。

1K0 0

像素终极作战指南

我知道每次机械化输入的这些数字代表什么吗?我知道哪些设定才真的影响一个文档的大小吗?? 我似乎知道又似乎什么都不知道。...所以我用了三天，搜遍了大美利坚的论坛博客，在我的屏幕上量来量去，终于觉得有人提壶灌了我的顶。...这句话的前半部分是对的，但是后半部分给出的理由是错误的。Web用图确实只用设置死像素值就可以了，因为浏览器只会读取这个数值。既然是只会读取像素值，那又是哪里来的浏览器只能读取72ppi图片的概念?...iOS APP设计图的设置为640x960px，72ppi，RGB，在UI设计师把设计图交给程序员时，最好在设计图上进行以下内容的标注：字体大小(以像素为单位)，文字图标等元素的像素位置，选中和展开的状态和位置...还有一个细节问题是如何在屏幕上精确的得到iPhone的实际大小?

6242 0

将Kail安装到U盘(移动硬盘上),失败了

即可，Persistence分区取决于将要安装到操作系统的软件大小，其余的空间保留为普通U盘使用 ?...我全部格式化为Fat32,不知道行不行. ? ? ? 然后关机设置U盘启动. 坑的开始... 一开始是Hp 2570P死活设置不了U盘启动,只能用dell. F12看下图设置 ?...这个屏幕啊,一言难尽,镜子一样我只能这样拍了 ? 手机离屏幕4厘米拍摄 ? 别问为什么这么小,问就是4K在搞鬼 ? 选persistence ? 我好像又出镜了...这个页面我进不去....这个地方卡住了,扫描完以后,慢慢屏幕变暗.我怎么也亮不了. ? 我强行"卡"出来一个界面,红色地方大致是一个磁盘挂载错误的意思. ?...我超喜欢吹彩虹屁的朋友,在我"逆境"时,可劲儿吹. ---- 文章也写的仓促,错误肯定是不可避免的.而且据我查资料.这种安装方式,速度不是那么理想.所以该怎么办呢?

1.3K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

获取屏幕上正在显示的activity 博客分类： Android小技巧

【前端】移动端Web开发学习笔记【1】

px、em、rem区别 pt ppi dpi vw vh

移动端与PC端页面布局区别、background-size 背景图片的缩放

详细的聊一聊如何使用响应式图片，提升网页加载速度

技巧 | view-port 那些事儿

为什么你的应用需要对各种尺寸屏幕做适配优化？

图像处理基础知识--建议掌握

从初创到BAT，都必须遵守的4个用户体验设计细节

WeChat 如何理解rpx

【移动端网页布局】移动端网页布局基础概念 ⑤ ( 视网膜屏技术 | 二倍图概念 | 代码示例 )

Android 基本常识

Material Design —悬浮响应式按钮（Buttons: Floating Action Button）

5个方法对于重量级网站的图片优化

Qml开发中的性能Tips(翻译文)

移动应用界面设计的尺寸规范「建议收藏」

一个创建产品动画说明视频的新手指南

iOS开发之性能优化

像素终极作战指南

将Kail安装到U盘(移动硬盘上),失败了

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐