文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Android图片资源

包括图片文件的文件组织，nine-path图片，系统选择不同设备针对的图片时的规则等。...它是一个虚拟的像素单位，以像素无关的方式来表示UI元素的尺寸和位置。 设备最终显示时，UI上的任何元素都是需要一个具体的像素值的，那么dp是如何转换为最终的像素值的？...正如DIP它的名字，它表示一种逻辑单位，和实际pxiel之间存在着转换关系，系统会自动在不同设备像素密度时把以dp为单位的大小缩放为合适的具体像素值。...例如，设备像素密度为ldpi，应用提供了hdpi的图片，那么系统会选择对hdpi的图片缩放0.5。...如果不指定，那么系统以边长除去两边一像素的线段作为填充区域的线段。 ? 由于Nine-patch图片的特殊使用方式，应该注意它的最小尺寸，保证有一个点的可拉伸区域。

1.7K100
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    三星折叠屏开发者设计指南揭秘

    详细适配方法请参考： 屏幕最大纵横比适配指导。 3.2 优化内外屏布局 可折叠移动设备中，应用程序可以运行在大小不同的显示屏幕中，我们首先建议添加一个单独的资源文件夹来展示更丰富更清晰的内容。...例如：单窗格(默认)布局：res/layout/main.xml 双窗格布局：res/layout-large/main.xml (目录名称中的large为限定符) 可拉伸图片，由于布局可拉伸以适应不同的屏幕...应用连续性 应用连续性是折叠屏手机的一大亮点，当在外屏和内屏之间切换时，应用保持运行状态，并会自动调整大小以匹配新的布局。...image 3）选择设备 平板电脑> Nexus 10 ? image 4）选择系统镜像 可选择Android9.0开源项目镜像（可下载） ?...image 或者选择Android 9.0 Google镜像（可下载） ? image 5）配置方法 选择Portrait，其他使用默认值 ? image 6）运行AVD ? image 3.

    5.8K40

    如何打造一个高效适配的H5

    1、contain 模式：以内容中心为基点按照视觉稿的宽高比缩放以适配窗口显示全页面内容，窗口与内容的宽度比或高度比之间较小者缩放填满窗口，当窗口宽高比和视觉稿不同时，另一方向的两侧出现留空部分。...2、cover 模式：以内容中心为基点按照窗口的宽高比等比缩放以适配窗口，窗口与内容的宽度比或高度比之间较大者缩放填满窗口，当窗口宽高比和视觉稿不同时，另一方向的两侧超出窗口被裁剪，这种模式不会出现「contain...3、fill 模式：以内容中心为基点页面拉伸填充满整个窗口以适配窗口，当窗口宽高比和视觉稿不同时，内容一定程度上被拉伸 ?...下面分别来介绍我在项目中的对于适配的思考和选择以及实现方法。...从易用性看，「fill 模式」可以精确适应窗口区域，但从视觉体验上看，宽高不等比例的拉伸会造成图片失真，同时该层的主要内容及交互操作集中在中部，不重要的边缘可以适当被裁 剪，故这里选择「cover 模式

    1.6K50

    046android初级篇之android多分辨率兼容

    layout 在res目录下建立layout-port和layout-land两个目录，里面分别放置竖屏和横屏两种布局文件，以适应对横屏竖屏自动切换。...:layout_width和android:layout_height的值时，wrap_content，match_parent或dp比px更好，文字大小应该使用sp来定义。...在程序的代码中不要出现具体的像素值，在dimens.xml中定义； 为了使代码简单，android内部使用pix为单位表示控件的尺寸，但这是基于当前屏幕基础上的。...9-patch PNG图片也是一种标准的PGN图片，在原生PNG图片四周空出一个像素间隔，用来标识PNG图片中哪些部分可以拉伸、哪些不可以拉伸、背景上的边框位置等。...只需要在res目录下创建不同的layout文件夹，比如：layout-640x360、layout-800x480……所有的layout文件在编译之后都会写入R.Java里，而系统会根据屏幕的大小自己选择合适的

    90820

    Cocos——UI多端适配之道

    标题栏上的倒计时、题干与最小化按钮的贴边距离在各端各不相同 选项背景图需根据选项长度自动拉伸，同时保证两侧圆角不被拉伸 如果这种适配方案采用CSS实现的话，肯定少不了一大堆的媒体查询，作为前端同学来说...但是在第一张设计稿图中，设计同学要求 PC 端要占据更多的背景区域，同时其中节点的大小也与 iPhone7 中节点的大小保持相同，以保证 PC 端题目显示的美观，这个时候我们就需要单独对 PC 端的情况做适配...，这样无论选项如何拉伸，四个圆角始终能够保持原始状态，不会因为选项长度的变化而缩放拉伸。...九宫格切割注意事项 通常来说设计同学提供切图时会提供切图的一倍图、二倍图和三倍图，选择选项按钮切图的时候最好选择跟设计分辨率下按钮大小相近的倍图。...如果选择一倍图做九宫格切割，由于一倍图的尺寸过小，四个圆角也会变得很小，如下图： 如果选择三倍图做九宫格切割，由于三倍图尺寸过大，四个圆角也会变得很大，如下图： ---- 参考文章 多分辨率适配方案

    3K30

    Android适配全面总结（一）----屏幕适配

    使用普通的图片将无法实现这个效果,因为运行时会对图片均匀地拉伸或压缩。...解决方案：使用自动拉伸位图（nine-patch图片），后缀名是.9.png，它是一种被特殊处理过的PNG图片，设计时可以指定图片的拉伸区域和非拉伸区域；使用时，系统就会根据控件的大小自动地拉伸你想要拉伸的部分...根据不同屏幕密度，控件选择对应的像素值大小。解决方法是： **百分比适配。...2.对应分辨率的图片要正确的放在合适的文件夹，否则会造成图片拉伸等问题。 图片资源适配的 缺点： 1. 每套分辨率出一套图，为美工或者设计增加了许多工作量 2....下面我们就来介绍这个方法： 只需选择唯一一套分辨率规格的图片资源。 xhdpi 应该是首选。

    4.6K50

    详解LayaAir引擎游戏屏幕适配，及有效抗锯齿

    而我们进行屏幕适配时，表达方式会有所不同，会以屏幕宽的像素数量 × 屏幕高的像素数量这样来体现。例如 iPhone8在默认的竖屏状态下，物理分辨率表达为750 × 1334。...基于性能优先的原则，通常开发者都会选择分辨率小一些的作为主效果设计，然后向其它比例屏幕进行适配。比如：常见的宽750高1334或宽720高1280。 以上宽高描述是指竖屏模式设计，横屏需反过来。...本节以LayaAirIDE创建的2D示例项目为例，将设计宽高调整为750×1334的竖屏界面，分别就各个适配模式对比不同机型进行讲解。...在适配对比的机型选择方面，iPhone4的640 × 960代表老旧机型，宽高比为1.5，只是为了对比适配效果。...3.1.3 强行拉伸全屏模式exactfit exactfit是一种不等比的全屏拉伸适配模式，画布宽高与舞台宽高会等于游戏设计宽高 。然后完全不考虑比例强行缩放至逻辑宽高全屏。

    8.3K163

    如何打造一个高效适配的H5

    1、contain 模式：以内容中心为基点按照视觉稿的宽高比缩放以适配窗口显示全页面内容，窗口与内容的宽度比或高度比之间较小者缩放填满窗口，当窗口宽高比和视觉稿不同时，另一方向的两侧出现留空部分。...2、cover 模式：以内容中心为基点按照窗口的宽高比等比缩放以适配窗口，窗口与内容的宽度比或高度比之间较大者缩放填满窗口，当窗口宽高比和视觉稿不同时，另一方向的两侧超出窗口被裁剪，这种模式不会出现「contain...3、fill 模式：以内容中心为基点页面拉伸填充满整个窗口以适配窗口，当窗口宽高比和视觉稿不同时，内容一定程度上被拉伸。 ?...下面分别来介绍我在项目中的对于适配的思考和选择以及实现方法。...从易用性看，「fill 模式」可以精确适应窗口区域，但从视觉体验上看，宽高不等比例的拉伸会造成图片失真，同时该层的主要内容及交互操作集中在中部，不重要的边缘可以适当被裁 剪，故这里选择「cover 模式

    1.2K40

    iPhone屏幕分辨率及适配技术

    逻辑分辨率和物理分辨率 逻辑分辨率以point（pt）为单位，物理分辨率以pixel（px）为单位。 区分逻辑分别率和物理分辨率是因为在早期iPhone 3GS之前，iOS绘制图形以point为单位。...在iPhone 3GS上，缩放因子为1（以“@1x”来表示）。在iPhone 4上，缩放因子为2（以“@2x”来表示）。...PPI值越高，意味着有更细腻的画面。 ? 较低PPI的屏幕看起来有颗粒感。但是当PPI值到达一定程度后，再继续提升肉眼就分别不出来了。这就是苹果提出的Retina显示屏的概念。...如图可以看出，autoResizing可以设置如下关系： 相对于父控件固定顶距离； 相对于父控件固定底距离； 相对于父控件固定左距离； 相对于父控件固定右距离； 跟随父控件横向拉伸； 跟随父控件纵向拉伸...目前适配策略是先选择iPhone 6作为基准设计尺寸，然后通过一套适配规则自动适配到另外两种尺寸。这套适配规则总结起来就一句话：文字流式，控件弹性，图片等比缩放。 ?

    4.7K20

    Weex 开发新手上路 - (2) 前端避坑篇

    仅支持单 class 选择器，不支持样式继承 Weex 样式内不支持标签选择器、属性选择器、ID选择器、后代和子层级选择器、相邻选择器，以及 CSS3 中增加的各种计数选择器等。...只支持 px 单位，不支持百分比宽高 根据官方文档的描述，我们知道 Weex 内只能使用像素值单位 px。...默认纵向布局，子元素拉伸填充侧轴 Weex 中支持且仅支持 flexbox 布局方式。但你会发现，在不指定 flex-direction 属性的时候内部元素是纵向布局的。...而且不设置子元素的宽度，父元素的 align-items 为默认的 stretch 时，子元素将自动拉伸填充侧轴宽度。...多行等分布局问题 之前说过，默认子元素侧轴拉伸对齐的情况下，不设置子元素宽度即可实现宽度 100% 的适配。

    1.1K20

    【知识普及】平板的屏幕分辨率和屏幕比例_和平精英平板分辨率

    2) layout 在res目录下建立layout-port和layout-land两个目录，里面分别放置竖屏和横屏两种布局文件，以适应对横屏竖屏自动切换。...:layout_width和android:layout_height的值时，wrap_content，match_parent或dp比px更好，文字大小应该使用sp来定义。...2) 在程序的代码中不要出现具体的像素值，在dimens.xml中定义； 为了使代码简单，android内部使用pix为单位表示控件的尺寸，但这是基于当前屏幕基础上的。...9-patch PNG图片也是一种标准的PGN图片，在原生PNG图片四周空出一个像素间隔，用来标识PNG图片中哪些部分可以拉伸、哪些不可以拉伸、背景上的边框位置等。...只需要在res目录下创建不同的layout文件夹，比如：layout-640×360、layout-800×480……所有的layout文件在编译之后都会写入R.java里，而系统会根据屏幕的大小自己选择合适的

    7.4K20

    Android-.9图详解

    Android设备适配，图片方面很重要的一部分就是.9图的使用了，我们今天就来记录一下。 1. 什么是.9.png图片，和普通png图片的区别？...这也就是说.9.png的制作实际上就是我们在这1px的边框上按我们的需求,把对应位置设置为黑线，然后系统帮我们自动拉伸了。 2. .9图四个边的黑线(黑点)的意义？...正常图片都有四个边,.9图的左上(左边和上边两条边)表示可以拉伸区域,其中上面黑线(或者点)表示横向可拉伸的区域;左边黑线(或者点)表示纵向可拉伸的区域.在图片拉伸时只有黑线区域内的图像会被拉伸，黑线两边的图像保持原状...如果是studio直接以.9.png为后缀,双击编辑进入图片界面,选择左下角的9-patch即可开始制，或者图片右击在列表选则Create 9-Patch file即可。...2.说明一下：图片下方的showcontent如果勾选上，会看到右侧的小图中出现蓝色的区域，代表的是可以自动 拉伸的部分。

    3.9K20

    有效解决3D游戏边缘锯齿现象及全面理解LayaAir引擎游戏屏幕适配！

    而我们进行屏幕适配时，表达方式会有所不同，会以屏幕宽的像素数量 × 屏幕高的像素数量这样来体现。例如 iPhone8在默认的竖屏状态下，物理分辨率表达为750 × 1334。...画布宽高的值对画面最终的清晰度以及性能都会产生影响，甚至边缘锯齿或画面模糊也与此处画布宽高值有关。...本节以LayaAirIDE创建的2D示例项目为例，将设计宽高调整为750×1334的竖屏界面，分别就各个适配模式对比不同机型进行讲解。...在适配对比的机型选择方面，iPhone4的640 × 960代表老旧机型，宽高比为1.5，只是为了对比适配效果。...3.1.3 强行拉伸全屏模式exactfit exactfit是一种不等比的全屏拉伸适配模式，画布宽高与舞台宽高会等于游戏设计宽高 。然后完全不考虑比例强行缩放至逻辑宽高全屏。

    3.1K10

    【Android】实现聊天背景框效果

    > （3）有无设置 Weight 效果对比 （4）注意点 设置过权重的控件，建议把对应的宽或者高，指定成0dp； 避免空间叠加计算：如果不设置为 0dp ，比如设置为 wrap_content 或固定值（...如 100dp ），控件本身先占据了一部分空间，然后权重分配又会基于剩余空间再去分配，就不准了；这样做也是为了统一计算基准 适配不同屏幕：在多屏幕适配场景下，设置 0dp 结合权重的方式，能更好地让布局根据屏幕可用空间灵活调整...——我们拿background要做的事情：背景图片和TextView做关联 4：textColor设置字体颜色 设置字体颜色——不熟悉——菜就多练 三：.9图片 1：问题引入 尖角这一块会随着聊天框的拉伸而拉伸...，这显然是不合理的兄弟，于是我们引出.9图片 2：创建.9图片 这里在drawable文件夹下面，选择一张png（目前来看只支持png）作为底子，创建一张.9图片 3：.9图片的三种拉伸效果 从上至上依次是...：竖直拉伸，横向拉伸，竖直横向拉伸 4：设置拉伸区域 看到那条黑色的线了嘛，这代表我们划分出来的拉伸的区域

    19910

    Android碎片化之屏幕适配

    dip：或者叫dp，这是Android开发中特有的一种度量，称作屏幕无关像素，它不表示任何具体的长度或者像素点，这个值只有在具体屏幕密度的手机上，才会被转换为具体的像素值。这个时候才会有实际意义。...百分比适配方法，步骤如下： 以某一分辨率为基准，生成所有分辨率对应像素数列表 将生成像素数列表存放在res目录下对应的values文件下 根据UI设计师给出设计图上的尺寸，找到对应像素数的单位，然后设置给控件即可...步骤1：以某一分辨率为基准，生成所有分辨率对应像素数列表 现在我们以320x480的分辨率为基准： 将屏幕的宽度分为320份，取值为x1~x320 将屏幕的高度分为480份，取值为y1~y480 然后生成该分辨率对应像素数的列表...即一套分辨率=一套位图资源（这个当然是Ui设计师做了） 步骤2：将生成的图片文件放在 res/ 下的相应子目录中(mdpi、hdpi、xhdpi、xxhdpi)，系统就会根据运行您应用的设备的屏幕密度自动选择合适的图片...注：如果是.9图或者是不需要多个分辨率的图片，放在drawable文件夹即可，对应分辨率的图片要正确的放在合适的文件夹，否则会造成图片拉伸等问题。

    1.6K30

    Carson带你学Android：最全面、最易懂的屏幕适配解决方案

    layout/main.xml（单面板）布局 （这个选择过程是Android系统自动选择的） 使用布局别名 设想这么一个场景 当你需要同时为Android 3.2版本前和Android 3.2版本后的手机进行屏幕尺寸适配的时候...onepane_with_bar false 可为resources设置bool，通过获取其值来动态判断目前已处在哪个适配布局...使用普通的图片将无法实现上述功能,因为运行时会均匀地拉伸或压缩你的图片 解决方案：使用自动拉伸位图（nine-patch图片），后缀名是.9.png，它是一种被特殊处理过的PNG图片，设计时可以指定图片的拉伸区域和非拉伸区域...即根据不同屏幕密度，控件选择对应的像素值大小 接下来介绍一种方法：百分比适配方法，步骤如下： 以某一分辨率为基准，生成所有分辨率对应像素数列表 将生成像素数列表存放在res目录下对应的values文件下...： 保证屏幕密度适配 可以最小占用设计资源 使得apk包不变大（只使用一套分辨率的图片资源） 下面我们就来介绍这个方法： 只需选择唯一一套分辨率规格的图片资源 方法介绍 1.

    2.3K11

    CSS 常用样式集锦

    七、单词换行（word-break） 作用：控制单词在何处断开以适应容器。 可选值： normal：使用默认的断行规则。 break-all：允许在单词内任意位置断行。...可选值： ellipsis：显示省略号表示溢出的文本。 十、图片适配（object-fit） 作用：控制图片在其容器中的适配方式。...可选值： contain：图片会被缩放，以保证图片完整显示，可能会在容器内留下空白。 cover：图片会被缩放，以完全覆盖容器，可能会裁剪部分图片。...fill：图片会被拉伸以填满容器，可能会导致图片变形。 none：图片保持其原始大小，可能会超出容器。...scale-down：图片会被缩放，直到不超过容器的尺寸，类似于 contain，但会选择较小的尺寸。

    78611
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券