概览 在本系列的 上一篇文章 中，我大致介绍了导航组件以及如何使用导航图。 在这篇文章中，我会介绍如何使用 API 来导航到对话框目的地 (dialog destination)。...而对于那些我不喜欢的，我也可以避免再买到它们。但我很健忘，所以问题来了，我如何才能记录如此重要的数据呢？ 我知道了: 我要用一个应用！...还好，解决方法也非常简单，所以大家这里只需要知道有可能会出现这样的问题就可以了。 如果您碰到了这个问题，直接去导航图的 XML 代码中将 fragment 标签改成 dialog，就可以解决这个问题。...这是因为上述代码片段来自于 DonutTracker 应用的最终版本，在该版本中我使用了 SafeArgs。...注意: 点击返回按钮，同样会返回甜甜圈列表，因为导航组件已经自动为我们设置好了返回栈。 总结 通过这篇文章我们了解了如何使用内置的导航组件快速地创建一个新应用，并且学习了如何导航到对话框目的地。
如果你的FAB移动了，导航栏怎么跟着变化？ 同事：没得怎么变化，反正需求没有说要加动画 我：那要是PM要你的导航栏凹陷深度依赖于FAB的位置大小，你要怎么处理？ 同事：......那阁下又当如何应对？...在之前已经在导航栏上留好了放置大按钮的位置，接下来就是想办法把这个按钮塞进去，并且设置按钮的中心点与导航栏的顶部居中对齐。...考虑到这个按钮需要显示在其他控件的最上层，而且需要以导航栏为参照物来确定位置，利用CoordinatorLayout的特性正好可以很方便地实现，于是将整个Activity的布局文件修改如下： //activity_main.xml...唉慢着，这凹槽的深度不是还得跟随按钮的位置动态变化吗，那这些坐标又当如何变动？？老铁别急，下面继续来分析。...假设按钮在垂直方向上的当前位移距离大小为d，当按钮向上运动时导航栏上的凹槽应该往中间收缩，在收缩过程中保持两旁小圆半径大小和30°夹角不变，这时另中间圆的圆心同步在垂直方向上移动-d，动态修改distance
虽然在以前的版本中，已经可以使用Activity的overridePendingTransition() 和 FragmentTransaction的setCustomAnimation()来实现Activity...第二个Activity就会让现在的相同trasitionName的fab按钮，以传过来的第一个Activity的按钮相同位置的为起始点，然后通过动画到了最终的地方。...（所以动画是在第二个Activity中完成的，只是按钮的起始状态是以第一个Activity传过来的按钮的状态信息相同，然后到最终用户设置的位置。）...并且其实动画是绘制在ViewOverlay上面 第二步让fab按钮通过曲线路径变化： 我们直接不做任何处理，默认是fab按钮的位置变化是直线。 我们更希望是： ?...所以我们在fab按钮过渡动画结束后，不是简单的对cardView设置View.VISIBLE就可以。
浮动操作按钮代表一个屏幕之内最基本的额操作。关于FAB按钮的更多信息和使用案例请参考谷歌的官方设计规范。 运行效果 ?...---- 用法 谷歌在2015年的 I/O大会上公布了可以创建浮动操作按钮的支持库，但是在这之前，则须使用诸如makovkastar/FloatingActionButton 和 futuresimple...CoordinatorLayout帮助我们协调它所包含的子view之间的交互，这一点在我们后面讲如何根据滚动的变化让按钮动画隐藏与显示的时候有用。...实际上只需要指定一个布局文件，就可以看到效果了，只不过是这时候的FAB是固定在屏幕指定位置的，而无法随之滚动，不着急，下面会介绍如何设置成可滚动的FAB 属性介绍 FAB 默认使用应用主题中设置的浮起色作为按键背景...这个类用于定义按钮该如何响应包含在同一CoordinatorLayout之内的其它view。
这已经是多年来网络上的默认行为了。在本文中，我们将探讨这个问题，为什么会发生这种情况，以及如何使用虚拟键盘API来解决它。让我们开始吧。 问题 在深入细节之前，让我们通过一个例子来了解一下。...通过这样，我们可以使用以下CSS环境变量来检测键盘的位置和尺寸： keyboard-inset-top 键盘上边距 keyboard-inset-right 键盘右边距 keyboard-inset-bottom...你可能会对由于标题和固定底部的存在而导致的空间减少感到困惑。我们可以使用垂直媒体查询来在垂直空间足够的情况下显示标题。...为桌面使用不同的值 假设我们想在桌面浏览器上进一步调整浮动按钮的位置，我们该如何做呢？嗯，我考虑使用 max() 比较函数，结果行得通。...这是一个演示它如何工作的视频： 结束 这就是本文的全部内容。我对虚拟键盘API有了很多了解，迫不及待地想在我的下一个项目中应用它。我最后没想到的是会在这个话题上写4000多字。
在第一种情况下，view和Presenter，以及presenter 和 mode都是互相需要知道的。...像这样,我们可以使用RxJava在我们的服务,所以我们可以操作数据与我们所有这个库提供的运营商和LiveData视图的一部分,这将使我们能够使一个实现,意识到我们的活动的生命周期的变化,甚至使用谷歌提供的视图模型...View 在Android中，我们的视图的实现将对应于一个活动或一个片段(在示例/项目中是片段)，但它可以是一个ViewModel，甚至是一个可视化组件。...这里不讨论视图是由N个片段组成的活动的情况，因为每个片段都有M个演示者，我们可以假设视图是这些片段中的每一个，尽管它们随后被分组到一个片段中(甚至在另一个片段中)。...目前，有一些体系结构，如Redux和Redux-saga，在依赖项投资的原则下工作，在某种意义上说，它们完全是事件驱动的。
本文实例讲述了Android开发之FloatingActionButton悬浮按钮基本使用、字体、颜色用法。...这里使用的是：com.getbase.floatingactionbutton.FloatingActionsMenu 先说下它的配置：在app/build.gradle 添加以下代码依赖： 圆形悬浮按钮...： FloatingActionButton默认无法显示文字的情况，所以这里需要对其配置样式; 在res/value/style中添加： <!...xml version="1.0" encoding="utf-8"?...设置方法如代码第六行所示 FloatingActionButton基本使用： /* 设置三个悬浮按钮的监听事件 */ // final FloatingActionButton actionA =
提笔之际（附总体思路） ---- 最近跟几个小伙伴在实践一个项目，考虑到界面效果，我们决定使用揭露动画作为Activity的转场动画。 ? 这里主要是我负责这部分的实现。...； 这篇文档跟代码算是帮上大忙了，有较大的参考价值； 不同的是作者的思路是在跳转的目标活动中，启动做揭露动画的收挽，收挽结束后再finish()； 我这里根据情况修改为跳转的目标活动中按下返回键即...GitHub中附方法详解图 引子 ---- 使用揭露动画做一个丝滑的Activity转场动画, 关于这个需求，可能不同的同学，会有不同的问题， 我这里把可能遇到的问题跟我在完成这个demo的过程中遇到的问题做一个总结...详细可见参考文档； “丝滑”之解 这个转场动画要实现得丝滑，需要注意几个细节： 活动A跳转到活动B的情况下， a.在A点击触发跳转时刻，揭露动画要放在哪个活动展开； b.在B按下返回键之后，揭露动画又要放在哪个活动收挽...原生控件来作为揭露动画的操作对象，即通过对View控件的显示和隐藏以及动画操作来具体实现揭露动画； 最后放置一个悬浮按钮，用于启动点击事件，这里响应的事件是启动揭露动画： 另外说一下，关于FloatingActionButton
前言 悬浮按钮是我非常喜欢的, 可以把最关键的功能放入到悬浮按钮中. 比如日记app里的新建日记, 阅读类app里的喜欢. 稍微处理一下可以将悬浮按钮扩展成悬浮菜单, 来看下实现吧!...然后是官方文档, 这个文档说了如何调用. 搭配Snackbar 官方推荐配合Snackbar来使用, 这都不多说了. ?...配合Snackbar 显示和隐藏 然后还有就是悬浮按钮的隐藏和显示函数....吸附并设置位置 ---- FloatingActionButton实例 来看看效果图是如何实现的吧. 布局文件 布局文件是个要点, 里面塞进了两个菜单, 你选一个喜欢的用就好....在xml中加入app:fabSize="mini"就变成mini尺寸的了. 所以在设置动画和位置的时候不是将按钮全部放置在同一位置, 需要修正位置.
“Shop now”按钮在特斯拉主页上引起了很多关注。 需要注意的事情 传达按钮状态。用户应该通过查看按钮来了解按钮的当前状态。例如，禁用状态应该具有与活动状态不同的视觉风格。...实心按钮的启用和禁用状态 使用正确的按钮形状。关于形状，有两种流行的选择——方角和圆角。带有圆角的按钮在人眼看来确实更好看（我们自然倾向于避免具有锋利边缘的物体）。...最后但并非最不重要的一点是，幽灵按钮是视觉上的多功能按钮，这意味着它们可以在不同类型的背景上很好地工作。它使幽灵按钮适用于深色和浅色主题。...FAB 是一个只有图标的按钮，设计有微妙的阴影，通常位于屏幕的右下角。 何时使用 由于 FAB 是一个相对紧凑的按钮，它通常用作移动应用程序的主要操作。FAB 通常用于一项操作。...例如，Twitter 移动应用程序使用 FAB 创建推文。 也可以在桌面上使用 FAB，但没有必要这样做，因为我们有足够的屏幕空间。 设计要点 确保所有用户组都清楚地了解图标的含义。
UI设计给我出了个难题：在一个界面上设计一个始终位于屏幕右下角的浮动按钮 翻阅好多博客（几乎都是几年前的）：都是说要导入这么一个依赖 compile ‘com.getbase:floatingactionbutton...'com.android.support:design:28.0.0' implementation 'com.getbase:floatingactionbutton:1.10.1' 之后在xml...app:fabSize条件浮动按钮的大小，normal正常大小，mini迷你大小。 android:layout_gravity：控制按钮的位置。...最后一个问题，如何将按钮浮动到其他页面上，Basic项目是这么做的。 先设计按钮界面，然后通过 include引入底层页面，完美解决。 示例源码： <?...xml version="1.0" encoding="utf-8"?
八、地图点击长按事件 实际开发中都会对地图的点击和长按做处理，比如点击某一个地方获取经纬度，下面来操作一下吧。 [在这里插入图片描述] 在initMap()方法中，添加对地图点击和长按的监听。...最后别忘了在地图的点击和长按监听中调用这个latlonToAddress()方法。 [在这里插入图片描述] 下面运行一下。...比如说你到一个景点去游玩，不知道路线只知道景点名，那么这个时候通常你会在导航软件中输入这个景点名，然后搜索出前往的路线及搭乘的交通工具。...下面在layout下创建两个xml。 custom_info_contents.xml <?xml version="1.0" encoding="utf-8"?...⑨ 改变地图中心点 我们在实际使用中通常会有这样的操作，希望点击一下就可以移动到所在地，这其实是比较容易做到的，回顾我们现在是一进入地图就会定位到当前所在地，而当我点击地图上其他位置时，会增加一个标点
这篇文章将介绍如何使用Android Studio创建第一个Android应用，重点介绍Android Studio的目录结构。...在欢迎页面点击New Project按钮。 进入下一个界面之后选中Basic Activity 按钮，创建一个基本视图的Android应用。...设置好模拟器之后，如果只需要运行项目的话则点击下图左边的按钮，如果要对代码进行调试（debug模式）的话则需要点击下图右边的按钮。...这里其实还涉及到FirstFragment和SecondFragment两个Fragment。它们两个是用来控制图7中的点击按钮的。...Android Studio的调试 学会用Android Studio进行代码调试是开发者的一项必备技能。 设置断点 双击需要添加断点的代码行的左侧。出现如下红点说明断点设置成功。
但其实，对于新手来说，知道怎么做和把它做出来其实还是两码事。题主也还是个初学者，当初也是觉得这很简单啊，然后自己做的时候却出现了各种问题。下面就来讲讲题主做的过程中碰到的一些问题吧。...1、平移的距离如何确定？ 先来看那个竖直收缩/扩展的效果，每个控件都平移到最底下控件的位置，然后消失。有时候我们的需求就是这样，不要求将控件全部移出屏幕，只移到某个指定位置，然后消失之类的。...发现有效果了，往下平移了 然后再点击按钮本身发现又没任何效果了。但是再点击FAB时，按钮又往上平移了！发现没有，当按钮处于最底时，点击FAB会将按钮返回到第2个步骤了。...然后再点击按钮本身时，代码意思是将控件从当前位置平移到距离最初位置300的地方，但此时控件的位置并不是在最初的位置，而是已经经过一次平移，处于距离最初位置200的地方，当前控件要平移到300的地方，只需要再平移...这里就稍微提一下，如果你突然忘记某个动画单词该怎么拼，或者不知道它支不支持使用这个方法，可以利用AS的查看源码方式到View里面去查找一下setXXX()和getXXX()方法，如果有，则支持。
基于项目对象模型(POM)的概念，Maven可以从一个中心信息片段管理项目的构建、报告和文档 Maven 是⼀个项目管理工具, 通过 pom.xml文件的配置获取 jar包，而不用手动去添加 jar...比如 A 依赖 B, B依赖C, 那么 A项目引入 B 的同时, 也需要引入C, 如果我们手动管理这个依赖, 这个过程就会比较麻烦, 我们需要知道每个库都依赖哪些库, 以及这些依赖之间的版本是如何关联的...Maven 仓库 通过几行代码就可以把需要的 jar包放进项目中，是如何做到的呢？...当我们在pom.xml文件中配置完依赖之后, 点击刷新, Maven会根据坐标的配置, 去仓库里寻找 jar包, 并把他下载下来, 添加到项目中. 这个jar包下载的地方就称为仓库...., 两个路径不要有中⽂ 配置国内源 Maven 仓库默认是在国外官网, 国内使用时会比较慢，我们可以更换为阿里云的仓库 打开settings.xml, 在 mirrors 节点上，添加内容如下：
在 Jmix 项目中可以通过 XML 或 Java 配置 ECharts 的所有功能，并与其他 UI 组件一样，可以很方便地连接服务端的数据。...图表扩展组件在 Jmix 组件市场[3] 免费提供，可以在任何 Jmix 2.2 的项目中使用。...在 BPMN 设计器的顶部面板中有 Hot Deploy Process 按钮。...新的代码片段辅助 如果您在项目中包含报表、电子邮件、BPM 或通知扩展组件，则 Studio 提供了与这些附加组件 API 相关的新代码片段。...现在，Studio 的 premium RAD 功能可以在最多 10 个实体和角色的小型项目中免费使用。
res 这个目录下内容比较多，包括项目中用到的图片，布局，字符串，颜色等，其中图片放在drawable目录下，布局文件放在layout下，字符串都放在values目录下，values目录下有strings.xml...了解安卓程序 还记得之前我们在AndroidManifest.xml中注册的主Activity吗？...至此，我们已经搭建完安卓的开发环境，并且基本了解了一个安卓程序的结构。 重要的东西：Log Log,Log,Log重要的东西说三遍，现在来看看如何在安卓程序中添加Log。...细心的童鞋可能已经看到了，这个窗口上有几个按钮： 可以试着切换一下log level，或者查找一下我们刚才打的log。...总结 Android程序不推荐在程序中对字符串进行硬编码，而是把字符串定义在一个XML文件中。 在XML中可以通过@string/hello_world获得这个字符串的引用。
相信很多小伙伴在实际开发中都有这样的需求，一个列表滚动到某一位置，然后有一个按钮，回到顶部？很常见的一个效果，在以前我们一般都使用一个图片，放到那里。...并且对于图标进行使用materialDesign的图标，大小在24dp为最佳！ 2. FloatingActionButton的属性说明及简单应用 先来一张效果图 ?...如果不设置0dp，那么在4.1的sdk上FAB会显示为正方形，而且在5.0以后的sdk没有阴影效果。...FloatingActionButton实现一些相应的效果。 关于FloatingActionButton在项目中的使用，基本上就有以下这么多东西，这些都是我能想到的。...之前的版本中使用，如果在之后的版本中使用的话，一般隐藏了之后就不会出现了！！！)
PBn项目分别执行下面操作：【添加】--【现有项】--【添加为链接的方式】，将PA项目代码文件添加到各自项目中，如果代码不同，则需要使用#if #else #endif 等标签来判断 .NET Framework...7、配置多目标框架 关于如何指定多目标框架，请参考博客《.NET Standard SDK 样式项目中的目标框架》 我做的BIMFACE二次开发的接口的目标是支持 .NET Framework4.0...一、条件编译 在下图中可以看出，编译成功后，在项目的默认位置 bin\Debug 下生成了3个不同目录，分别对应3个目标版本。 ? 这是VS中默认的编译输出目录。...如果需要配置不同的类库输出到不同的位置，也可以自定义配置输出路径实现。 查看项目属性，【生成】-->“输出”-->“输出路径”中输入自定义目录或者点击【浏览】按钮选择一个目录。 ? 填写后，保存项目。...四、XML文档输出 选择项目，点击 属性-->生成，勾选 “XML 文档文件”。默认生成的xml文件名称包含绝对路径，这个名称不是很友好，一般修改为程序集的名称即可 ? 点击菜单栏上的【保存】按钮。
就好像使用RecyclerView时常常会用到onBindViewHolder()所携带的position参数一样。 那么如何才能知道每行所对应的下标是什么呢？...因此最好的设计方案就是，当用户向下滚动列表时，我们就认为用户不再需要和Fab按钮交互，此时将按钮进行隐藏。 下面具体看一下如何在Compose中实现这种效果。...其中AddButton()函数就是用于定义Fab按钮的，我们将它放置在了屏幕的右下角，并且它的显示状态是受到isVisible这个参数控制的。...现在可以运行一下程序看看效果了： 正如我们所期待的那样，当A元素在屏幕上可见的时候，Fab按钮也是可见的。当A元素滑出了屏幕，Fab按钮也会随之消失。...接下来在LazyColumn当中，我们使用item函数将ImageHeader()和ImageFooter()分别引入到了头部和尾部，而主间则是使用items函数添加的列表型数据。
领取专属 10元无门槛券
手把手带您无忧上云
