首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

android ui设计因尺寸不同而不同,但屏幕大小不同,哪些设备具有硬件菜单按钮

Android UI设计因尺寸不同而不同,但屏幕大小不同,以下是一些具有硬件菜单按钮的设备:

  1. Samsung Galaxy系列:Samsung Galaxy系列的一些旧款手机仍然具有硬件菜单按钮,例如Samsung Galaxy S5、S6等。
  2. Google Nexus系列:Google Nexus系列的一些旧款手机也具有硬件菜单按钮,例如Nexus 5、Nexus 6等。
  3. Sony Xperia系列:Sony Xperia系列的一些旧款手机也具有硬件菜单按钮,例如Sony Xperia Z3、Z4等。
  4. HTC One系列:HTC One系列的一些旧款手机也具有硬件菜单按钮,例如HTC One M8、M9等。

需要注意的是,随着Android版本的更新和硬件设计的变化,越来越多的Android设备取消了硬件菜单按钮,转而采用了虚拟导航栏或者手势导航。因此,在设计Android应用程序时,应该考虑到不同设备的导航方式,以确保用户体验的一致性。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云移动开发平台:https://cloud.tencent.com/product/mpp
  • 腾讯云云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 腾讯云云原生应用引擎(TKE):https://cloud.tencent.com/product/tke
  • 腾讯云数据库(TencentDB):https://cloud.tencent.com/product/cdb
  • 腾讯云音视频处理(VOD):https://cloud.tencent.com/product/vod
  • 腾讯云人工智能(AI):https://cloud.tencent.com/product/ai
  • 腾讯云物联网(IoT):https://cloud.tencent.com/product/iot
  • 腾讯云对象存储(COS):https://cloud.tencent.com/product/cos
  • 腾讯云区块链(BCS):https://cloud.tencent.com/product/bcs
  • 腾讯云元宇宙(Metaverse):https://cloud.tencent.com/product/metaverse
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

像素(PX) 代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。 屏幕密度 为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。...于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上做小、大、特大和低、高、超高的尺寸与密度。...尽管概念不同,但是对于移动设备的显示屏,可以看作ppi=dpi 。...原因是他们不会因为ppi的变化变化,在相同物理尺寸不同ppi下,他们呈现的高度大小是相同。也就是说更接近物理呈现,px则不行。...根据48dp原则,以及一些主流的android应用的截图分析,总结一下尺寸要求: 状态栏高度:50 px 导航栏、操作栏高度:96px=48dp x 2 主菜单栏高度:96 px 内容区域高度

4.8K20

【总结】移动应用界面设计尺寸设置及规范

尽管概念不同,但是对于移动设备的显示屏,可以看作ppi=dpi 。 ppi的运算方式是:PPI = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数。...原因是他们不会因为ppi的变化变化,在相同物理尺寸不同ppi下,他们呈现的高度大小是相同。也就是说更接近物理呈现,px则不行。...根据48dp原则,以及一些主流的android应用的截图分析,总结一下尺寸要求: 状态栏高度:50 px 导航栏、操作栏高度:96 px=48dp x 2 主菜单栏高度:96 px 内容区域高度:1038...px (1280-50-96-96=1038) Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,高度也和菜单栏一样为:96 px 4、图标和字体大小(来自官方规范文档) a、启动图标...【附】参考资料 1、设计师如何为 Android 应用标注尺寸 2、Android端App设计经验小分享 3、移动设备的界面设计尺寸 4、[无线手册-4] dp、sp、px傻傻分不清楚 5、像素终极作战指南

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

    设计角度来讲,可折叠设备将应用从常规手机屏幕转换到更大尺寸屏幕,这为设计师带来了更多发挥的机会,这确实是一个引入不同功能、展示各种元素的好机会,这并非意味着要用更多内容来塞满更大的屏幕空间,屏幕更大通常意味着为用户提供更身临其境的体验...如需了解更多详情,请参阅: 为任意屏幕尺寸构建 Android 界面 折叠屏上应用设计规范,了解一下?...MAD Skills 系列之导航组件系列文章 支持不同屏幕尺寸 问: 对开发者而言,如何用最简单的方法在各种尺寸屏幕上优化应用界面?...答: 从设计角度来讲,我们建议将底部导航组件更换为 Navigation Rail,它具有和底部导航组件类似的功能,内含多个主要的 导航目的地。...根据我们提供的 窗口尺寸类别 和指南,对于较小的布局,推荐使用底部导航菜单,对于中等和更大的展开布局,建议您考虑使用 Navigation Rail,因为使用这类设备的用户更多会使用双手不是单手来操作设备

    3.5K10

    简单了解下无障碍设计模式

    其他视觉提示 对于色盲或看不到颜色差异的用户,除了颜色外还增加了设计元素,以确保他们能接收到和正常人等量的信息。 色盲症分不同的类型(包括红绿色盲、蓝黄色盲和单色色盲)。...对于放大了屏幕的用户,如果不在滑块和值之间来回浏览的话,可能不能同时看到滑块和值。 字体 为了提高可读性,用户可能会增加字体大小。移动设备或浏览器有调整系统字体大小的功能。...要在 Android 中使用系统字体大小,使用可缩放像素(sp)来标记文本极其关联容器。 确保为大型字体和外语字体分配了足够的空间。有关推荐的外语字体大小的信息,请参阅行高。...使 UI 元素的标签可视化 屏幕阅读器用户需要知道屏幕哪些元素是可以点击的。...屏幕阅读器会大声朗读屏幕上所有的文本,包括可见和不可见的替代文本。 无障碍文本包括可见文本(包括 UI 元素中的标签、按钮中的文字、链接和表单)和不可见的描述(没有文本标签的按钮的替代文字)。

    4.8K40

    Windows 10 新特性变化研究 - 腾讯ISUX

    Win10将会自动判断用户的硬件设备,来决定默认进入的是经典的操作桌面,还是支持触屏手势的开始屏幕。 ?...变化分析: 从Win8~10的变化中,笔者大胆猜测微软不会放弃磁贴的设计。毕竟移动是主流,PC市场在衰弱,微软又想所有设备使用一个系统,磁贴设计无疑更适合在移动端上使用。...(PS:就在得出这猜测的后几天,微软就在它的最新发布会上发布了一款大屏硬件:Surface Hub) 单任务适合小屏设备,多任务适合大屏设备。...业界消息说今年苹果将会推出12寸的iPad平板,如果是真的话,这个尺寸已经相当接近小尺寸的手提电脑,触屏和传统鼠键的硬件临界点将会来临, 大胆猜测其临界点可能就在12寸大小左右诞生?...保留全屏按钮,方便用户沉浸式处理任务(与最大化的差异?后面最大化按钮会消失?) 菜单全屏后其实就是Win8 的metro UI了,因此猜测是在培养用户对磁贴的使用习惯?

    3.2K20

    Android适配全面总结(一)----屏幕适配

    屏幕尺寸、分辨率、像素密度之间的换算图 (5)密度无关像素(dp 或 dip) 单位:dp,可以保证在不同屏幕像素密度的设备上显示相同的效果 Android开发设置布局和控件宽高,用dp不是px...根据屏幕的配置来加载相应的UI布局。为不同屏幕尺寸设备设计不同的布局。   解决方案:使用限定符。通过配置限定符使得程序在运行时根据当前设备的配置(屏幕尺寸)自动加载合适的布局资源。...图片资源适配 使得图片资源在不同屏幕密度上显示相同的像素效果。   在实际开发中一个按钮的背景图片必须能够随着按钮大小的改变改变。...示例如下: 有些操作可能会当前的具体布局产生不同的结果。...dp解决了同一数值在 不同分辨率 中展示 相同尺寸大小 的问题(即屏幕像素密度匹配问题),但却没有解决设备 尺寸大小匹配 的问题。(即屏幕尺寸匹配问题)。

    2.1K40

    【Web技术】522- 设计体系的响应式设计

    RWD 是同一套代码做弹性的适应[3][4],本质上它们都在解决产品设计如何适应于不同设备以及不同屏幕规格的问题,本篇所指的「响应式设计」 概念包含了两者,不做明显区分,关于 Adaptive 与...Resize - 调整大小 调整大小是最基础的设计模式,是一个容器默认的响应式模式,通常有等比缩放、固定高度、或是在不同尺寸下按不同比例规格缩放三种形式,即便在无响应式设计的体系里,容器跟随屏幕尺寸变化也是一个常见的应用方式...重新定位在响应式应用里多见在框架上,或是在组件里对一些特定元素的处理,例如 Material 的全局浮动按钮与浮动的下拉菜单以 Reposition 的形式分别在桌面端与移动端处于不同的位置。 ?...Reflow Show / Hide - 显示 / 隐藏 基于屏幕空间、设备不同特性、特定情况等显示或隐藏 UI 元素,例如大多数设计体系的框架设计应用在小屏幕上会隐藏侧边菜单。...Show / Hide Replace - 替换 针对不同尺寸屏幕采用不同形态的组件,通常应用在对具体的组件做针对性响应式设计中,需要注意用户面对变化时的认知成本。 ?

    1.8K20

    在折叠屏手机上如何做交互设计

    在玩法上,翻折状态可以通过两面屏幕不同内容引入多人互动的概念,这种应用场景比较难想象。 ?...它的响应式设计设计技巧包括以下6点: A.调整位置:你可以改变 UI 元素在不同屏幕上的位置。...如果你用网格设计这些位置,你也可以不改变内容框架,其他 UI 元素可以使用响应式设计。 ?...D.展现:你可以基于屏幕的真实大小设备支持的功能,特定的情况或者屏幕方向展示界面。下图是媒体播放器的例子,小屏幕上这些按钮通常是被删减的,但在大屏幕上这些按钮是被完全保留的。...E.换位:这项技巧是为特定屏幕尺寸屏幕方向切换特定的界面。下面这个例子是导航菜单:小屏幕上他是隐藏在汉堡菜单中纵向排列的,但是在大屏幕上,更大的 Tab 是更好地选择。 ?

    1.3K40

    大屏时代的生态变迁,看平板手机的拇指热键与界面布局

    小编说:曾几何时,无数大大小小的触屏设备仿佛泄闸的洪水一般涌入这个世界。面对突如其来的生态变迁,界面设计师们别无选择,只有在急流当中奋力学习游泳,才能让自己不至于被洪潮所吞没。...尽管平板手机用户更习惯于根据不同的情况主动调整持机方式,作为设计师,我们有义务去降低额外的费力度。...不过毕竟单一按钮尺寸较小,不会像在系统导航栏上堆叠一层工具栏那样带来很大的影响。在AndroidUI体系当中,这种悬浮按钮称为“FAB”(Floating Action Button)。...可以通过屏幕底部的悬浮按钮触发更多功能,同时避免与Android的系统导航栏产生大范围的冲突。 此外,也可以尝试将控件放置在顶部,使其能够响应某种作用于屏幕下方的辅助交互形式。...我们要去点击按钮按钮从来不会主动移到我们手边。事情也并非完全如此。

    2.4K10

    Android 手表应用开发设计规范 【译】

    这种 UI 模型的好处是:可以保证用户不必为了查看是否有新的动态启动太多应用。他们可以简单的瞥一眼信息流,就可以知道最新消息,并且判断出哪些对他们是有用的。...Android 手表设计风格 以下是几条 Android 手表特有的设计要点需要注意: 屏幕尺寸   谨记不同屏幕尺寸和形状。智能穿戴设备是一种兼顾时尚和用户自我表达的设备。...所以 Android 手表系统广泛支持各种形式的设备类型。系统本身已经解决了大部分需要支持不同设备产生的复杂问题.但在设计全屏应用时还是应该随时留意适配不同类型的设备屏幕。...可以尝试大胆前卫、简约的设计方向,使得表盘即便在一定距离下也高度可读。 考虑矩形及圆形设备   Android 手表采用了不同形状及尺寸屏幕。你需要同时考虑不同形状不同分辨率的屏幕。...表盘开发工程师需要同时兼容大小两种尺寸的卡片。表盘可以指定一种卡片尺寸作为首选项,用户也可以自行设置偏好,同时,用户也能够向下滑动来暂时隐藏卡片。

    4K70

    从零开始的Android:常见的UI设计模式

    如果您有多个在某种程度上相关具有不同类别的列表,那么对每个类别使用带有选项卡的ViewPager可能是导航应用程序的有效解决方案。...请勿将这种模式用于次要动作或任何具有破坏性的操作,因为浮动动作按钮旨在在使用时在屏幕上有很强的显示感。 3....Android尺寸 尽管上面讨论的某些模式可用于其他形状因素,但它们大多与设计电话或平板电脑应用程序有关。 最近,谷歌已开始在各种其他类型的设备(包括电视和智能手表)上使用Android。...这就要求采用新的设计模式,以充分利用每种尺寸Android Wear 由于显示屏尺寸较小,因此为Android Wear引入了一套全新的用户界面设计模式。...有关为Android Wear设计的更多信息,请参见官方文档 。 电视 尽管Android Wear设备设计模式必须考虑较小的屏幕尺寸针对Android TV的设计却存在相反的问题。

    2.7K20

    再见Metro,Windows 10通用应用设计趋势分析 - 腾讯ISUX

    通用应用具有以下优势: 1.统一的UI和体验可以减少用户在不同平台间的学习成本 2.大大减少了开发成本 3.可通过一个应用拉动不同平台的用户群 · 自适应用户体验(Adaptive UX) 微软针对Windows...这套控件的视觉元素和交互体验都是整体一致的,针对不同的操作场景和设备有细微不同的体现,比如触摸屏、应用弹出控件等,当用户触摸时自动使用较大面积按钮,使用键盘时与之相反。 ?...· 横向滑动不再是典型的系统浏览形式 我们都知道Metro UI设计语言之一就是横向滑动浏览,但随着Surface系列设备屏幕比例从前几代基于横向操作而设计的16:9变成了Surface Pro 3...还好在新的通用应用设计中,我们可以看到除了开始菜单以外,曾经那些单一的Metro元素已经越来越少,线型图标、居中布局、圆形、分割线等等元素的加入使界面变得更加丰富起来,可以说Metro UI设计语言已被逐渐弱化...· 不同设备和操作场景需要定制化设计 虽然在理论上开发者可以通过一次编写和一套UI使通用应用在所有Windows平台上运行,根据实际情况来看,小尺寸设备界面并不等同于大尺寸设备界面缩小为窗口化时的效果

    1.2K40

    双管齐下:同时设计 iOS 和 Anroid

    Google 的新 MD 设计规范有了一些更加细节的规定,通过一种叫“纸片”的方法来创造更多的层级关系。 2. 实体按钮 Android 有一个返回按钮,点击它可以返回上一个屏幕。 ?...所以,我推荐你在设计的第一页就定义好标题栏的样式,然后在其他的屏幕上使用一个占位的方框来替代,这样能省下不少时间,但是你应当向程序员说明标题栏在不同屏幕上都是一样的样式。...Android 上最主要的导航方式是抽屉菜单Android 用户们通常在这个菜单内进行跳转。而且在整个 App 中,这种体验是一贯的。...比如如下几条: Android 的 MD 设计需要用到更多的空格来进行布局 在 MD 中字体大小的变化会更加多样 在 iOS 上,字体没那么多大小差异,但是在字体重量上(Font weight)有更多的变化...Android 的警告框使用的按钮样式,就是我们先前提到过的扁平按钮,你可以在 MD 说明文档中找到它们应有的尺寸。动作按钮位于卡片的右半部分。实际上,所谓的按钮其实就是一个文本。

    1.4K50

    根据 OS 设计你的应用

    设计 Android 应用的时候,设计师们可以通过使用 dp 在不同像素密度的屏幕上显示同样比例的元素。...比如,按钮一般都是高 48dp 的,应用栏默认为 56dp,不同元素的间距总是 8dp 的倍数。 字体: Roboto 是 Android 的默认字体集,它包括了不同尺寸和字重的字体。...首先,在 Android 上,一个关键点是密度无关像素(常被缩写为 DIP 或 DP)的引入, iOS 只是使用点作为他们的单位。 这两种类型都能保证你的设计不同密度大小设备上能正常使用。...和 iOS 版本不同的是, Android 版本中遵循了 Material Design 的准则,使用了“汉堡”菜单。这个菜单只占据了半页,用户可以很明确的知道他们所在的页面。...当你遵循平台的设计准则,在设计 UI 方面你需要投入更多的时间和金钱。设计师完成设计后,很多 UI 组件需要针对不同平台重新设计和创建。

    1.3K110

    APP适配测试白皮书

    如上图是由opensignal统计的2014年Android设备的数据,可以看到碎片化越来越严重,苹果相比Android来说稍微好点最近几年由于创新乏力不断在屏幕尺寸上做文章也使得苹果的适配开始面临更多的挑战...第二个原因就是屏幕尺寸,这个基本上就和机型是强相关的,因为iPhone机型少,尺寸基本上就是由机型不同来决定。...屏幕尺寸不同又很容易导致我们的控件显示尺寸在没有做好适配的情况下变形,虽然不易产生Crash,但是用户会看到变形甚至不全的信息,也会严重影响到用户功能使用,因此也需要重点关注。...需求/交互/视觉阶段,需要需求方在PRD中做简要说明,需要交互设计师和视觉设计师在各自的交互稿和视觉稿中明确指出,哪些页面需要横竖屏适配,哪些页面需要手机和平板适配 开发阶段,需要开发同学对需要适配的需求点做好技术设计和编码...通过UI自动化平台,对核心业务场景进行自动化覆盖,在做功能回归测试的同时也可以达到适配测试的目的,我们选了Top设备进行了UI自动化适配,发现了在不同机型上有些页面存在兼容性问题(例如:某个按钮在华为机型上不显示等

    74521

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

    每个广义的尺寸和密度跨越一套实际屏幕尺寸和密度。例如,当用手测量时,两种标准的屏幕尺寸设备可能具有实际的稍微不同屏幕尺寸和纵横比。同样,两种hdpi屏幕密度的设备可能包含稍微不同的实际像素密度。...Android制造这些差异使应用程序抽象化,所以,你可以提供设计UI给广义的尺寸和密度,必要时让系统处理任何最后的调整。图1 阐明了不同尺寸和密度被如何大致归类到不同尺寸和密度组。...当为不同屏幕尺寸设计UI时,会发现每个设计需要最低限度的空间。...* 为不同屏幕尺寸提供不同的布局* 默认情况下,Android会重新调整应用布局去适合当前设备屏幕。在大多数情况下,这样做很好。在其它情况下,UI可能看上去不太好且可能不同屏幕尺寸需要调整。...当系统需要调整正在使用的位图的视图时,系统会拉伸九补丁位图,仅延伸指定区域。同样地,没有必要提供不同的绘图给不同屏幕尺寸,因为九补丁位图能调整任何大小

    2.6K60

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

    折叠后,您可以把原本和平板电脑一般大的屏幕放进口袋里,这是以往的便携设备无法做到的。考虑到我们的应用生态系统,我们对此表示非常振奋,硬件的变迁正在让人们对手持设备抱有更多的期待。...首先,让我们来谈谈大屏幕本身,以及为什么您应该为大屏幕专门优化您的应用。...Android 应用也可以在 Chrome OS 上运行, Chrome OS 现在是世界第二大桌面操作系统。 为大屏设备做好准备 更大的屏幕正在改变用户与设备互动的方式。...△ SlidingPaneLayout 会自动适应配置的变化,在不同的布局尺寸下提供良好的用户体验 在较小的屏幕上不得不堆叠起来的 UI,在大屏幕上则可以轻松实现并排布局。...这些变更通过提供恰到好处的默认尺寸,让您的应用在大屏设备上看起来更棒。您可以在 Material Design 设计指南 中找到更多关于组件尺寸限制的信息。

    2.1K20

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

    单位:dp,可以保证在不同屏幕像素密度的设备上显示相同的效果 Android开发时用dp不是px单位设置图片大小,是Android特有的单位 场景:假如同样都是画一条长度是屏幕一半的线,如果使用px作为计量单位...试想一下这么一个场景: 为4.3寸屏幕准备的UI设计图,运行在5.0寸的屏幕上,很可能在右侧和下侧存在大量的空白;5.0寸的UI设计图运行到4.3寸的设备上,很可能显示不下。...UI布局 应用场景:需要为不同屏幕尺寸设备设计不同的布局 做法:使用限定符 作用:通过配置限定符使得程序在运行时根据当前设备的配置(屏幕尺寸)自动加载合适的布局资源 限定符类型:...做法:使用自动拉伸位图:Nine-Patch的图片类型 假设需要匹配不同屏幕大小,你的图片资源也必须自动适应各种屏幕尺寸 使用场景:一个按钮的背景图片必须能够随着按钮大小的改变改变。...步骤2:根据当前布局做出响应 有些操作可能会当前的具体布局产生不同的结果。

    1.5K10

    Android开发:最全面、最易懂的Android屏幕适配解决方案

    单位:dp,可以保证在不同屏幕像素密度的设备上显示相同的效果 Android开发时用dp不是px单位设置图片大小,是Android特有的单位 场景:假如同样都是画一条长度是屏幕一半的线,如果使用...试想一下这么一个场景: 为4.3寸屏幕准备的UI设计图,运行在5.0寸的屏幕上,很可能在右侧和下侧存在大量的空白;5.0寸的UI设计图运行到4.3寸的设备上,很可能显示不下。...UI布局 应用场景:需要为不同屏幕尺寸设备设计不同的布局 做法:使用限定符 作用:通过配置限定符使得程序在运行时根据当前设备的配置(屏幕尺寸)自动加载合适的布局资源 限定符类型: 尺寸(size...做法:使用自动拉伸位图:Nine-Patch的图片类型 假设需要匹配不同屏幕大小,你的图片资源也必须自动适应各种屏幕尺寸 使用场景:一个按钮的背景图片必须能够随着按钮大小的改变改变。...步骤2:根据当前布局做出响应 有些操作可能会当前的具体布局产生不同的结果。

    2.8K70

    Android的分辨率

    Android系统就被设计为一个可以在多种不同分辨率的设备上运行的操作系统。...支持的屏幕分辨率范围 1.5及更早版本的Android系统,在设计的时候假定系统只会运行在一种分辨率的设备上——HVGA(320×480)分辨率,尺寸为3.2寸。...自从Android 1.6以来,系统引入了对多种尺寸、多种分辨率屏幕的支持,以此满足拥有各种配置的新平台的运行需求。...同样分辨率,不同物理尺寸,如果按钮找像素设计,实际看起来的物理比例是一样的. 看起来物理尺寸一样,不同分辨率,分辨率大的,屏幕尺寸就要大. 看起来物理尺寸一样,不同屏幕尺寸,大尺寸的,就要像素多....针对于字体,Android设计了sp这个单位,这个于dp的不同在于,字体大小在dp的基础上,可以根据用户的偏好设置,相应调整字体大小,所以是scale的。 但是!

    1.2K20
    领券