为了适应多分辨率，一个方法是：在标准基础（MDPI）上开始，然后放大或缩小，以适应到其他尺寸。另一个办法是从设备的最大尺寸开始，然后缩小，并适应到所需的最小屏幕尺寸。...触摸反馈 利用颜色和光作为触摸的反馈，强调交互行为的结果，暗示哪些操作能用，哪些操作不能用。 ? B. 48dp规律 通常把48dp作为可触摸的UI元件的标准。 ? 为什么要用48dp呢？...一般来说，48dp转化为一个物理尺寸约9毫米。建议的目标大小为7-10毫米的范围，这是一个用户手指能准确并且舒适触摸的区域。 如果你设计的元素高和宽至少48dp，你就可以保证： （1）....触摸目标绝不会比建议的最低目标（7mm）小，无论在什么屏幕上显示。 （2）. 在整体信息密度和触摸目标大小之间取得了一个很好的平衡。 而每个UI元素之间的空白通常是8dp....高72px，开发就会定义该item高48dp。
一、android篇 1、android分辨率 屏幕尺寸 指实际的物理尺寸，为屏幕对角线的测量。 为了简单起见，Android把实际屏幕尺寸分为四个广义的大小：小，正常，大，特大。...但根据48dp原则，以及一些主流的android应用的截图分析，总结一下尺寸要求： 状态栏高度：50 px 导航栏、操作栏高度：96px=48dp x 2 主菜单栏高度：96 px 内容区域高度...f、其他尺寸要求 通常把48dp作为可触摸的UI元件的标准。 为什么要用48dp呢？一般来说，48dp转化为一个物理尺寸约9毫米。...通常建议目标大小为7-10毫米，以方便用户手指能准确并且舒适触摸目标区域。...如果你设计的元素高和宽至少48dp，你就可以保证： （1）触摸目标绝不会比建议的最低目标（7mm）小，无论在什么屏幕上显示。 （2）在整体信息密度和触摸目标大小之间取得了一个很好的平衡。
在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。...但根据48dp原则，以及一些主流的android应用的截图分析，总结一下尺寸要求： 状态栏高度：50 px 导航栏、操作栏高度：96 px=48dp x 2 主菜单栏高度：96 px 内容区域高度：1038...f、其他尺寸要求 通常把48dp作为可触摸的UI元件的标准。 ? 为什么要用48dp呢？一般来说，48dp转化为一个物理尺寸约9毫米。...通常建议目标大小为7-10毫米，以方便用户手指能准确并且舒适触摸目标区域。...如果你设计的元素高和宽至少48dp，你就可以保证： （1）触摸目标绝不会比建议的最低目标（7mm）小，无论在什么屏幕上显示。 （2）在整体信息密度和触摸目标大小之间取得了一个很好的平衡。
样式 布局 Material Design 的触摸目标指南使那些无法看到屏幕、或者运动不灵活的用户能够点击应用中的元素。 触摸目标 触摸目标是屏幕中响应用户输入的部分。...例如，图标可能显示为 24 x 24 dp，但是加上图标周围的边距，则构成了 48 x 48 dp 的触摸目标。 触摸目标应该至少为 48 x 48 dp。...不管屏幕有多大，这种尺寸的触摸目标都相当于大约 9mm 的物理尺寸。推荐的触摸目标的尺寸为 7-10mm。可能需要使用更大的触摸目标来适配更大范围的用户，例如运动能力还在发展中的儿童。...触摸目标间距 在大多数情况下，触摸目标应该以 8dp 或更大的间距进行分隔，以确保均衡的信息密度和可用性。...头像：40dp 图标：24dp 两者的触摸目标：48dp 触摸目标示例 触摸目标高度：48dp 按钮高度：36dp 触摸目标和按钮示例 分组项目 把相关的项目放在一起，对那些视力低下或者在屏幕上聚焦困难的用户是有帮助的
switch (action) { case MotionEvent.ACTION_DOWN: Log.d(TAG, "触摸...作为开发者，你应该用 dp 值来声明图片的宽度和高度，例如 48dp x 48dp。然后 Android 会确保所有这些图片在各种不同的设备上大概保持相同的尺寸，无论是每英寸的像素数量是多少。...应用运行时，Android 设备不会对图片做出太多的拉伸或缩小处理，设计师要知道提供哪些尺寸的资源，他们可以遵守一定的独立像素与像素转换比例。...我们来举个例子： 对中密度设备来说 1 dp = 1 px，所以如果我们希望图片的尺寸是 48dp x 48dp，那么该图片的 mdpi 版本应该是 48px x 48px 对于高密度设备来说 1 dp...= 1.5 px，所以如果我们希望图片的尺寸为 48dp x 48dp，那么该图片的 hdpi 版本应该为 72px x 72px 我们可以根据提供的比例计算出高分辨率的尺寸，可以看出，图片的 xxxhdpi
因此，在购物过程的每一个阶段，即使付之最小的努力都有可能利于用户的整个体验过程（我们也应该以利于用户为目标）。...确保你的图片使用恰当的尺寸并可跨平台使用。...（1）Android平台，图片应使用XHDPI (或者 XXHDPI)分辨率； （2）IOS平台，iPhone6 Plus使用@3x尺寸，所有其他高分辨率设备使用@2x尺寸； ?...3、按钮要足够大 应该使所有的控件元素足够大好让用户容易做点按操作； （1）Android要求诸如按钮、图标、图标标签等所有控件元素的可触摸尺寸大小为48dp； （2）iOS则要求所有控件元素的可触摸尺寸大小为
:id="@+id/btn_1" android:layout_width="0dp" android:layout_height="48dp" android...:id="@+id/btn_2" android:layout_width="0dp" android:layout_height="48dp" android...:id="@+id/btn_3" android:layout_width="0dp" android:layout_height="48dp" android...:id="@+id/btn_4" android:layout_width="0dp" android:layout_height="48dp" android...显示键盘 在View中是可以获取到点击触摸事件的，那么我们可以在自定义View中新增如下代码： /** * 触摸事件 */ @SuppressLint("ClickableViewAccessibility
Android UI 切图命名规范、标注规范及单位描述 很多UI设计师做APP切图都会有两套，一套是Android的，一套是IOS的。IOS我这边暂不作讲解，因为我本人也不是开发IOS。...这里整理一下我在Android开发中总结的一些有利于本人开发的一些资源图片命名规则，并将其中有价值传播给大家。...尺寸：1、画布大小定位 720 x 1280 或 1080 x 1920，72 dpi等； 2、只使用偶数单位的尺寸，比如 96 px 的列表项高度，16 px 的边距，64 px 的图标边长；...3、切图包的存放位置（以当前48dp为例）： 对应dp 48dp 48dp 48dp 48dp 48dp 48dp 对应px 36px 48px 72px 96px 144px 192px 文件夹 ldpi...mdpi hdpi xhdpi xxhdpi xxxhdpi 4、常用设计尺寸分辨率： ?
肯定心里会想，放在哪一个都行，只要是在android中的res目录下的drawable中就行，系统会自己找到。...在分辨率低于480*800时把图片放在drawable—mdpi中是不会有什么影响，但是当分辨率为420*800或高于它时就会出问题了。...layout-640×360 根据屏幕尺寸 layout-xhdpi 根据屏幕尺寸 layout-xhdpi-v19 根据屏幕尺寸和sdk版本 2）hdpi、mdpi、ldpi 在之前的版本中，只有一个...每英寸上的像素数,即 “像素密度” xxxhdpi: 4.0 xxhdpi: 3.0 xhdpi: 2.0 hdpi: 1.5 mdpi: 1.0 (baseline) ldpi: 0.75 比如一个48dp...x 48dp的图片在不同文件夹下的px大小 xxxhdpi:192*192 xxhdpi:144*144 xhdpi:96*96 hdpi:72*72 mdpi:48*48 ldpi:36*36 dp
:id="@+id/btn_9" android:layout_width="0dp" android:layout_height="48dp" android...:id="@+id/btn_8" android:layout_width="0dp" android:layout_height="48dp" android...:id="@+id/btn_7" android:layout_width="0dp" android:layout_height="48dp" android...:id="@+id/btn_b" android:layout_width="0dp" android:layout_height="48dp" android...显示键盘 在View中是可以获取到点击触摸事件的，那么我们可以在自定义View中新增如下代码： /** * 触摸事件 */ @SuppressLint("ClickableViewAccessibility
fitXY fitXY的目标是填充整个ImageView，为了完成这个目标，它需要对图片进行一些缩放操作，在缩放的过程中，它不会按照原图的比例来缩放。...android:layout_height="48dp" android:background="#aa99cc" android:scaleType="..." /> 显示效果如下： centerInsid centerInside的目标是将原图完整的显示出来，故按比例缩放原图，使得ImageView可以将原图完整显示，比如下面一个Demo：...<ImageView android:layout_width="48dp" android:layout_height="256dp" android:...<ImageView android:layout_width="256dp" android:layout_height="48dp" android
而屏幕适配又包括： 屏幕尺寸（small,normal,large,xlarge , 这些在Android 3.2以上版本开始不建议使用，转而使用最小屏幕宽度如 sw600dp，最小宽度，最小高度等）...android:layout_width="48dp" android:layout_height="48dp" android:text="fragment...="48dp" android:layout_height="48dp" android:layout_marginTop="5dp" android...android:layout_width="48dp" android:layout_height="48dp" android:layout_marginTop="...<ImageView android:layout_width="48dp" android:layout_height="48dp" android
="48dp" /> <View android:layout_width="120dp" android:layout_height="48dp" />...<View android:layout_width="160dp" android:layout_height="48dp" /> ?...所谓的 Intrinsic Measurement，指的是 Compose 允许父组件在对子组件进行测量之前，先测量一下子组件的「固有尺寸」，直白地说就是「你内部内容的最大或者最小尺寸是多少」。...刚才那个「固有特性测量」的翻译，我为什么觉得没有灵魂呢，主要是那个「固有特性」指的其实就是「固有尺寸」，也就是这个组件它自身的宽度和高度。...不过无伤大雅啊，不管是「固有尺寸测量」还是「固有特性测量」，这个设计真的很好，它让 Compose 逃过了 Android 原生 View 系统里的一个性能陷阱。
比如 DrawerLayout 或尺寸较大的 ViewPager。 问题 4: 该视图/控件需要滑动拖动交互吗？ 这个紧接着问题 3 。...对 Android 10 来说，强制交互区域只有一个，那就是屏幕底部。该区域内的滑动操作能让用户返回主屏或访问最近使用的其他应用。...这就是 Android 10 中新引入的手势区域排除 API。 应用可以通过 Android 10 中新增的系统手势区域排除 API 来让系统边缘的一部分区域不响应系统手势。...正如我们前面提到的，手势区域排除 API 只有在万不得已的情况下才可以使用，因此我们计算了可能需要应用这套机制的触摸对象的面积。触摸对象的最小推荐尺寸是 48dp。...我们取 4个触摸对象，即 4 × 48dp = 192dp。再加入一点富余量，即为 200dp。 如果开发者要求在边缘上切出 200dp 以上的区域会怎样？
CoordinatorLayout通过协调调度子布局的形式实现触摸影响布局的形式产生动画效果。...><android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android...android:layout_width="match_parent" android:layout_height="wrap_content" android...expandedTitleMarginBottom="160dp" app:expandedTitleMarginEnd="64dp" app:expandedTitleMarginStart="48dp...3、app:expandedTitleMarginStart="48dp" 可以设置扩张时候标题向左填充的距离。
在《最新Android & iOS设计尺寸规范》一文中介绍 APP 设计规范（https://ds.mockplus.cn），同时本文也是一些补充。...左边是iOS标准日期选择器; 右边是Android标准日期选择器 左边是iOS标准选择器；右边是Android标准选择器 IOS和Android中的按钮样式 在Android设计规范中有2种不同样式的按钮...左边是标准的Android底部菜单视图；右边是标准的iOS标准菜单视图 在触摸范围和系统网格之间存在的差异 iOS 和 Android的触摸范围略有不同 (iOS最小的触摸范围为44px @1x，Android...为48dp/48px @1x)....标签选项卡固定在一个位置不变，内容界面在水平方向上进行移动 在应用的最上层，切换目标通常被分在主要任务(这些任务可能彼此不相关)上。这些界面通过改变不透明度和缩放值来进行适当的转换。
– 类似于其他设计/绘图应用，该控键允许你调整widget尺寸 侧约束控键 – 该控键让你指定widget的位置。...例如你有两个不同尺寸的widget但是你想要他们的文字部分对齐。 《ConstraintLayout从入门到放弃》 太长；别读 5....我们的目标是在容器、ImageView以及TextView之间创建约束。 假设我们想要TextView置于ImageView下方。...控制widget内部尺寸 – Inspector内部的线让你可以控制widget内部尺寸。...调整TextView和Plain Text为48dp。并自动创建约束。 同样的选中上传button放置到右侧。
在这个控件中我们可以看到不同的手柄 改变尺寸的手柄: 类似于其它你可能已经用过的绘图设计程序, 调整尺寸的手柄允许你改变控件的尺寸....另外也可以通过移动控件到目标目标位置实现这一点. 继续, 改变垂直偏量至75％, 而横向偏量到75％. 下面的图可用作参考....控制控件的内部尺寸: 控件内部的线允许你控制它的尺寸, 你可以点击特定的线看看它的具体运作方式. 这是 Inspector 中一个控件的放大视图....作为一个练习, 移动 TextView 到 ImageView 下方 48dp 的位置. 要做到这个, 选择 TextView 并移动它直到它位于 ImageView 下方 48dp 处....由推理创建的约束依赖于添加到布局的元素的类型和他们的尺寸.
此版本新增了一些功能，比如经过优化的焦点处理、触摸目标值、ImageVector 缓存，和对 Android 12 拉伸滚动的支持。...触摸目标值 相对于 Compose 1.0，Material 组件将扩展其布局空间来满足 Material 无障碍指南 的 触摸目标值 要求。...例如，即使您调低 RadioButton 的大小，RadioButton's 触摸目标的尺寸仍将扩展为至少 48x48dp。...此更改还可确保当您使用 Compose Material 组件创建界面时，能够满足触摸目标无障碍功能的最低要求。...△ RadioButton 触摸目标更新 左: Compose 1.0，右: Compose 1.1 从实验版到稳定版的 API 一些 API 从实验版过渡到了稳定版。
，在运行Android 12 Developer Preview 1的设备上，不信任的触摸被阻止。...除少数特殊情况外，当您的应用程序尝试调用包含此操作的intent时，系统会执行以下操作之一在您应用的目标SDK版本上： 如果您的应用程序以Android 12为目标，则会出现a 。...您的应用程序以Android 11或更低版本为目标，并在通知抽屉的顶部显示一个窗口。...在测试时，请考虑以下因素并进行必要的调整： 自定义视图的尺寸已更改。通常，自定义通知的高度要小于以前。在折叠状态下，自定义内容的最大高度已从106dp降低到48dp。...所有通知均可针对以Android 12为目标的应用进行扩展。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
