密度无关像素等于 160 dpi 屏幕上的一个物理像素，这是 系统为“中”密度屏幕假设的基线密度。在运行时，系统 根据使用中屏幕的实际密度按需要以透明方式处理 dp 单位的任何缩放 。...在定义应用的 UI 时应始终使用 dp 单位 ，以确保在不同密度的屏幕上正常显示 UI。...支持每种密度的 位图可绘制对象的相对大小 适配方案 密度独立性 应用显示在密度不同的屏幕上时，如果它保持用户界面元素的物理尺寸（从 用户的视角），便可实现“密度独立性” 。...例如，如果设备的屏幕上有一些永久性 UI 元素占据沿 smallestWidth 轴的空间，则系统会声明 smallestWidth 小于实际屏幕尺寸，因为这些屏幕像素不适用于您的 UI。...推荐使用的办法就是只提供最大尺寸的切图，xxhdpi 的高清图, 然后可以交给安卓工程师自己去缩放适配其他分辨率。
在继续在 Flutter 中构建响应式布局之前，我想说明一下 Android和iOS如何处理不同屏幕尺寸的原生布局。...安卓方法 为了处理不同的屏幕尺寸和像素密度，Android 中使用了以下概念： 1. 约束布局 在 Android 世界中引入的用于 UI 设计的革命性工具之一是?ConstraintLayout。...它可用于创建适应不同屏幕尺寸和尺寸的灵活且响应迅速的 UI 设计。ConstraintLayout 允许您根据与布局中其他视图的空间关系为每个视图指定位置和大小。...这也适用于像智能手表这样的设备，它们的屏幕空间很小，调整组件大小以适应屏幕大小可能会导致奇怪的 UI。 2. 替代布局 为了解决上述问题，您可以为不同尺寸的设备使用替代布局。...[ 在 Android 中，您可以为不同的屏幕尺寸定义 单独的布局文件，Android 框架会根据设备的屏幕尺寸自动处理这些布局之间的切换。![ ?随时了解应用开发新闻 3. 片段 使用?
MotionLayout 是ConstrainLayout 2.0库中被引入的一个新类，帮助安卓开发者关联手势和组件动画。接下来的文章将介绍会如何在应用中添加和使用MotionLayout。...安卓系统框架中已经提供下面几种方法在应用中使用动画： 动画矢量Drawable 属性动画框架 LayoutTransition动画 使用TransitionManager进行布局转换 CoordinatorLayout...[strip] 最后，作为ConstrainLayout 2.0的一部分，它最低支持安卓API 14,99.8％的设备都可以使用。...何时使用MotionLayout 我们设想到的使用MotionLayout的使用场景：当你需要移动，缩放或者动画实际的UI组件（按钮，标题栏等）来提供与用户的互动时。...： [strip] 示例1：关联布局文件 需要你使用ConstrainLayout创建³³两个ConstrainSet一个的英文初始位置（组件在屏幕的左面）一个是结束位置（组件在屏幕的右边） 初始位置：
前言 折叠屏设备从展开到折叠的切换过程中，同一个设备可能出现多种屏幕尺寸的使用状态。...这让开发者在应用程序适配中面临着不小的挑战，比如说屏幕难以完美适配，导致的UI错位以及反应迟缓等体验性问题，本文将从app设计和开发过程中给出支持不同屏幕尺寸和像素密度建议指导，确保应用界面能够在各类屏幕上美观的呈现...一 应用resizeable能力支持 本节概述了这些主题以及 Android 上已有的可用功能，以帮助您的应用进行相应调整。支持不同屏幕尺寸，确保您的应用界面在不同的屏幕尺寸下可以全屏的显示。...为了防止情况2）的出现，您可以通过安卓受限屏幕的能力来配置您的应用可以支持的屏幕比例范围，结合未来设备可能的形态，我们建议您对屏幕尺寸支持的最小范围为 1:1 到 2.4 之间，这也是安卓目前对应用开发者的建议...应用界面正确、美观的布局和显示，包含如下： 1）确保您的布局能够根据屏幕适当地调整大小 2）根据屏幕配置提供合适的UI 布局 3）确保对正确的屏幕应用正确的布局 4）提供可正常缩放的位图 详细信息请参阅
1.为什么提供不同设备配置的资源文件 除代码外，资源文件也是安卓程序中必不可少的部分，如图片、布局文件，甚至是音频、视频等原始多媒体文件。不同于代码文件的是，UI资源文件是和设备的显示器密切相关的。...目前，Android设备的配置种类繁多——不同的屏幕尺寸，分辨率，以及用户使用时的不同的屏幕方向等。为了让自己的程序运行在多种不同的尺寸上都表现良好，Android系统提供了很多有用的方式。...2.6 DP的使用 对于Android开发，布局文件中可以使用px（pixel像素）这样的绝对单位，而更多情况下，根据Android开发的适配方式，应使用的UI元素的大小单位是“dp”即“dip”，device...它是一个虚拟的像素单位，以像素无关的方式来表示UI元素的尺寸和位置。 设备最终显示时，UI上的任何元素都是需要一个具体的像素值的，那么dp是如何转换为最终的像素值的？...以dp为尺寸和位置，使得UI元素在不同屏幕上拥有一致的表现。原理就是“等比缩放”，方式就是dp，dp的概念和对应px的计算方式如上面所记。
上次说了SVG在安卓中的应用，在我们安卓系统中SVG就是Vector Drawable，Vector除了显示SVG图片外，还可以做动画效果，效果如下： 首先我们需要一张vector图片 在xml中为如下...path 元素一共包含如下属性： android:name 定义该 path 的名字，这样在其他地方可以通过名字来引用这个路径 android:pathData 和 SVG 中 d 元素一样的路径信息...(intrinsic)宽度,支持所有 Android 系统支持的尺寸，通常使用 dp android:height 定义该 drawable 的内部(intrinsic)高度,支持所有 Android...系统支持的尺寸，通常使用 dp android:viewportWidth 定义矢量图视图的宽度，视图就是矢量图 path 路径数据所绘制的虚拟画布 android:viewportHeight...android:alpha 该图片的透明度属性 有时候我们需要对几个路径一起处理，这样就可以使用 group 元素来把多个 path 放到一起。
[1497421524435_9097_1497421524624.jpg] 0、问题的引出 提到移动设备开发，最先让人想起的是苹果和安卓，以及他们那些令人头疼的多屏幕适配。...所以说，移动端web开发面临的最大问题就是就是多屏适配，这是一个设计师、开发和测试都要面临的问题，如何做到在不同分辨率，不同屏幕密度上的手机上，同样大小的UI元素，看起来是一样大的。...说白了就是同一套代码在不同分辨率的手机上跑时，页面元素间的间距，留白，以及图片大小会随着变化，在比例上跟设计稿一致。 1、一些概念 在解决问题之前，先了解一些概念。...设备独立像素(dp，density-independent pixel) 设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素(比如: css像素...下面是iphone系列各个宽高及像素比： 安卓的屏幕尺寸更加多样，分辨率有很多种，相应地，设备像素比也不一致，有1、1.5、2、2.25、3等等。也有1.5倍图等概念。
论文组有同学在开发安卓端的App，结合自己实习和自学的经验，写篇小东西简单介绍下安卓端App设计的基础知识吧～ 1. 分辨率 要做安卓端的UI设计，首先比较了解安卓机的各种分辨率。...针对不同的分辨率，在PS中设置对应大小的画布，就可以开始着手设计了。 当为不同分辨率的手机设计时，该怎么开始呢？ 理想的方法是每种分辨率做一套设计稿，包括所用到的Icon以及设计稿标注。...另一个办法是从设备的最大尺寸开始，然后缩小，并适应到所需的最小屏幕尺寸。...触摸目标绝不会比建议的最低目标（7mm）小，无论在什么屏幕上显示。 （2）. 在整体信息密度和触摸目标大小之间取得了一个很好的平衡。 而每个UI元素之间的空白通常是8dp....简单理解的话，px（像素）是我们UI设计师在PS里使用的（不解释），同时也是手机屏幕上所显示的，dp是开发写layout的时候使用的尺寸单位。
RPC 在分布式系统中的系统环境建设和应用程序设计中有着广泛的应用。 编译方式 安卓系统为了解决跨平台、跨终端问题需要依赖虚拟机，将代码通过虚拟机编译成机器码从而抹平平台和硬件交互的差异。...在危险的边缘试探——方舟编译器环境支持的新浪新闻极速版 APP 分析[2] APP 开发 对于安卓系统来说，开发不同的平台的 APP 需要不同代码，而鸿蒙系统借助于多终端开发 IDE，做到多平台的 APP...从手机操作系统来看 当前的鸿蒙 OS2.0 很大程度上只是基于 AOSP 的二次开发，并提供了一个以 Ability 为核心的应用开发框架，使其可以屏蔽不同操作系统的差异，使开发的代码可以在不同操作系统中运行...: 逻辑像素 px（文档中以表示）： 默认屏幕具有的逻辑宽度为 720px ，实际显示时会将页面布局缩放至屏幕实际宽度，如 100px 在实际宽度为 1440 物理像素的屏幕上，实际渲染为...额外配置 autoDesignWidth 为 true 时，逻辑像素 px 将按照屏幕密度进行缩放，如 100px 在屏幕密度为 3 的设备上，实际渲染为 300 物理像素。
其方便快捷的开发调试和可视化UI编辑可以令安卓开发事半功倍。...DISTRIBUTION表示如果支持该安卓版本以上设备，则预估能支持安卓设备占所有安卓设备的百分比。...解决方案一般就是启动异步线程进行处理，UI线程和网络请求就分离开了，各干各的。但这之间如何通信呢，或者说网络请求结束，不管成功失败，如何告诉UI线程？这将在3.3.3 Handler消息处理中提到。...3.3.3 Handler和消息处理 上节中提到，不同线程间如何通信，Handler就是一个易用的方案。...同样的，这样的理念也可以运用到有着多种网络请求的场景中，使用工厂模式和适配器理念，将网络请求返回结果适配到实体类对象或UI视图里，这对于降低耦合度和提高多态性是很有帮助的。 4.
css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的。...在早先的移动设备中，屏幕像素密度都比较低，如iphone3，它的分辨率为320x480，在iphone3上，一个css像素确实是等于一个屏幕物理像素的。...，因为它使用了Retina屏幕，他的dpr是2，所以iPhone 6 的物理像素为 750 1334 在不同的屏幕上(普通屏幕 vs retina屏幕)，css中1px所呈现的大小(物理尺寸)是一致的...由于浏览器菜单栏属于系统软件权限，没发控制，我们可以通过js控制ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放页面的情况 em 本人在实际开发过程中并没有使用过em...的设备（iPhone6Plus）时，这个宽度375px的div就无法铺满这个屏幕，同样的当换一个iPhone5（320px），又会出现滚动条，安卓机的宽度更是五花八门，使用media媒体查询不靠谱，因为它不能覆盖所有的机型宽度
css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的。 在为桌面浏览器设计的网页中，我们无需对这个津津计较，但在移动设备上，必须弄明白这点。...在早先的移动设备中，屏幕像素密度都比较低，如iphone3，它的分辨率为320x480，在iphone3上，一个css像素确实是等于一个屏幕物理像素的。...，因为它使用了Retina屏幕，他的dpr是2，所以iPhone 6 的物理像素为 750 * 1334 在不同的屏幕上(普通屏幕 vs retina屏幕)，css中1px所呈现的大小(物理尺寸)是一致的...由于浏览器菜单栏属于系统软件权限，没发控制，我们可以通过js控制ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放页面的情况 em 本人在实际开发过程中并没有使用过em...的设备（iPhone6Plus）时，这个宽度375px的div就无法铺满这个屏幕，同样的当换一个iPhone5（320px），又会出现滚动条，安卓机的宽度更是五花八门，使用media媒体查询不靠谱，因为它不能覆盖所有的机型宽度
安卓原生的话有自己的适配规则，可以根据不同的尺寸建立不同的文件夹，系统会根据当前的设备尺寸取对应的大小的布局。...: ^0.4.2 在每个使用的地方导入包： import 'package:flutter_screenutil/flutter_screenutil.dart'; 初始化设置尺寸 在使用之前请设置好设计稿的宽度和高度...，传入设计稿的宽度和高度(单位px) 一定在MaterialApp的home中的页面设置(即入口文件，只需设置一次),以保证在每次使用之前设置好了适配尺寸: //设置适配尺寸 (填入设计稿中设备的屏幕尺寸.....init(context); 使用： 适配尺寸： 传入设计稿的px尺寸： 根据屏幕宽度适配 width: ScreenUtil().setWidth(540), 根据屏幕高度适配 height...UI上一屏的高度与实际中显示一样时使用.
乔布斯在iPhone4的发布会上首次提出了Retina Display(视网膜屏幕)的概念，在iPhone4使用的视网膜屏幕中，把2x2个像素当1个像素使用，这样让屏幕看起来更精致，但是元素的大小却不会改变...（记得上面的知识点吗，设备的像素大小是不固定的），这样如果在尺寸比较大的设备上，1px渲染出来的样子相当的粗矿，这就是经典的一像素边框问题 如何解决 核心思路，就是 在web中，浏览器为我们提供了window.devicePixelRatio...是把不小于0.75px当成1px，进一步在手机上观察iOS的Chrome会画出0.5px的边，而安卓(5.0)原生浏览器是不行的。...在Web浏览器术语中，通常与浏览器窗口相同，但不包括浏览器的UI， 菜单栏等——即指你正在浏览的文档的那一部分。 那么在移动端如何配置视口呢？ 简单的一个meta标签即可！...这个方案只是个过渡方案，为什么说是过渡方案 因为当年viewport在低版本安卓设备上还有兼容问题，而vw，vh还没能实现所有浏览器兼容，所以flexible方案用rem来模拟vmin来实现在不同设备等比缩放的
安卓7.0牛轧糖系统 开篇 本文章主要介绍android 7.0中引入的新特性和新功能。 安卓程序员开发者你需要重视一下，以方便日后对android7.0的开发工作。...在多窗口模式中，增加了拖动功能，你可以拖动内容到窗口或者拖动窗口内内容到其他界面了。 对于开发者来说，你只需要设置activity 允许的最小尺寸，这样用户进行缩放的时候，就只能缩放至此大小。...安卓多窗口界面 如何使用多窗口模式： 打开多任务管理界面，选择一个应用卡片，拖动至屏幕顶部，即可开启多窗口模式。现在支持上下分屏和左右分屏。 通知增强 安卓7.0中对通知进行了许多增强。...安卓手机中的通知 配置文件指导的JIT/AOT编译 在android7.0中增加了JIT（即时）编译器，对ART进行代码分析，让它可以在应用运行时持续提升 Android 应用的性能。...安卓开发工具 快速的应用安装方式 安卓7.0中运用即时编译，应用安装速度和系统更新的速度得到大幅度的提升。在安卓6.0中的大型应用哪怕需要几分钟的安装时间，现在你可能只需要几秒。
在安卓第三夜 概念漫游（上）中，我介绍了安卓最基本的功能单元和Intent的连接方式。在这个骨架之上，我们可以进一步增加一些与开发密切相关的重要概念。...视图树 在安卓设计中，我们往往要给View元素增加各种属性，以控制它们的文字、尺寸、大小、颜色等信息。对于ViewGroup来说，它有多个子类，代表了不同的布局方式。...通过嵌套使用多种布局，我们可以创造出复杂的界面布局方式。 ? 在一个Activity中，我们可以通过新建View对象的方式，用编程的手段来创建视图树。视图元素的属性可以通过View对象的方法来调整。...Resource 在安卓开发中，有可能需要一些静态资源，比如图片、字符串、XML文件等等。这些资源被存储在安卓项目res/下不同的文件夹中。 ? 不同资源分类存放。...drawable*的文件夹中包含不同清晰度的图片，而字符串存放在values下的strings.xml中。在安卓项目中，我们可以用ID或文件名，来引用对应的资源。
但是你可以在所有的设备上通过为每个图标提供多尺寸 来为你的图标提供更好的视觉效果。当你的app运行时，安卓检查设备屏幕的特性并且加载适当的指定密度的你app中的资源文件。...注意： 安卓也支持 低密度(low-density LDPI)，但是一般情况下不要以这个尺寸创建自定义的资源，因为会有效的向下缩放 1/2 倍 你的HDPI资源来匹配期望的大小。...尺寸和缩放 启动图标在移动设备中必须是48x48dp 在Google Play显示的启动图标必须是512*512像素 比例大小 完整的资源，48x48 dp 样式 使用独特的侧影，三维的，前景视图的...使用大纸板开始 因为你需要为不同的屏幕密度创建资源，最好在大的多倍于目标图标尺寸的纸板上开始你的图标设计。...从最终的资源（资产asserts)中删除不需要的元数据 尽管安卓SDK工具将会自动的压缩 png图像资源（PNGs），当打包应用程序资源到二进制的应用程序时，一个好的实践是，从你的PNG资源中移除不必要的头
iOS系统手持设备市场占比为26%；iOS的迭代过程中屏幕分辨率基本为等比关系，相较于安卓及其他系统的多种分辨率发展更为稳定。其中1334x750在2017上半年占比最高，为iOS的主流分辨率。...【结论】以iPhone6/6s/7为代表机型的1334x750分辨率作为H5屏幕尺寸的基准。 1334x750的屏幕高宽比为16:9。此比例在iOS设备中占比近90%，在安卓系统中占比超过70%。...【结论】选择1334x750分辨率作为视频尺寸，可使用等比缩放的方式完美适配16:9的手持设备 在非16:9的手持设备屏幕下，全屏视频将有部分画面不可见。...HTML5的video元素支持WebM、Ogg、MPEG-4等常用视频格式 【结论】H5的视频建议使用MPEG-4作为输出编码格式，导出 *.mp4 视频文件 。...H5中的视频通过流式传输的方式，使视频内容像流水一样传输，边播放边加载，然而受不同网络状况的影响，用户在浏览视频H5过程中可能会遇到视频卡顿的状况。
二、css中的1px并不等于设备的1px 在css中我们一般使用px作为单位，在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素，这可能会造成我们的一个错觉，那就是css中的像素就是设备的物理像素...例如安卓设备根据屏幕像素密度可分为ldpi、mdpi、hdpi、xhdpi等不同的等级，分辨率也是五花八门，安卓设备上的一个css像素相当于多少个屏幕物理像素，也因设备的不同而不同，没有一个定论。...是最适合移动设备的viewport，ideal viewport的宽度等于移动设备的屏幕宽度，只要在css中把某一元素的宽度设为ideal viewport的宽度(单位用px)，那么这个元素的宽度就是设备屏幕的宽度了...也许允不允许用户缩放不同的网站有不同的要求，但让viewport的宽度等于设备的宽度，这个应该是大家都想要的效果，如果你不这样的设定的话，那就会使用那个比屏幕宽的默认viewport，也就是说会出现横向滚动条...因为这个属性只有安卓支持，并且安卓已经决定要废弃target-densitydpi 这个属性了，所以这个属性我们要避免进行使用 。
安卓数据库编程 零、前言 一、在安卓系统上存储数据 二、使用 SQLite 数据库 三、SQLite 查询 四、使用内容供应器 五、查询联系人表 六、绑定到用户界面 七、安卓数据库的实践 八、探索外部数据库...二、高效调试 三、构建布局 四、内存 五、多线程操作 六、建立网络 七、安全 八、优化电池消耗 九、安卓系统中的原生编程 十、性能提示 安卓 NDK 秘籍 零、前言 一、你好，NDK 二、Java 原生接口...ADT 教程 零、前言 一、安装 Eclipse、ADT 和 SDK 二、集成开发环境的重要特性 三、创建新的安卓项目 四、融入多媒体元素 五、添加单选按钮、复选框、菜单和首选项 六、处理多种屏幕类型...五、片段 六、支持不同的屏幕尺寸 七、安卓兼容包 八、新的连接 API——安卓波束和 WIFI 直连 安卓应用开发秘籍 零、前言 一、活动 二、布局 三、视图、小部件和样式 四、菜单 五、探索片段、应用小部件和系统用户界面...四、视觉和音频输入：摄像头和麦克风接入 五、富媒体演示：使用图像、视频和音频 六、结构适配：处理设备布局和缩放 七、本地交互：舞台网络视图和 URI 处理器 八、丰富的访问：文件系统和本地数据库 九、清单保证
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
