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

听说谷歌Baba更新了 Material UI ...

Bottom Navigation BottomNavigationView创建底部导航栏,用户只需轻点一下即可轻松浏览和切换顶级内容视图。 ...项目有3到5个顶层(底部)目的地导航到时,可以使用此模式。...使用也是很Easy,如下: 创建一个菜单资源 ,最多5个导航目标(BottomNavigationView不支持超过5个项目); 在内容下面放置BottomNavigationView; 将BottomNavigationView...持久性底部页面是从屏幕底部出现的视图,在主要内容上升高。他们可以垂直拖动以暴露他们的内容列表。 注意:如果要使用模态(对话框)的底页,请使用 BottomSheetDialogFragment。...如果已经在Activity使用CoordinatorLayout,添加底部表单很简单: 将任何视图添加为CoordinatorLayout的直接子视图

3K20

自定义View:手撸一个带FAB凹槽的底部导航栏

如果你的FAB移动了,导航栏怎么跟着变化? 同事:没得怎么变化,反正需求没有说要加动画 我:那要是PM要你的导航栏凹陷深度依赖于FAB的位置大小,你要怎么处理? 同事:......那阁下又如何应对?...(摆烂) emmmmm.....好了成功激起了我的好奇心,横竖现下手头上没啥要紧的活,那就自己手撸一个来玩玩hhhh!...当然了实际上不用那么麻烦一点点手动创建,贴心的AS直接有提供一键生成以上文件的快捷方式,相关依赖也自动导入,只需新建Activity选择Bottom Navigation Views Activity...假设按钮在垂直方向上的当前位移距离大小为d,按钮向上运动导航栏上的凹槽应该往中间收缩,在收缩过程中保持两旁小圆半径大小和30°夹角不变,这时另中间圆的圆心同步在垂直方向上移动-d,动态修改distance...cancel() }) } objectAnimation.start() } 代码逻辑很简单,onFabClick方法被触发,按钮会在垂直方向上在给定的运动区间内做一次往返位移

13010
您找到你想要的搜索结果了吗?
是的
没有找到

Android scrollTo和scrollBy方法使用解析

这里需要先了解一下视图移动的一些知识。大家在理解这个问题的时候,不妨这样想象手机屏幕一个中空的盖板,盖板下面是一个巨大的画布,也就是我们想要显示的视图。...把这个盖板盖在画布上的某一处,透过中间的矩形,我们看见了手机屏幕上想要显示视图,而画布上其他地方的视图,则被盖板盖住了无法看见。...调用scrollBy方法,可以想象为外面的盖板在移动,这么说比较抽象,来看一个具体的例子: 如下图:中间的矩形相当于屏幕,即可视区域。后面的content就相当于画布,代表视图。...大家可以看到,只有视图的中间的部分目前是可视的,其他部分都不可见。在可见区域中,我们设置了一个Button,它的坐标为(20, 10)。...我们可以发现,虽然设置scrollBy(20,10),偏移量均为X轴、Y轴正方向上的正数,但是在屏幕的可视区域内,Button却向X轴、Y轴负方向上移动了。

1.5K40

Android开发之漫漫长途 XIII——Fragment最佳实践

该系列引用了《Android开发艺术探索》以及《深入理解Android 卷Ⅰ,Ⅱ,Ⅲ》中的相关知识,另外也借鉴了其他的优质博客,在此向各位大神表示感谢,膜拜!!!...Fragment的设计最初也许是为了大屏幕平板设备的需求,不过现在Fragment已经广泛运用到我们普通的手机设备上。下图是我们几乎在主流App中都能发现的一个功能。 ?...R.id.frame_content,new GoodsFragment(),GoodsFragment.class.getName()).commit(); 如上面所示代码块中,我们先进行了3次添加操作,之后的replace操作移出前面添加的...fragment) : 隐藏一个存在的Fragment 注:①Fragment被hide/show,仅仅是隐藏/显示Fragment的视图,不会有任何生命周期方法的调用。...还有一些其他的方法这里就不一一列举了,有了上面所列出的方法,我们就能对Fragment有个很不错的优化了。

1.3K20

Android Studio 4.0+ 中新的 UI 层次结构调试工具

如果您启用了 Live Updates 选项,那么您在设备上操作界面,快照会动态更新。 该版本的布局检查器延续了之前版本的功能并且更加多样化。...点击 rotation 按钮会在二维和三维视图之间进行切换。处于旋转模式,您可以旋转 UI 层次结构。旋转操作可以帮助您更直观地了解视图的组织结构。...您也可以选中一个视图,然后右键点击它后,窗口仅显示它的子视图。 同样,您可以仅显示一个所选视图的父视图。 右侧的窗格显示所选视图的所有已声明的属性和继承的属性。...这里我们有一个简单的示例应用,它包含一个 fragment,其中有一些静态文本和一个图片。如果您在阅读文章想同步进行操作,可以先按照下面步骤操作创建工程。...看一下布局文件,我们可以看到底部的导航视图是存在的,但是屏幕却没有显示它。

2.3K20

Android Studio 4.0+ 中新的 UI 层次结构调试工具

选择所需的应用进程后,布局检查器基于当前 UI 层次结构创建一个快照。如果您启用了 Live Updates 选项,那么您在设备上操作界面,快照会动态更新。...点击 rotation 按钮会在二维和三维视图之间进行切换。处于旋转模式,您可以旋转 UI 层次结构。旋转操作可以帮助您更直观地了解视图的组织结构。...您也可以选中一个视图,然后右键点击它后,窗口仅显示它的子视图。 同样,您可以仅显示一个所选视图的父视图。 右侧的窗格显示所选视图的所有已声明的属性和继承的属性。...这里我们有一个简单的示例应用,它包含一个 fragment,其中有一些静态文本和一个图片。如果您在阅读文章想同步进行操作,可以先按照下面步骤操作创建工程。...您运行应用的时候,您会看到一个可爱的 android,但是里面少了一些东西: 底部的导航标签。看一下布局文件,我们可以看到底部的导航视图是存在的,但是屏幕却没有显示它。

1.1K10

提高效率 |ArcGIS Pro 中所有快捷键一网打尽

Ctrl+L 布局为活动视图,锁定或解锁在内容窗格中选择的项目。 Ctrl+Shift+L 布局为活动视图,请在内容窗格中锁定或解锁该级别上的所有项目。...J 沿向下靠近视图的方向下移。 在 2D 中,这类似于持续放大。在 3D 中,照相机会垂直向下移动向上翻页键 向上移动一个屏幕大小。 在 2D 中,向前平移一个屏幕宽度。...在 3D 中,视图沿指针所指示的远离视图中心的方向平移时,将保留照相机的方位角和高度角。Shift+Q降低漫游速度。 Ctrl+Q提高漫游速度。 方向键向左、向右、向上或向下移动视图。...在 3D 中,照相机会垂直向下移动向上翻页键向上移动一个屏幕大小。在 2D 中,向前平移一个屏幕宽度。 在 3D 中,照相机在保持照相机角度和高度不变的同时会向前移动一个屏幕宽度。...模式 用于模型的键盘快捷键 键盘快捷键 操作 Ctrl+N 模型视图处于活动状态,创建一个新模型。 Ctrl+S 保存活动模型。 Ctrl+Shift+S 使用其他名称和位置保存活动模型。

86620

Win10 快捷键大全(史上最全)「建议收藏」

Alt + 空格键 为活动窗口打开快捷菜单 Alt + 向左键 后退 Alt + 向右键 前进 Alt + Page Up 向上移动一个屏幕 Alt + Page Down 向下移动一个屏幕 Ctrl...Ctrl + 向上键 将光标移动到上一个段落的起始处 Ctrl + Alt + Tab 使用箭头键在所有打开的应用之间切换 Ctrl + Alt + Shift + 箭头键 分组或磁贴在“开始”菜单中获得焦点...向左键 将选择内容或活动形状向左移动一个像素 向下键 将选择内容或活动形状向下移动一个像素 向上键 将选择内容或活动形状向上移动一个像素 Shift + F10 显示上下文菜单 “照片”键盘快捷方式...将光标向右移动一个字 Ctrl + 向上键 将光标移动到上一行 Ctrl + 向下键 将光标移动到下一行 Ctrl + Home 移动到文档的开头 Ctrl + End 移动到文档的末尾 Ctrl +...Page Up 向上移动一个页面 Ctrl + Page Down 向下移动一个页面 Ctrl + Delete 删除下一个字 Alt + F4 关闭“写字板” Shift + F10 显示上下文菜单

16.1K30

windows10切换快捷键_Word快捷键大全

Alt + 空格键 为活动窗口打开快捷菜单 Alt + 向左键 后退 Alt + 向右键 前进 Alt + Page Up 向上移动一个屏幕 Alt + Page Down 向下移动一个屏幕 Ctrl...Ctrl + 向上键 将光标移动到上一个段落的起始处 Ctrl + Alt + Tab 使用箭头键在所有打开的应用之间切换 Ctrl + Alt + Shift + 箭头键 分组或磁贴在“开始”菜单中获得焦点...Win + Home 最小化除活动桌面窗口以外的所有窗口(在第二道笔划还原所有窗口) Win + Shift + 向上键 将桌面窗口拉伸到屏幕的顶部和底部 Win + Shift + 向下键 在垂直方向上还原...Ctrl + 向下键 转到第一个子项(仅当应用提供结构导航) Caps Lock + N 移动到主陆标 扫描模式键盘命令 快捷键 功能 向上键和向下键 移动到应用或网页中的下一行或上一行文本 向右键和向左键...激活主要操作 用一根手指点击三次或按住,然后用另一根手指双击屏幕上的任意位置 激活辅助操作 用一根手指按住,然后用另外两根手指点击屏幕上的任意位置 开始拖动或其他按键选项 用一根手指向左或向右轻拂 移动到下一个或上一个项目

5.3K10

Material Design — Navigation drawerStandard drawer Modal drawer Bottom drawer

导航抽屉表可以从屏幕左侧出现 (1),或者在与 bottom app bar (2)同时使用时从屏幕底部打开。 范围小于62.5% ?...行为 移动端打开(纵向) 与其他 modal bottom sheets 一样, bottom navigation drawer 的初始垂直位置基于其内容和屏幕高度,但最初不能在高于屏幕高度的50%以上打开...调整 bottom navigation drawer 的打开位置,以便在屏幕底部剪切最后一个视图中的列表项。 这可以通知用户有更多项目要查看。...移动端打开(横向) 在移动端的横向方向上,较高的 bottom navigation drawers 自动打开到全屏模式。 ? ?...最初打开到屏幕高度的50%,在显示其他项目之前,必须将 drawer 拖到屏幕高度。 在滚动,drawer 的标题变成了一个高的 top app bar,并具有很好的可供性。 ?

3.8K40

Material Design — 菜单(Menus)

单个菜单项状态 某些app状态可能导致只有一个菜单项的情景菜单。 例如,使网页上的文本高亮,Android仅显示“复制”菜单项,因为用户无法“剪切”或“粘贴”文本。 ?...一个例子是在横向上查看手机上的菜单。 ? 可以内部滚动的菜单 级联菜单(仅限pc) 级联菜单可根据菜单与屏幕垂直和水平边缘的接近程度放置菜单。 ?...菜单项选择 选择一个选项提交选项并关闭菜单。 取消选择 触摸菜单外部或按下系统“后退”按钮,取消操作并关闭菜单。 ? 简单菜单 ·打开,简单菜单尝试将当前选定的菜单项目与列表项目垂直对齐。...向上展开的简单菜单 ·不要在简单菜单弹出的第一个选项上放列表中的非已选项(如下图)。 ? ·但在靠近屏幕边缘,简单菜单重新定位其垂直对齐方式,以便所有菜单项都完全可见。 ?...·菜单宽度取决于字符串长度,在移动设备上定义为56dp单位的倍数。 ·简单菜单始终在屏幕的左侧和右侧保持16dp的留白(手机)或24dp留白(平板)。 ?

5.8K100

实践 | Google IO 应用是如何适配大尺寸屏幕 UI 的?

来根据当前的设备配置确定呈现给用户哪一个视图。...我们采用了 SlidingPaneLayout,它为上述问题提供了一个直观的解决方案。双窗格一直存在,但根据屏幕的尺寸,第二窗格可能不会显示在可视范围当中。...这个回调监听滑动窗格的移动以及关注各个窗格导航目的页面的变化,因此它能够评估下一次按下返回键应该如何处理。...可能有些反直觉的是,平板电脑横屏属于窄尺寸模式,而其竖屏使用时属于宽尺寸模式。...然而,这并不总是能在特定屏幕尺寸下为用户带来最佳的体验。 UI 元素拉伸过度、相距过远或是过于密集,往往难以传达信息,触控元素也变得难以辨识,并导致应用的可用性受到影响。

2.1K20

两个 viewports 的故事-第二部分

手机屏幕小于桌面屏幕,最大宽度也就 400px 甚至更小(有些手机据称有更大的宽度,那是骗人的,或者至少给我们的是无用的信息)。...缩放 很明显,两种视图都是用 CSS 像素测算。视觉视图通过缩放改变(如果是放大,屏幕上的 CSS 像素变少),布局视图的尺寸不会变。...很多浏览器仍然需要增加对视觉视图尺寸的支持。还没有浏览器具有其他保存该尺寸的属性值。所以我猜想 window.innerWidth/Height 是一个标准属性,尽管支持性不太好。...大多数浏览器会通过缩小来在屏幕上显示整个布局视图,如下图的效果 ? 所有的用户立即放大查看,但是大多数浏览器保持元素的宽度不变,这使得文本很难阅读。 ?...现在你可能设置 html {width: 320px} 。 元素收缩了,其他元素的宽度是 320px 的 100%。

1.7K70

利用BottomNavigationView实现底部标签栏

不过为了定制页面的详细内容,开发者仍需修改相关代码,譬如将标签文字从英文改成中文,将频道上方的描述说明从英文改成中文,给频道页面添加图像视图其他控件等等,故而还得梳理标签栏框架的实现方式。...首先查看标签页面的布局文件,它的关键代码如下所示:     <com.google.android.material.bottomnavigation.BottomNavigationView        ...BottomNavigationView(底部导航视图),另一个是位于其上占据剩余屏幕的碎片fragment。...        android:title="@string/title_notifications" /> 上面的菜单定义文件以menu为根节点,内部容纳三个item节点,分别对应屏幕底部的三个标签...这些默认的碎片代码到底有何不同,打开其中一个HomeFragment.java研究研究,它的关键代码如下所示:     public View onCreateView(@NonNull LayoutInflater

2.2K30

Direct3D 11 Tutorial 4: 3D Spaces_Direct3D 11 教程4:3D空间

在左手系统中,X轴指向右侧,Y轴指向上,Z轴指向前方。 在右手系统中,具有相同的X和Y轴,Z轴指向后方。 图1.左手坐标系与右手坐标系 ? 现在我们已经讨论过坐标系,考虑3D空间。...因此,点没有移动,它有一个新的坐标。 图2. 1D中的空间图示 ?...例如,如果我们想要将摄像机朝向-Z方向移动5个单元,我们需要计算一个视图矩阵,它可以沿着+ Z方向将顶点平移5个单位。 虽然相机向后移动,但从相机的角度来看,顶点已向前移动。...其他四个平面由观察者的水平和垂直视野定义。 视场越宽,视锥体体积越宽,观察者看到的物体越多。 GPU过滤掉视锥体外的对象,这样就不必花时间渲染无法显示的内容。 此过程称为裁剪。...Z = 3D空间中的近Z值,Z在投影空间中应为0; Z = 3D空间中的远Z,Z在投影空间中应为1。 完成此操作后,GPU [0 1]以外的任何Z值都将被裁剪掉。

98330

GoogleMaps_键盘网站

还要明白3D视图和俯视图、地平面视图的区别,因为在海拔为0将进入地平面视图,上下的操作将变为拉近和推远。...操作 快捷键(Windows 和 Linux) 快捷键 (Mac) 平移 在俯瞰视角,点击左键并移动 在地平面视图,点击左键上下移动为拉近和推远、左右移动移动 向左移动 向左箭头 向左箭头 向右移动...向右箭头 向右箭头 向上移动 向上箭头 向上箭头 向下移动 向下箭头 向下箭头 Ctrl与Shift的区别是圆心不同,Shift是以鼠标锁定位置为中心,Ctrl是以相机视角为中心。...查看第三视角(鼠标锁定位置) 按住 Shift,然后点击并拖动 屏幕显示中心,且鼠标变为上下箭头 查看第一视角(相机视角) 按住 Ctrl,然后点击并拖动 鼠标会变为十字 顺时针旋转(鼠标锁定位置)...鼠标滚轮以当前鼠标左键位置为中心,键盘屏幕中心为中心。

1.5K20

Android多点触控技术实战,自由地对图片进行缩放和移动

; /** * 记录当前图片的宽度,图片被缩放,这个值一起变动 */ private float currentBitmapWidth; /** * 记录当前图片的高度,图片被缩放...,这个值一起变动 */ private float currentBitmapHeight; /** * 记录上次手指移动的横坐标 */ private float lastXMove...= -1; /** * 记录上次手指移动的纵坐标 */ private float lastYMove = -1; /** * 记录手指在横坐标方向上移动距离 */ private...currentBitmapWidth = bitmapWidth * initRatio; currentBitmapHeight = bitmapHeight * initRatio; } else { // 图片的宽高都小于屏幕宽高...然后只有一个手指按在屏幕,就把当前状态置为移动状态,之后会对手指的移动距离进行计算,并处理了边界检查的工作,以防止图片偏移出屏幕

2.2K50

Windows10中的键盘快捷方式

Alt + 空格键 打开活动窗口的快捷方式菜单 Alt + 向左键 返回 Alt + 向右键 前进 Alt + Page Up 向上移动一个屏幕 Alt + Page Down 向下移动一个屏幕 Ctrl...Alt + Shift + 箭头键 组或磁贴的焦点放在“开始”菜单上,可将其朝指定方向移动 Ctrl + Shift + 箭头键 磁贴的焦点放在“开始”菜单上,将其移到另一个磁贴即可创建一个文件夹...出现 Windows 提示,请将焦点移到提示上。 再次按下键盘快捷方式,将焦点放在屏幕上 Windows 提示所固定的元素上。...出现 Windows 提示,请将焦点移到提示上。 再次按下键盘快捷方式,将焦点放在屏幕上 Windows 提示所固定的元素上。...Page up 将光标向上移动一个页面 Page down 将光标向下移动一个页面 Ctrl + Home(标记模式) 将光标移动到缓冲区起始处 Ctrl + End(标记模式) 将光标移动到缓冲区结尾处

4.5K20
领券