如何为多种Android屏幕尺寸制作布局？ - 腾讯云开发者社区

使用配置限定符 Android支持多种配置限定符，让你控制系统如何基于当前设备屏幕的特征选择替代资源。...在这种情况下，应该为超大屏幕提供一种可替代的布局，即可通过提供一种重新设计的最合适于较大屏幕如平板的UI。...这项新技术是基于你的布局需要的空间（如600dp的宽度），而不是试图让你的布局去适合广义的尺寸组（如large or xlarge）。...Android系统可能会使用一些屏幕做系统UI（如屏幕底部的系统栏或顶部的状态栏），所以一些屏幕有可能对于你的布局是不可用的。...:然而，如果应用程序支持所有Android支持的屏幕尺寸（如426dp x 320dp一样小），那么没有必要申明这个属性，因为需要的最小宽度可能在任何设备上都是最小的。

2.7K6 0

【Android 屏幕适配】屏幕适配通用解决方案 ⑥ ( 约束布局 ConstraintLayout 百分比布局方案 | 将设计稿尺寸自动转为约束布局百分比标签属性 | 将输出结果设置到组件标签中 )

文章目录一、将设计稿尺寸自动转为约束布局百分比标签属性二、将输出结果设置到组件标签中参考文档 : 设备兼容性概览屏幕兼容性概览支持不同的像素密度声明受限屏幕支持约束布局 bias 计算公式参考...【约束布局】ConstraintLayout 偏移 ( Bias ) 计算方式详解 ( 缝隙比例 | 计算公式 | 图解 | 测量图 + 公式 ) 方案 ; 约束布局百分比屏幕适配案例参考【约束布局...】ConstraintLayout 屏幕适配案例 ( 使用代码生成约束布局控件属性 ) 博客 ; 一、将设计稿尺寸自动转为约束布局百分比标签属性 ---- 美工给出的设计稿尺寸 720 \times...; 在 caculate_constraint 方法中 , width 和 height 的高度就是设计稿的宽度 720 和高度 1280 ; // 相对于父类比例计算的原始数据 : 屏幕...:scaleType="fitXY" android:src="@mipmap/actual_" 约束布局组件样式 : 这里以 ImageView 为例 ; <?

1.6K1 0

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

是的

没有找到

响应式设计(Response Web Design)浅谈

所以需要您的网站不仅要在桌面计算机大尺寸屏幕上可以为用户提供友好的UI和用户体验，同时在小尺寸屏幕上也应该可以提供一致的用户体验。...(移动设备趋势：http://www.webhostingbuzz.com/blog/2011/10/19/mobile-internet-trends/) 要网站在桌面大尺寸屏幕上和移动小尺寸屏幕上提供一致的用户体验...是否可以只做一个网站一套页面，既满足桌面大尺寸屏幕，同时也可以满足各种不同移动设备的小尺寸屏幕。...因为有了这个问题，才有了响应式Web设计这种方案：一个网站能够兼容多种移动设备屏幕尺寸，而不是为每种屏幕尺寸做一个特定的版本。这个概念可以说是为移动互联网而生的。...国外已经有一些这样的应用例子了,如: http://foodsense.is/，此网站在Android 上的效果：不采用响应式Web设计 news.sina.com.cn 在Android上的效果，

1.3K9 0

谈谈Android屏幕适配的那些事，我们到底该怎么去选择

Android屏幕适配详解一、关于布局适配建议 1、不要使用绝对布局 2、尽量使用match_parent 而不是fill_parent 。...in ：英寸，是屏幕的物理尺寸，手机屏幕大小如1.6英寸、1.9英寸、2.2英寸，都是指的对角线的长度。 dpi：Dots Per Inch的缩写, 每英寸点数，即每英寸包含像素个数。...1）界面布局方面需要根据物理尺寸的大小准备5套布局，layout(放一些通用布局xml文件，比如界面中顶部和底部的布局，不会随着屏幕大小变化，类似windos窗口的title bar),layout-small...(屏幕尺寸小于3英寸左右的布局），layout-normal(屏幕尺寸小于4.5英寸左右），layout-large(4英寸-7英寸之间），layout-xlarge(7-10英寸之间） 2）图片资源方面...如果可以拉伸而不改变设计意图的情况下，比如纯色背景，则使用android的9path工具制作成.9的图片。 3、屏幕密度、像素和实际大小的比例关系。

1.1K3 0

android系统如何自适应屏幕大小

Android有个自动匹配机制去选择对应的布局和图片资源 1）界面布局方面根据物理尺寸的大小准备5套布局: layout(放一些通用布局xml文件，比如界面顶部和底部的布局，...不会随着屏幕大小变化，类似windos窗口的title bar), layout-small(屏幕尺寸小于3英寸左右的布局）， layout-normal(屏幕尺寸小于4.5...android:smallScreens="true" android:anyDensity="true"/> 3.1是否支持多种不同密度的屏幕 android:...7.2 自动定义像素尺寸和位置如果程序不支持多种精度屏幕，平台会自动定义像素绝对位置和尺寸值等，这样就能保证元素能和精度160 的屏幕上一样能显示出同样尺寸的效果。...例如，WVGA 中精度屏幕上，如程序不支持这样的大屏幕，系统会谎称是一个320×480 的，多余的显示区域会被填充成黑色。

5.3K1 0

详解 Android 12L｜更好地适配大屏幕设备

您可以向我们提出问题和需求，我们一如既往感谢您的反馈！...因此，Compose 特别适合用于开发自适应 UI，因为其能够轻松地处理不同屏幕尺寸或组件的 UI 变化。查看在 Compose 中构建自适应布局指南，了解您需要知道的基本内容。...△ Jetpack WindowManager 中的窗口尺寸类让应用能够感知折叠 WindowManager 还为不同的窗口特征 (如折叠和铰链) 提供了通用的 API 接口。...△ 参考设备类中的布局验证工具可调整尺寸的模拟器若您需要在运行时对您的应用进行测试，可以使用 Android Studio Chipmunk 中附带的可调整尺寸的全新模拟器配置。...我们即将推出全新的指南，为您说明如何在全新和现有的应用中支持不同的屏幕尺寸、如何为 View 和 Compose 实现导航、如何利用可折叠设备的优势等内容。

3.8K2 0

安卓的切图规范

：前缀原始说明示例 ic icon 主要用于布局和子布局的图标 ic_launcher bg background 要用于布局和子布局的背景 bg_welcome btn button 主要用于按钮的表示...九宫格图片文件拓展名为 .9.png 后缀状态名最好为全拼，如normal dp和px的关系 1、android手机有一些初始的分辨率：密度 ldpi mdpi hdpi xhdpi xxhdpi...中，以320x480分辨率为基准屏幕，即密度值为160时，1dp=1px： ?...5、多种屏幕分辨率规则： ? 6、描述间距或长度时使用dp： ? 7、描述字号大小时使用sp： ? ?...特色点： UI设计师 ①完成设计一键上传 ②支持Sketch、PS、XD的设计原稿和设计图 ③标注和切图自动生成，再不用手工做产品经理 ①多种批注样式，更好的表达想法和意见 ②快速制作交互原型，支持多种动画特效

1.8K2 0

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

程序猿把设计狮制作的效果图应用到不同的手机，对不同的屏幕进行界面调整的过程，确保界面不变形，呈现效果图的位置、尺寸、比例。二、需要掌握的几个知识点。（1）屏幕物理尺寸：屏幕对角线的尺寸。...计算公式：屏幕分辨率 = 横向像素*纵向像素（或者宽x高），如 1080*1920 单位：单位是px，1px=1个像素点。...根据屏幕的配置来加载相应的UI布局。为不同屏幕尺寸的设备设计不同的布局。解决方案：使用限定符。通过配置限定符使得程序在运行时根据当前设备的配置（屏幕尺寸）自动加载合适的布局资源。...适配手机的单面板（默认）布局：res/layout/main.xml 适配尺寸>7寸平板的双面板布局（Android 3.2前）：res/layout-large/main.xml 适配尺寸>7寸平板的双面板布局...使用 nine-patch 图片的效果 nine-patch图片制作请参考我的博客： nine-patch图片的制作 ---- 4.1.4.

2.2K4 0

【Android 应用开发】Android屏幕适配解析 - 详解像素,设备独立像素,归一化密度,精确密度及各种资源对应的尺寸密度分辨率适配问题

; --屏幕尺寸分类: 屏幕尺寸分为小(small), 普通(normal), 大(large), 超大(extra large) 四种; --自动渲染 : Android SDK根据屏幕实际尺寸,...选择一种方式(四选一)对布局进行渲染, 这是人为不可控的, 对程序员透明; 屏幕尺寸界线 : 屏幕的尺寸是按照dp计算的, dp越大, 尺寸越大; --small(小屏) : 最少 320dp * 426dp...(aspect ratio) : 手机屏幕物理宽度和物理高度比例关系, 程序中可以为指定长宽比屏幕提供布局资源; 屏幕分辨率(resolution) : 屏幕上显示的物理像素总和, 如 320 * 480...(px)与设备独立像素(dip)比较: dip越大, 屏幕的尺寸越大, 分辨率越高, 越清晰, 屏幕大分辨率不一定大, 如电脑; (2) Android设备相关名词密度(density) : 在物理宽高范围内显示的像素数量...使用drawable-large目录中的图片资源; -- xlarge超大屏幕 : 使用drawable-xlarge目录中的图片资源; 同时根据屏幕尺寸和密度适配 : 如适配大屏幕的中等密度使用

6752 0

可折叠设备、平板设备和大屏设备更新一览

213e1bcd0b1840cb8e44f57ad525218d~tplv-k3u1fbpfcp-zoom-in-crop-mark:1304:0:0:0.awebp △ 技术上的突破以及人们对人体工程学需求的变化导致了设备形态的变迁本文将带您了解应该如何为大屏幕设备做好准备...如果显示设备的最短尺寸大于 600dp，请为应用添加平板电脑布局，并确保应用实现边到边 (edge-to-edge) 全屏体验。...△ 由于可折叠和大屏设备的窗口尺寸是可变的，使用自适应布局比根据屏幕尺寸分割体验效果更好多任务处理在大屏设备上，用户会默认期待应用支持分屏 (或多窗口模式) 和拖放等互动模式。...△ SlidingPaneLayout 会自动适应配置的变化，在不同的布局尺寸下提供良好的用户体验在较小的屏幕上不得不堆叠起来的 UI，在大屏幕上则可以轻松实现并排布局。...独占资源 Android 10 提供了同时恢复多个应用的功能，并设有单一的 "顶层恢复" 应用。大多数应用无需更新即可受益于这一变更。最明显的例外则是当您的应用使用了独占资源，如麦克风或摄像头的时候。

2.1K2 0

前端工程师之移动端布局基础

屏幕尺寸非常多，手机分辨率和大小也不尽相同，碎片化严重。...，工作量比较大重定向移动网站需要花费一些时间，需要对搜索引擎做一些处理 1.2.2 制作响应式页面响应式页面指的是同一页面在不同屏幕尺寸下实现不同的布局，从而使一个页面兼容不同的终端。...视口能将大分辨率尺寸网页缩小显示在手机浏览器上，这样保证网页在手机上看起来更像在桌面浏览器中的样子。布局视口布局视口是指网页的宽度，一般移动端浏览器都默认设置了布局视口的宽度。...在屏幕的大小相同的情况下，如果屏幕的分辨率低（如640×480），则屏幕上显示的像素少，单个像素点比较大，看起来会有种颗粒感。...在屏幕的大小相同的情况下，如果屏幕的分辨率高（如1920×1080），则屏幕上显示的像素多，单个像素点比较小，看起来会比较清晰。

751 0

01_移动端布局基础

下图是我们需要适配的移动端屏幕设备尺寸，看到这些数据，是不是有一种键盘敲烂的感觉。 1.1 移动端设备移动端设备主要包括 Android、iOS 等手机设备。...，工作量比较大重定向移动网站需要花费一些时间，需要对搜索引擎做一些处理 1.2.2 制作响应式页面响应式页面指的是同一页面在不同屏幕尺寸下实现不同的布局，从而使一个页面兼容不同的终端。...视口能将大分辨率尺寸网页缩小显示在手机浏览器上，这样保证网页在手机上看起来更像在桌面浏览器中的样子。布局视口布局视口是指网页的宽度，一般移动端浏览器都默认设置了布局视口的宽度。...在屏幕的大小相同的情况下，如果屏幕的分辨率低（如640×480），则屏幕上显示的像素少，单个像素点比较大，看起来会有种颗粒感。...在屏幕的大小相同的情况下，如果屏幕的分辨率高（如1920×1080），则屏幕上显示的像素多，单个像素点比较小，看起来会比较清晰。

981 0

前端成神之路-移动web开发_流式布局

1.2 手机屏幕的现状移动端设备屏幕尺寸非常多，碎片化严重。...Android设备有多种分辨率：480x800, 480x854, 540x960, 720x1280，1080x1920等，还有传说中的2K，4k屏。...1.3常见移动端屏幕尺寸 1.4移动端调试方法 Chrome DevTools（谷歌浏览器）的模拟手机调试搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器，直接IP或域名访问...contain把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域 4.0 移动开发选择和技术解决方案 ####4.1移动端主流方案 1.单独制作移动端页面（主流）通常情况下，网址域名前面加 m...移动端单独制作流式布局（百分比布局） flex 弹性布局（强烈推荐） less+rem+媒体查询布局混合布局响应式媒体查询 bootstarp 流式布局：流式布局，就是百分比布局，也称非固定像素布局

1.6K2 1

移动web开发_流式布局

1.2 手机屏幕的现状移动端设备屏幕尺寸非常多，碎片化严重。...Android设备有多种分辨率：480x800, 480x854, 540x960, 720x1280，1080x1920等，还有传说中的2K，4k屏。...1.3常见移动端屏幕尺寸 1.4移动端调试方法 Chrome DevTools（谷歌浏览器）的模拟手机调试搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器，直接IP...contain把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域 4.0 移动开发选择和技术解决方案 ####4.1移动端主流方案 1.单独制作移动端页面（主流）通常情况下，网址域名前面加 m...移动端单独制作流式布局（百分比布局） flex 弹性布局（强烈推荐） less+rem+媒体查询布局混合布局响应式媒体查询 bootstarp 流式布局：流式布局，就是百分比布局，也称非固定像素布局

1.3K1 0

FAQ | 为大屏幕设备构建应用的常见问题解答

数据显示，因为更大的屏幕空间，可折叠设备的多任务处理量增加了 7 倍，开发者有必要平衡布局的简单性与灵活性以优化应用，例如开发者在使用新的窗口尺寸类别和视口断点时，如果要优化断点的布局，可以将其视为 3...此外开发者还需要考虑可折叠设备的形态，如高级布局支持等。...如需了解更多详情，请参阅: 为任意屏幕尺寸构建 Android 界面折叠屏上应用设计规范，了解一下？...对于基于 View 的应用，您可以使用资源限定布局，通过底部导航——如底部应用栏 (App Bar) 或底部导航菜单 (Navigation Menu)——形成窄小的布局，也可以使用 Navigation...布局和输入都很重要，尤其是当您开始考虑更大屏幕的设备时，如需创建适合不同屏幕尺寸的自适应布局，最好的方法是将 ConstraintLayout 用作界面中的基本布局。

3.5K1 0

Android 适配各国语言、屏幕尺寸、系统版本及常见适配方法总结

二、屏幕适配 Android是用尺寸和分辨率这两种常规属性对设备加以分类。在我们开发项目中应该提供一些可选资源，针对尺寸和分别率来优化我们的界面外观。...例如，UI设计师实现步骤：①在coreldraw或者Sketch中制作好“矢量图标“ ；②保存输出为“PNG位图图片”，单位是px；③设置图标的内外边距，此时的边距单位是px；当开发者拿到图后，会遇到这样一个问题...前面提到了Layout适配尺寸有4种：小(small)，普通(normal)，大(large)，超大(xLarge) 所以，我们可以在资源文件Layout根目录创建不同尺寸的目录，系统会根据app所运行的设备屏幕尺寸...如平常一样在APP中引用： @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState...·布局问题：在res目录先建立layout-land和layout-port目录相应的xml文件名字相同，然后在两个文件夹下创建相同名字的两套xml，模拟器就会根据不同的屏幕来进行自动寻找。

1.4K5 0

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

Multi-resume：应用多开，引人入胜 “手机一秒变平板”，屏幕物理尺寸的变大，多窗口分屏预计将成为可折叠手机最常用的功能之一。...优化方法包括灵活布局、备用布局、可拉伸图片等方式：灵活布局，确保布局的调整适应屏幕尺寸的变化，核心原则是避免对界面组件的位置和大小硬编码，可使用”wrap_content”和”match_parent...”尺寸值来代替硬编码尺寸；使用RelativeLayout根据组件之间的空间关系指定布局。...备用布局，Android允许应用针对不同屏幕配置提供多种备选布局。可以利用配置限定符实现此目的，它允许系统根据当前配置（如针对不同屏幕尺寸的不同布局设计）自动选择合适的资源。...开发过程中可使用AVD Manager调试应用连续性，进行屏幕布局改变的测试。

4.1K4 0

折叠屏开发指导系列①丨屏幕兼容性解读：如何支持不同屏幕的尺寸和像素密度

前言折叠屏设备从展开到折叠的切换过程中，同一个设备可能出现多种屏幕尺寸的使用状态。...一应用resizeable能力支持本节概述了这些主题以及 Android 上已有的可用功能，以帮助您的应用进行相应调整。支持不同屏幕尺寸，确保您的应用界面在不同的屏幕尺寸下可以全屏的显示。...Fig在展开时可以全屏显示（图以MateX示例） Fig折叠后可以全屏显示（图以MateX示例）如上图，在应用界面能够不同的屏幕尺寸下铺满全屏显示，且响应布局和操作按键功能正常。...应用布局优化在对不同尺寸屏幕适配过程中，为了确保在折叠屏各个屏幕形态下获取最佳的布局显示效果，例如显示更多更清晰的内容，建议您对布局进行优化。...开发者为每种屏幕配置优化用户体验，方法是为不同的屏幕尺寸添加专门的布局，并为常见的屏幕密度添加优化的位图图像。

1.5K4 0

Android教程-保存数据-支持不同的屏幕

你也要也要意识到屏幕方向（横向或者纵向）也要被考虑成一种屏幕尺寸，所以许多的应用会修改布局来优化用户在不同的屏幕方向上的体验 ....创建不同的布局 ---- 为了在不同的屏幕尺寸上优化你的用户体验，你应该为每一个你想要支持的屏幕尺寸创建单独的文件 ....每一个布局应该被保存在对应的资源路径中，使用带有 -屏幕_尺寸> 后缀的名称 . 例如，对于大屏幕的单独布局应该被保存在 res/layout-large/ 下面....注意 : Android 会自动缩放你的布局，来适当的适应屏幕 ....如此，你针对不同屏幕尺寸的布局就不需要担心UI元素的绝对尺寸，而是将重点放在影响到用户体验的布局结构上来 (比如重要视图相对于相邻视图的尺寸和位置 ).

6412 0

为 Android 应用打造精良的 Chrome OS 使用体验

为了确保您的应用在多种布局中都能拥有良好的完成度，您可以让同一个界面拥有多个布局文件 (如下图)。 △ 同一个界面针对不同屏幕的布局文件导航模式同时，您的应用在不同的屏幕尺寸上都应该易于使用。...构建不同导航的示例: github.com/google/chro… 电子邮件应用 Reply 就针对多种屏幕重新设计了其功能和布局。...Reply 适配多屏幕尺寸: material.io/design/mate… △ Reply 在屏幕尺寸不同时会采用不同的导航模式多屏幕当用户使用多个显示器时，两个屏幕之间通常会存在像素密度差异。...请您充分利用我们给出的新特性，支持各种输入方式，针对各种屏幕尺寸优化布局和导航，并尽可能通过原生代码支持 x86，从而为用户打造精良迅捷的使用体验。...您的 Android 应用有没有支持更大、更多样的屏幕尺寸、更多种类的设备？有没有为它们提供高完成度的使用体验？如果您在界面和交互适配上有任何疑问或者想法，欢迎在评论区和我们分享。

3581 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

创建支持多种屏幕尺寸的Android应用

【Android 屏幕适配】屏幕适配通用解决方案 ⑥ ( 约束布局 ConstraintLayout 百分比布局方案 | 将设计稿尺寸自动转为约束布局百分比标签属性 | 将输出结果设置到组件标签中 )

响应式设计(Response Web Design)浅谈

谈谈Android屏幕适配的那些事，我们到底该怎么去选择

android系统如何自适应屏幕大小

详解 Android 12L｜更好地适配大屏幕设备

安卓的切图规范

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

【Android 应用开发】Android屏幕适配解析 - 详解像素,设备独立像素,归一化密度,精确密度及各种资源对应的尺寸密度分辨率适配问题

可折叠设备、平板设备和大屏设备更新一览

前端工程师之移动端布局基础

01_移动端布局基础

前端成神之路-移动web开发_流式布局

移动web开发_流式布局

FAQ | 为大屏幕设备构建应用的常见问题解答

Android 适配各国语言、屏幕尺寸、系统版本及常见适配方法总结

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

折叠屏开发指导系列①丨屏幕兼容性解读：如何支持不同屏幕的尺寸和像素密度

Android教程-保存数据-支持不同的屏幕

为 Android 应用打造精良的 Chrome OS 使用体验

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐