展开

关键词

Fab and Dialog Morphing Animation

Fab and Dialog Morphing Animation on Android. 最近在读Plaid的源码,发现fab和dialog之间切换的动画效果好舒服,于是就研究了下,将其从Plaid项目中抽离出来,然后再改进了些代码,更加方便易懂,也更加简单易用。 2.源码中的Dialog实际上是Activity,并设置了android:windowIsTranslucent为true,所以从fab到dialog的动画效果实际上是Activity的过渡动画。 但是,如果单纯的只是使用Activity的共享元素过渡动画,将fab作为共享元素的话,效果并不好,不是那么的舒服。 3.为了让过渡效果更加舒服,这里添加了两个渐变效果,一个是color,从fab的颜色到dialog的背景颜色的渐变;另一个是cornerRadius,即圆角幅度的渐变。

26220

【译】正确使用FAB

因为在指定屏幕中,会被频繁的访问(译者注:如点击,触摸等),所以,我认为正确处理FAB的每一个细节是件很重要的事情。 通过分析一些运行在最新发布版L上,并且使用FAB的应用,我惊讶的发现了应用之间使用FAB的差异。 **不恰当的视图标高,图标略微有点大** 正确的FAB 所以,这个独具特色的按钮,在材料设计中的规范是怎样的呢?从上面的这些对照中可以看出,Messenger可以说是最精准的运用了FAB。 ? )和尺寸(24dp以及2dp的内边距) FAB的锚点,距右和下边距16dp 我强烈建议,检查您在App中所使用的FAB是否已按照推荐规范正确的实现。 所以,当做自己的事情,请把FAB做好。

29510
  • 广告
    关闭

    什么是世界上最好的编程语言?丨云托管征文活动

    代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!

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

    SNS项目笔记--fab与遮罩

    1、思路

    我们需要以下几个步骤完成我们的遮罩: a、 点击fab,显示遮罩,显示fabList b、在遮罩显示下,点击fab,遮罩消失,fabList

    2、研究源码:

    2.1 fab源码
    fab在我们的官方API文档中很少有介绍,顶多介绍了一些sass属性与close()方法,在我们实际操作过程中需要查看fab源码来完成 其源码目录在:项目目录/node_modules/ionic-angular/components/fab 目录下查看fab-container.d.ts文件,经过整理,其源码如下: import { /fab'; import { FabList } from '. "></ion-icon></button> </ion-fab-list> </ion-fab>
    3.2 在fab前添加遮罩布局
    这里同2.2代码,不做过多赘述。

    30640

    从国内Fab厂招标数据,看半导体设备国产化进程

    特别是在中美科技战背景下,国内Fab厂(晶圆厂)也加大了对于国产半导体化设备的扶持。而随着去年以来的全球缺芯,全球晶圆厂掀起了扩产潮,对于半导体设备需求激增。 国内 Fab 厂积极推进国产化,国产设备厂订单需求旺盛。 根据对国内 Fab 厂招标订单的梳理,我们认为,在长江存储等 Fab 大厂积极采用国产设备的情况下,极大地推动了国产化进程,目前新建 12 寸存储/代工/特色工艺生产线已陆续开始采用国产设备,为国内设备厂商提供了良好的产业生态

    14320

    格芯宣布在纽约新建一座晶圆厂,并投资10亿美元对Fab 8扩产

    时隔4个月之后,美国当地时间7月19日,格芯(GLOBALFOUNDRIES)正式宣布,将在纽约马耳他的园区内新建一座工厂,同时将投资10亿美元扩大已有的Fab 8晶圆厂的产能。 至于Fab 8工厂的扩产,据介绍,扩产完成后,将新增15万片晶圆的年产能。 值得一提的是,同样在今天,格芯也正是发布了其新的品牌LOGO。

    10020

    Hyperledger Fabric 2.0正式版发布

    Fabric2.0新特性 去中心化智能合约自治 FAB-11237: Decentralized smart contract governance 私有数据加强 FAB-10889: Implicit org-specific collections FAB-15066: Endorsement policies for collections FAB-13581: memberOnlyWrite collection configuration option FAB-13527: GetPrivateDataHash chaincode API FAB-12043: Option to include CouchDB加强 FAB-103: State database cache for CouchDB 缓存走起 重要的变化 FAB-5177: The ccenv build image no longer ,镜像更小 FAB-11096: Bash not available in Docker images with Alpine Linux FAB-15499: Ledger data format

    33330

    Python函数缓存器

    (n): if n <=2: return n return fab(n-1) + fab(n-2) print(datetime.datetime.now ()) # 2019-05-24 14:21:43 fab(40) print(datetime.datetime.now()) # 2019-05-24 14:22:20 当没有使用缓存时,fab(40 fab(40) print(datetime.datetime.now()) # 2019-05-24 14:24:00.229823 当加上缓存后,执行fab(40)需要的时间不到1秒?? #2.3 为什么会这样 做个小测试 没有使用缓存 def fab(n): print(n) return None fab(10) fab(10) fab(10) image.png fab(10) fab(10) fab(10) fab(9) fab(9) image.png ---- 从结果可以看出,当第二次调用 fab(10) 时,并没有真正执行函数体,而是直接返回缓存的结果

    29020

    Python yield 使用浅析

    调用第四版的 fab 和第二版的 fab 完全一致。 也可以手动调用 fab(5) 的 next() 方法(因为 fab(5) 是一个 generator 对象,该对象具有 next() 方法),这样我们就可以更清楚地看到 fab 的执行流程: 清单 6. 要注意区分 fabfab(5),fab 是一个 generator function,而 fab(5) 是调用 fab 返回的一个 generator,好比类的定义和类的实例的区别: 清单 8. ) True fab 是无法迭代的,而 fab(5) 是可迭代的: >>>from collections import Iterable >>> isinstance(fab, Iterable) False >>> isinstance(fab(5), Iterable) True 每次调用 fab 函数都会生成一个新的 generator 实例,各实例互不影响: >>>f1 = fab

    23420

    Python yield 使用浅析

    要提高 fab 函数的可复用性,最好不要直接打印出数列,而是返回一个 List。以下是 fab 函数改写后的第二个版本: 清单 2. 调用第四版的 fab 和第二版的 fab 完全一致: >>> for n in fab(5): ... 也可以手动调用 fab(5) 的 next() 方法(因为 fab(5) 是一个 generator 对象,该对象具有 next() 方法),这样我们就可以更清楚地看到 fab 的执行流程: 清单 6 True 要注意区分 fabfab(5),fab 是一个 generator function,而 fab(5) 是调用 fab 返回的一个 generator,好比类的定义和类的实例的区别 > isinstance(fab, Iterable) False >>> isinstance(fab(5), Iterable) True 每次调用 fab 函数都会生成一个新的 generator

    20910

    Fabric远程自动化

    可调用的,不标记的对 fab 不可见。 ,支持多个 fab -P -- 并发数,默认是串行 fab -w -- warn_only,默认是碰到异常直接abort退出 fab -f fab hello 运行结果: Hello world! fab ping #主机ping测试 fab cmd:name="ifconfig eth0 |grep inet " #批量执行命令 fab do #指定fabfile.py中do函数运行的命令 fab upload # 上传 fab download # 下载

    28930

    Python学习-yield浅析和send()函数

    fab(5):  ...      利用 iterable 我们可以把 fab 函数改写为一个支持 iterable 的 class,以下是第三个版本的 Fab:  第三个版本  class Fab(object):      def _ 调用第四版的 fab 和第二版的 fab 完全一致:  >>> for n in fab(5):  ...      也可以手动调用 fab(5) 的 next() 方法(因为 fab(5) 是一个 generator 对象,该对象具有 next() 方法),这样我们就可以更清楚地看到 fab 的执行流程:  执行流程 ) True  要注意区分 fabfab(5),fab 是一个 generator function,而 fab(5) 是调用 fab 返回的一个 generator,好比类的定义和类的实例的区别

    17010

    Python fabric远程自动部署简介

    Hello,fab 1. 在当前目录下新建文件fabfile.py,输入内容如下 1 def hello(): 2 3 print("Hello fab!") 2. 执行命令fab hello,结果如下 1 # fab hello 2 3 Hello fab! 3. %name 6 7 8 9 # fab hello:name=fab 10 11 Hello fab! 12 13 14 15 16 17 # fab hello:fab 18 19 Hello fab! 2.2. 执行命令fab test,结果如下 1 # fab test 2 3 [localhost] local: cd /home/ 4 5 [localhost] local: ls -l|wc

    7020

    C#笔记:动态规划算法

    定义: Fab(n)= Fab(n-1)+Fab(n-2) Fab(1)=Fab(2)=1; 实现1: static int GetFab(int n)         {                          if (n == 2) return 1;             return GetFab(n - 1) + GetFab(n - 2);         } 假如我们求Fab 那我们需要求Fab(4) +Fab(3)。 Fab(4)=Fab(3)+Fab(2).....显然。 Fab(3)被计算机不加区别的计算了两次。而且随着数字的增大,计算量是指数增长的。 如果我们使用一个数组,记录下Fab的值。当Fab(n)!=null 时。直接读取。那么,我们就能把时间复杂度控制在 n 以内。 ) return fab[1] = 1;             if (n == 2) return fab[2] = 1;             if (fab[n] !

    36820

    Material Design — App bars: bottomApp bars: bottom

    位置 Bottom app bars 根据 FAB 的存在及其在 bar 中的位置具有三种不同的布局。 这些布局决定了可以包含在该 bar 中的操作的数量。 1、FAB 在中间 ? 2、FAB 在尾部 ? 在需要 FAB 和三到四个附加操作的手机屏幕上使用FAB 3、无 FAB ? 2、嵌入:FAB处于与 bottom app bar 相同的高度,并且 bar 的形状转换为让 FAB 嵌入在 bottom app bar 中。 向上滚动显示 bottom app bar,如果有FAB,则重新附着 FAB。 Bottom app bar 可以改变其边缘的形状,例如凹口以容纳FAB。 当与 FAB 配合时,FAB 的静止和凸起高度应该增加,以便在 bottom app bar 上方保持可见。 ?

    52080

    Floating Action Button-Android M新控件

    关于FAB按钮的更多信息和使用案例请参考谷歌的官方设计规范。 运行效果 ? 实际上只需要指定一个布局文件,就可以看到效果了,只不过是这时候的FAB是固定在屏幕指定位置的,而无法随之滚动,不着急,下面会介绍如何设置成可滚动的FAB 属性介绍 FAB 默认使用应用主题中设置的浮起色作为按键背景 设置 FAB 按下时的景深(默认是 12dp)。 向下移动 FAB消失,向上移动时,FAB出现。 ---- embedding(嵌入)-floatingactionbutton-in-header 效果图 ? Issues: 本文编写时,FAB 支持库仍然存在一些 bug,在 Kitkat 和 Lollipop 中分别运行示例代码,可以看到如下结果: Lollipop 中的 FAB: ?

    15340

    Flutter基础widgets教程-FloatingActionButton篇

    1 FloatingActionButton FloatingActionButton(FAB) 控件是一个纸墨设计中定义的 FAB 按钮。用来显示界面上的主要功能。 this.clipBehavior = Clip.none, this.materialTapTargetSize, this.isExtended = false, }) 3 常用属性 3.1 child: FAB 中的子 Widget child:Text("Flutter Demo"), 3.2 tooltip: 长按 FAB 所显示的提示文字 tooltip: "按这么长时间干嘛", 3.3 foregroundColor : FAB 的前景色 foregroundColor: Colors.red, 3.4 backgroundColor: FAB 的背景颜色 backgroundColor: Colors.red, 3.5 mini: 只能 FAB 样式是默认样式还是迷你样式 mini: true, 3.6 elevation:未点击时阴影值 elevation: 6.0, 3.7 highlightElevation:

    1271513

    Fabric:Python远程部署工具

    常用的fab命令选项和参数: -l    显示可用的task -H    指定host,多个host用逗号分开 -R    指定role,多个role用逗号分开 -P    并分数,默认是串行 -w            主机ip,也可以使用fab选项-H参数来指定 env.password    SSH密码,若已经设置好无密码登录,则可以忽略 env.roledefs    角色分组,如:{'web': #fab hello:name=Rango 3. -f fabfile.py -R httpd httpd_start #fab -f fabfile.py -R mysql mysql_start 4. 其中execute通过传递参数可以在fab命令中指定目录。

    43310

    python 远程执行代码 fabr

    fabric应用:                1、fab -H 172.23.177.40,172.23.177.41 host_type                2、fab host_type #从结果可以看到,fab只执行了属于web组的client。                def test():                         run('uname -r')                     When this fabfile is run as fab the time that mytask is executed.                5、fabfile中没有定义client,可以在命令行中指定                     fab test                resule: 从结果中可以看到,fab只执行了task定义的test部分                     [172.23.177.41] Executing

    20010

    Android中FloatingActionButton的显示与隐藏示例

    FloatingActionButton简介 FloatingActionButton(FAB) 是Android 5.0 新特性——Material Design 中的一个控件,是一种悬浮的按钮,并且是 当我下滑列表的时:显示Toolbar和FloatingActionButton 实现方法(一) 监听页面列表(RecyclerView)的滑动回调事件,通过回调来决定Toolbar和FAB的显示和隐藏。 public interface HideAndShowListener { void hide(); void show(); } } 主要在onScrolled方法计算判断FAB 2)RecyclerView添加OnScrollListener监听并且设置HideAndShowListener回调,通过HideAndShowListener的hide()和show()来设置FAB 2)Toolbar和FAB设置app:layout_behavior <?xml version="1.0" encoding="utf-8"?

    75420

    相关产品

    • 云服务器

      云服务器

      云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。 腾讯云服务器(CVM)为您提供安全可靠的弹性云计算服务。只需几分钟,您就可以在云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券