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

如何在改变屏幕尺寸时保持按钮在图像上的位置和大小?

在改变屏幕尺寸时保持按钮在图像上的位置和大小,可以通过以下方法实现:

  1. 使用相对布局:使用相对布局可以根据父容器的大小来调整按钮的位置和大小。可以使用CSS中的position属性设置按钮的位置,例如使用"position: absolute"将按钮固定在图像上的特定位置。
  2. 使用响应式设计:通过使用响应式设计,可以根据屏幕尺寸的变化来调整按钮的位置和大小。可以使用CSS中的媒体查询(media queries)来设置不同屏幕尺寸下的按钮样式。例如,可以根据屏幕宽度设置按钮的位置和大小,如@media screen and (max-width: 768px) { ... }。
  3. 使用JavaScript:可以使用JavaScript来监听屏幕尺寸的变化,并根据变化调整按钮的位置和大小。可以使用window对象的resize事件来监听屏幕尺寸的变化,并在事件处理程序中更新按钮的位置和大小。
  4. 使用CSS网格布局:CSS网格布局是一种强大的布局系统,可以将页面划分为行和列,并通过指定网格单元格来放置按钮。通过使用网格单元格的属性,可以控制按钮在图像上的位置和大小。
  5. 使用CSS转换和过渡:可以使用CSS的transform属性和transition属性来实现按钮在图像上的位置和大小的平滑过渡。通过设置transform属性的scale值可以调整按钮的大小,通过设置transform属性的translate值可以调整按钮的位置。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云内容分发网络(CDN)。腾讯云云服务器提供可扩展的计算能力,可以根据需求调整服务器的配置和规模。腾讯云内容分发网络可以加速网站和应用程序的内容传输,提高用户访问速度。

腾讯云云服务器产品介绍链接:https://cloud.tencent.com/product/cvm 腾讯云内容分发网络产品介绍链接:https://cloud.tencent.com/product/cdn

相关搜索:当改变屏幕尺寸时,如何将文本保持在html部分的中心?如何在所有不同大小的屏幕上保持相同的背景图像比例/大小?如何将按钮放置在图像下,并在窗口大小改变时保持固定?如何在通过代码多次更改sprite后保持图像的大小和位置?当NSPopover在屏幕上时,使NSStatusItem的按钮保持突出显示在Bootstrap中,如何在大屏幕和小屏幕上保持“相同”的填充?如何防止按钮在屏幕上的其他位置单击时失去焦点?如何在不同大小屏幕上用背景图像在适当的位置设置窗体如何在点击播放按钮时使对象保持在原来的位置按下按钮时将形状动态放置在屏幕上的某个位置- SwiftUI如果我在按钮中有一个图像,并且按钮的宽度在悬停时增加,我如何保持图像的位置固定在它最初的位置?当使用不同的屏幕尺寸时,我如何让Android Studio中的按钮保持在原位而不会消失当按钮在iOS中的状态改变时,我如何在按钮‘imageview’上添加动画?媒体查询和性能与在较小屏幕上显示大文件大小图像的对比当鼠标悬停在文本上时,如何在文本旁边显示图像?图像的位置必须根据文本的长度而改变如何在“创建新屏幕”上创建一个按钮,在Lightswitch中保存、关闭和启动一个新的“创建新屏幕”?Android Studio -当我在我的设备上运行它时,在设计和运行时都没有图像和按钮颜色显示另一种方法是在不使用绝对位置、顶部和左侧的情况下将按钮放在图像上我如何在我的Rails应用程序中显示文本和图像,这取决于内容是否在小屏幕上查看?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Material Design —悬浮响应式按钮(Buttons: Floating Action Button)

浮动操作按钮有两种尺寸: ·默认大小:对于大多数用例。 ·最小尺寸:只用于创建与其他屏幕元素的视觉连续性。...当屏幕宽度为460dp或更小时,按钮的大小应该从默认的(56dp)变为最小尺寸(40dp)。 ?...左:默认尺寸    右:最小尺寸 悬浮响应式按钮应该放置在离手机边缘至少16dp的位置,平板电脑/pc上至少需要离24dp。 ? 悬浮响应式按钮在聚焦时改变颜色,在选择时上浮。 ?...如果按钮在各个屏幕上的动作保持不变(如有必要,则转换为新位置),该按钮应保持在屏幕上。 列表 悬浮响应式按钮下面的列表应该在它们下面有足够的空间,以便它们的内容不被按钮挡住。...该列表不应包含无关的操作。 ? 变形 浮动操作按钮可以转换为属于应用程序结构的一部分材料。 这种戏剧性的变化突出了按钮所能实现的动作。 悬浮响应式按钮变形时,以有逻辑的方式在开始和结束位置之间转换。

5.8K90

最新iOS设计规范七|10大视觉规范(Visual Design)

在iOS应用中,您可以配置界面元素和布局,以在iPad上执行多任务处理时,在拆分视图中,在屏幕旋转时以及在其他设备上自动更改形状和大小。设计一个适应性强的界面在任何环境下都提供出色的体验非常重要。...例如:无论可用的屏幕空间多大,你都可以约束一个按钮,使其始终水平居中并定位在距离图像下方8pt的位置。 当检测到某些环境变化(称为特征)时,自动布局会根据指定的约束自动调整布局。...用户没有必要通过水平滚屏来阅读重要文本,或者放大才能查看主要图像,除非用户自己选择改变尺寸。 在整个APP中保持整体一致的外观。通常,具有相似功能的元素应该看起来是相似或者统一的。...由于“Home”指示器仍在屏幕上居中,因此它相对于应用程序界面的位置可能会发生变化。 插入全角按钮。延伸到屏幕边缘的按钮可能看起来不像按钮。遵守全角按钮两侧的标准UIKit边距。...为了保持视觉连续性,防止界面元素变得过于醒目或缺乏吸引力,插图的变化有时需要改变附近的颜色。例如:地图在使用地图模式时显示浅色模式,但在卫星模式时切换到深色模式。

8.1K30
  • iPhone X 适配指南 (官方翻译版)

    屏幕尺寸 在纵向方向上,iPhone X上的显示屏的宽度与iPhone 6,iPhone 7和iPhone 8的4.7 寸显示屏的宽度相匹配。...请参阅图像大小和分辨率和自定义图标。 布局 在设计iPhone X时,您必须确保布局填满屏幕,并且不会被设备的圆角,传感器外壳或用于访问主屏幕的指示灯遮蔽。...在iPhone X上预览您的应用程序。您可以使用Simulator(Xcode附带)来预览应用程序,并检查剪辑和其他布局问题。一些功能,如宽彩色图像,最好在实际设备上预览。 提供全屏体验。...请注意,当背景任务(如录音和位置跟踪)处于活动状态时,iPhone X上的状态栏不会改变高度。 如果您的应用程序目前隐藏状态栏,请重新考虑iPhone X上的决定。...同样,全屏iPhone X图稿在显示时被裁剪或被柱状显示全屏显示在4.7 寸iPhone上,确保重要的视觉内容保持在两种显示尺寸上。 避免将交互式控件明确放置在屏幕底部和角落。

    2.5K50

    折叠屏上应用设计规范,了解一下?

    包括适当缩放以展示更多内容,如示例中的副标题和日期,以及较小的组合技术,例如在紧凑型的布局中对内容进行视觉分组并保持其相关性等。...这一做法在小屏上或许行得通,当屏幕尺寸较大时就会出现明显的问题。网格系统则将您的布局划分为一系列栏,从而帮助您在规范网格中设计更具表现力的布局。...△ 使用栏式网格将屏幕划分为三个主要区域 在本例中,三个主要区域通过重排来保持相同的信息层次结构,但以更加人性化的方式在小屏幕上显示。...因此,每个页面都应足够灵活,而且应当能够在尺寸过渡期间保持状态不变,这个时候规范布局就能发挥重要作用。针对每个页面,您可以思考一下,当屏幕尺寸变大时,可以添加什么内容。...如下图所示,我们考虑一件事,当过渡到小屏幕尺寸时,面板上的内容应该放在哪里。

    4.5K20

    iOS 9人机界面指南(一)下篇:UI设计基础 - 腾讯ISUX

    自定义动画之间也需要保持一致性,这样可以让用户在使用应用以之前建立的经验为基础。 一般来说,自定义的动画要考虑动画的现实性和可信性。...不要像上图中的反例那样将仅有品牌意义的内容放在屏幕顶部二级栏上持续展示,使正文内容空间被压缩,而是考虑以其他低侵入性的方法无处不在地展示品牌,如使用自定义颜色、字体,或巧妙地定制屏幕的背景。...文本尺寸的响应式变化需要优先考虑内容。并不是所有的内容对于用户都是同等重要的。当用户选择更大的文本尺寸时,他们是想要使他们关注的内容更容易阅读;他们并不总是想要屏幕上的每个单词都更大。...例如,当用户选择具备更大易用性的文本尺寸时,邮件将会以更大的尺寸显示邮件的主题和内容,而对于那些没那么重要的信息——如时间和收件人——则采用较小的尺寸。 ?...一个好的应用图标应该在不同的背景以及不同的规格下都同样美观。为了丰富大尺寸图标的质感而添加的细节有可能让图标在小尺寸时变得不清晰。

    1.8K21

    iOS 图标图像 (官方翻译版)

    图像尺寸和分辨率 iOS用于将内容放置在屏幕上的坐标系基于以点为单位的测量,它们映射到显示屏中的像素。在标准分辨率屏幕上,一点等于一个像素。高分辨率屏幕具有较高的像素密度。...image.png 设计高分辨率作品 使用8px×8px的网格。网格保持线条清晰,并确保内容在所有尺寸上尽可能清晰,需要较少的修饰和锐化。...您无法预测哪些壁纸会为主屏幕选择,所以不要只是测试您的应用程序的光或暗的颜色。看看它如何看待不同的照片。尝试在具有动态背景的实际设备上,随设备移动而改变透视图。 保持图标角落正方形。...当用户选择替代图标时,该图标的相应尺寸将替换主屏幕,Spotlight和系统其他位置的主应用程序图标。...替代文字标签在屏幕上看不到,但是他们让VoiceOver听起来可以描述屏幕上的内容,使视觉障碍的人更方便导航。 自定义图标大小 最重要的是,您的应用程序的图标系列应在大小上视觉上保持一致。

    3.6K40

    Cocos——UI多端适配之道

    在Cocos上做多端适配需要先了解什么是设计分辨率和屏幕分辨率。...根据 Cocos 官方文档的介绍,设计分辨率 是内容生产者在制作场景时使用的分辨率蓝本,而 屏幕分辨率 是游戏在设备上运行时的实际屏幕显示分辨率。...所以我们在 Cocos 中 canvas 的大小通常就设置成宽为 667,高为 375 的设计分辨率,在此分辨率上完成基本的功能开发。 设计分辨率和屏幕分辨率的关系?...当场景中有节点需要贴边时 Widget 组件是不二的选择。 哪个节点作为贴边节点对齐的父节点? 当有节点需要贴边时,我们希望的是无论屏幕分辨率如何改变,节点总是能在屏幕的固定位置出现。...在我们使用 Fit Height 和 Fit Width 模式时,canvas 节点会占据屏幕的大小,这时需要贴边的节点相对于 canvas 节点设置贴边距离实际上就是相对屏幕设置贴边距离。

    2.3K30

    iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

    举个例子,不要在同一个应用中使用不透明导航栏和半透明工具栏。在屏幕处于同一方向时,最好不要改变不同屏上导航栏的背景图片、颜色和透明度。 确保你自定义的返回按钮的外观与操作仍然像一个返回按钮。...标签栏位于屏幕底部,并应该保证在应用内任何位置都可用。标签栏是半透明的,展示图标和文字内容,每一项均保持等宽。当用户选中某个标签时,该标签呈现适当的高亮状态。...可以检测图片本身及其父视图(parent view)的属性,并决定这个图片是否应该被拉伸、缩放、调整到适合屏幕的大小,或者固定在一个特定的位置。...在iOS 7及以上版本里,包含了模版图片(template image)的图片视图会把当前的色调(tint color)应用到图片上。 请务必确保图片视图中的每一张图片都保持相同的尺寸和比例。...确保用户在看不到浮出层背后的内容的时候仍然能顺利使用浮出层。浮出层会模糊背后的内容而且用户不能把它拖拽到其它位置。 确保同一时间内屏幕上只有一个浮出层。

    10.1K51

    【C++】飞机大战项目记录

    大小宽度: 对象的大小通常由宽度和高度来定义,这决定了精灵在屏幕上的占用空间和碰撞检测的范围。 draw方法: 这个方法负责将精灵绘制到游戏窗口。...通常,这包括调用图形库(如Pygame的blit方法)来在正确的位置和尺寸绘制精灵的图像。 update方法: update方法用于更新精灵的状态。...初始化飞机的位置坐标。 加载飞机状态对应的图像及其掩码。 绘制与更新 planeDraw 函数控制飞机在屏幕上的绘制,根据当前状态选择对应的图像和掩码。...性能优化:子弹的更新逻辑简单(单一的向上移动),这有助于在屏幕上同时处理大量子弹时保持游戏性能。 资源管理:使用动态分配的图像资源,并在对象销毁时释放,确保资源使用的正确性。...功能方法 menuSceneInit:初始化菜单场景,设置按钮的位置和大小,加载背景图像。 menuSceneDraw:绘制菜单背景和按钮。根据鼠标是否悬停在按钮上改变按钮文字颜色。

    29610

    最新iOS设计规范九|10大系统能力(System Capabilities)

    保持徽章放置的一致性和清晰性。徽章显示在对象照片的一个角上时看起来最好。始终将其放置在同一角落,并确保其足够大以至于清晰可见(但不要太大以至于遮挡了照片中的重要细节)。 保持最小的空白空间。...细看小部件 您可以创建小,中或大尺寸的小部件。在iPhone,iPad和Mac上,人们可以在窗口小部件库中找到窗口小部件,还可以在其中选择窗口小部件的大小。...偏好全天变化的动态信息。 如果窗口小部件的内容从未改变,则人们可能不会将其保持在显眼位置。尽管小部件不会每分钟更新一次,但是找到保持其内容新鲜以邀请频繁查看的方法很重要。 寻找惊喜和喜悦的机会。...为您的小部件写一个简洁的描述。 适应不同的屏幕尺寸 窗口小部件可以缩放以适应不同设备和屏幕区域的屏幕大小。通过提供适当大小的内容,确保小部件在每个设备上看起来都很好。...调整图像大小,以便在大型设备上以高比例缩放时看起来舒适。在为各种设备和比例因子创建图像时,请使用下面列出的尺寸作为指导。 ? 将内容的拐角半径与小部件的拐角半径进行协调。

    4.3K20

    Android相机开发那些坑

    surface是指向屏幕窗口原始图像缓冲区(raw buffer)的一个句柄,通过它可以获得这块屏幕上对应的canvas,进而完成在屏幕上绘制View的工作。...SurfaceView尺寸:即自定义相机应用中用于显示相机预览图像的View的尺寸,当它铺满全屏时就是屏幕的大小。这里surfaceview显示的预览图像暂且称作手机预览图像。...因为手机预览视图的图像是由相机预览图像根据SurfaceView大小缩放得来的,当长宽比不一致时必然会导致图像变形。...对应在拍摄图像上是高度方向,而屏幕上的y方向,对应到拍摄图像上则是宽度方向。...根据上面的文档,推测是锁屏下系统并没有改变surfaceview的可见性,于是我尝试在onPause和onResume时通过手动设置surfaceview的visibile属性,结果发现可以正常触发回调函数了

    29.6K50

    [ISUX译]iOS 9 人机界面指南(五):图标与图形设计 - 腾讯ISUX

    表格45-1所罗列出来的尺寸可以为自定义图标和图片做参考。 表格45-1 :自定义图标和图像的尺寸(像素) ? 注意: 如果你需要在主屏幕快捷操作上创建自定义icon,请参考主屏幕快捷操作 。...代表真实物品的icon或者图像应该精确地描摹出实物的特征,如织物、玻璃、纸张、金属等等,还要能表达实物的重量和质感。 保证你的icon在不同的背景图中都是好看的。...这个尺寸的app icon显示在App Store上时将不再额外添加任何视觉效果。...举个例子,下面这组系统标准图标看起来大小一致,但实际上收藏夹和语音邮箱的icon比其它三个略大一些。 ? 如果你在设计用于标签栏的图标,你应该提供图标的两种状态——未选中态和选中态。...UI元素的背景,如弹窗,按钮,导航栏,标签栏等,还包括这些栏上的项。

    1.6K31

    Material的布局原则

    原则 Material Design 指南通过源自印刷领域的设计元素 – 例如排版、网格、空白、缩放、颜色,和图像 – 来建立层次结构和传达所要表达的含义,并专注于带给用户沉浸式的体验。...Material Design 采用来自印刷设计领域的工具,如基准网格和结构模版,通过重复视觉元素,结构网格以及跨平台和屏幕尺寸的间距,促进不同环境下设计的一致性。...这些布局可通过缩放来适应任何屏幕大小,这简化了创建可扩展应用的过程。 纸片工作原理 在 Material Design 中,纸片的物理特性被转移到了屏幕中。...应用的背景类似于一张平坦、不透明质地的纸片,应用的行为也模仿纸片,可以改变大小、拖动及把多个纸片粘合在一起。 在本规范中,构成应用的表面被成为材料或材料片。...两片材料的接缝 阶层 两个 Z 轴位置不同的材料片重叠时,会形成阶层。这两个材料会相互独立移动。 两片重叠的材料构成的阶层 浮动操作按钮 浮动操作按钮 浮动操作按钮是和工具栏分离的圆形纸片。

    1.1K40

    flash的代码大全_flash脚本语言

    在问题的答案处插入该按钮,在该帧输入脚本: on(release) { gotoAndStop;//第i帧将答案固定显示在屏幕上 flash场景之间相互跳转的实现方法 在制作flash动画的时候...实体名为ok, ACTION: loadMovie(“dr/test.swf”, “_root.ok”); 控制这个MC的位置,大小等相对属性(Property)就会影响调入SWF的位置和大小。...答: 没什么太大的区别 外部文件如果导如的话可以降低文件的大小 在发布的时候或者做成光盘的时候需要和DCR文件一起走,并且始终保持相对路径不变 还有一个流式播放的问题 如果导入的声音文件过大就会影响同步效果...; “MC_Name”顾名思义是那个MC的名字了,“_xscale”和“_yscale”是指这个MC的X与Y点 的位置,这个位置是用来控制MC大小的。...答:这个问题似乎总会困扰初学者,但实际上问题很简单。首尾2帧中心位置没有放准在轨迹上。一个简单的检查办法:你把屏幕大小设定为4 00%或更大,察看图形中间出现的圆圈是否对准了运动轨迹。 32。

    5.1K20

    基于Python的飞机大战复现

    self.rect = self.image.get_rect(center=(screen_width/2, screen_height - 50)):获取飞机图像的矩形区域,并设置飞机的初始位置在屏幕底部中央...self.rect = self.image.get_rect(center=(x, y)):根据传入的坐标设置子弹的初始位置(这里的x和y在创建子弹实例时传入,通常是飞机的位置)。...处理退出事件和重试按钮点击事件,如果玩家点击重试按钮,则返回游戏主循环重新开始游戏,否则保持在结束界面。 游戏主循环 事件处理 处理退出事件,当玩家点击关闭窗口时,结束游戏循环。...飞机绘制与位置更新 screen.blit(plane.image, plane.rect):在屏幕上绘制飞机。...适配不同屏幕分辨率:目前游戏窗口大小固定,可以增加代码来适应不同的屏幕分辨率,使游戏在更多设备上有更好的显示效果。

    8510

    使用Android模拟器预览调试程序

    又想做对应型号(屏幕尺寸、Android系统版本)的适配,应该怎么办呢?...为了便于模拟和测试应用程序,Android模拟器允许你的应用程序通过Android平台服务调用其他程序、访问网络、播放音频和视频、保存和传输数据、通知用户、渲染图像过渡和场景。...下面的章节将提供关于模拟器的详细信息,以及如何在开发应用程序中使用模拟器。 操作模拟器 你可以通过模拟器的启动选项和控制台命令来控制模拟环境的行为和特性。...这里你可以选择列表中的一个设备,也可以点击“Create New Enulator”按钮创建一个新的虚拟设备,不同型号(屏幕尺寸、Android系统版本)。...如果APP成功编译通过,会在新打开的窗口中看到类似如下界面: 我是为程序添加了一个按钮,添加了点击事件的响应程序,可以直接通过鼠标点击屏幕中的按钮触发事件。

    2.1K20

    iOS 9人机界面指南(一)上篇:UI设计基础 - 腾讯ISUX

    无论你是使用系统字体还是自定义字体,一定要采用动态类型,这样一来当用户选择不同字体尺寸时,你的应用才可以及时做出响应。 ? 使用无边框的按钮。默认情况下,所有的栏(bar)上的按钮都是无边框的。...1.1.3 用深度层次来进行交流 (Use Depth to Communicate) iOS经常在不同的视图层级上展现内容,用以表达层次结构和位置,这样可以帮助用户了解屏幕上对象之间的关系。...视图的所有类型有:控件(比如按钮和滑块)、内容视图(比如集合视图和表格视图),以及临时视图(如警告提示和动作菜单)。 要在应用中管理一组或者一系列的视图,通常需要使用视图控制器。...随着环境变化改变专注点会让用户感觉到迷失方向,让他们感觉对应用失去控制。 避免布局上不必要的变化。在所有环境中保持一致的使用体验,能让人们在旋转设备或在不同设备上运行你的应用时维持稳定的使用模式。...例如,用户应当无需水平滚动就能看到重要的文本,或不用放大就可以看到主体图像。 准备好改变字体大小。用户期望大多数应用都可以响应他们在iOS的设置中设定的字体大小。

    1.9K41

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

    维护密度无关系性很重要,因为,如果没有它,一个UI元素(如按钮)在一个低密度屏幕上看起来较大而在一个高密度屏幕上看起来很小。这样的密度相关的尺寸的改变影响应用程序的布局和使用。...例如,在较大屏幕上,可能会调整某些元素的位置和尺寸去充分利用额外的屏幕空间,或者在一个较小屏幕上,会调整尺寸使得一切都可以在屏幕上显示。 可以提供指定大小资源的配置限定符,有小、标准、大、超大。...这种情况下,应该为小屏幕提供一种可替代的布局,即通过调整这些按钮的大小或位置。 当在超大屏幕上测试时,可能会意识到,布局并没有有效地利用大屏幕,而是通过拉伸来填充它。...为了更好地了解在运行过程中改变了图像时如何做到支持多密度,应该了解,系统通过以下几种方式确保合适的位图尺寸: 1.预先调整的资源(如位图绘图) :基于当前屏幕的密度,系统使用应用程序中任何指定尺寸和密度的资源...如何在多屏上测试你的应用程序 在发布应用程序之前,应该在所有支持的屏幕尺寸和密度上彻底地测试应用程序。

    2.7K60

    【愚公系列】2023年11月 Winform控件专题 Button控件详解

    ("控件位置已经改变");}相对位置的计算:使用PointToClient和PointToScreen方法可以将控件的位置转换为相对于窗口客户端区域的坐标和相对于屏幕的坐标:// 将控件的位置转换为对应窗口客户端区域的坐标...使用Margin和Padding可以使控件之间和控件内部的布局更加美观和合理。在设计Winform界面时,通常需要使用Margin和Padding属性来微调控件的位置和大小,以达到预期的布局效果。...Stretch:将原始图像拉伸以适应控件的大小,可能会导致图像失真。Zoom:将原始图像缩放以适应控件的大小,保持图像不失真,但可能会导致部分图像被裁去。...4.设置完成后,在设计时预览窗体即可看到背景图像效果。需要注意的是,在设置窗体背景图像时,应选择合适的图像分辨率和大小,以避免影响窗体的显示效果和性能。...;此代码将使按钮上的图像位于按钮文本的左侧。

    1.8K12

    【软件开发规范七】《Android UI设计规范》

    这些是纸片的魔法特性,真实纸片所不具备的能力: 纸片可以伸缩、改变形状 纸片变形时可以裁剪内容,比如纸片缩小时,内容大小不变,而是隐藏超出部分 多张纸片可以拼接成一张 一张纸片可以分裂成多张 纸片可以在任何位置凭空出现...在同一个列表中,主、副操作区的内容与位置要保持一致。 ​编辑 在同一个列表中,滑动手势操作保持一致。 ​...编辑 ​编辑 靠近屏幕边缘时,位置可适当错开。 ​编辑 菜单过长时,需要显示滚动条。 ​编辑 菜单从当前选项固定位置展开,不要跟随点击位置改变。 ​...不能出现一个以上的Snackbars。 Snackbars在移动设备上,出现在底部。在PC上,应该悬浮在屏幕左下角。 ​编辑 不一定要用户响应的提示,可以使用Snackbars。...手机端的侧边抽屉距离屏幕右侧56dp。 ​编辑 侧边抽屉支持滚动。如果内容过长,设置和帮助反馈可以固定在底部。抽屉收起时,会保留之前的滚动位置。 ​

    5.1K20
    领券