Fusionapp小文档.jpg 最近又重构了下博客的套壳app,还是用的FusionApp制作的,为了避免忘记特此写一些基础文档。 基础控件ID
悬浮操作按钮(Floating Action Button, FAB)是一种在 Android 和 Material Design 中使用的 UI 元素。它用于触发特定屏幕的主要操作。
下面开始来具体实现。首先仍然需要提前准备好一个图标,这里放置了一张ic_done.png到drawable-xxhdpi目录下。然后修改activity-mam.xml中的代码,如下所示:
我在之前的文章文本、图片和按钮在Flutter中怎么用中,简单介绍过按钮组件,本篇文章来详细聊聊Flutter中的各种按钮组件的各种应用场景。
FloatingActionButton 构造函数源码 : 在构造函数的可选参数中 , 可以查询该组件可设置的参数选项 ;
2.思路 1)悬浮按钮可以使用flutter提供的Overlay + OverlayEntry 组合实现
因为用到了react-native-vector-icons图标组件,需要做下link。如果你项目中已经使用了react-native-vector-icons,那就不需要这步了。
文章更新: 20170209 初次成文 应用名称:Simple Control 应用包名:ace.jun.simplecontrol 备注说明:无需Root 今天呢,小苏要向大家介绍一款可以给手机添加导航栏的应用,这款应用的功能是通过"无障碍"服务实现的,所以应用不需要申请Root权限。首先需要说明的是:这款应用是通过在应用上方绘制一层类似于导航栏的样式来实现模拟导航栏的功能,而不是给设备添加一个原模原样的导航栏。当然,你如果问我"此导航栏"能否与原生导航栏所媲美,我说当然不能100%媲美原生导航
此软件可以用来美化微信 主界面背景,聊天背景,修改字体颜色,修改聊天气泡,导航栏修改(隐藏) ,生成悬浮按钮,状态栏修改…等等一系列功能。
看过我公众号文章的小伙伴都知道,我一直给大家安利谷歌浏览器,毕竟用上了插件和脚本以后,真香,大大地提高了我们用电脑的效率
本文实例讲述了Android开发之FloatingActionButton悬浮按钮基本使用、字体、颜色用法。分享给大家供大家参考,具体如下:
Android自5.0之后对UI做了较大的提升,一个重大的改进是推出了MaterialDesign库,而该库的基础即为协调布局CoordinatorLayout,几乎所有的design控件都依赖于该布局。协调布局的含义,指的是内部控件互相之前的动作关联,比如在A视图的位置发生变化之时,B视图的位置也按照某种规则来变化,仿佛弹钢琴有了协奏曲一般。 使用CoordinatorLayout时,要注意以下几点: 1、导入design库; 2、根布局采用android.support.design.widget.CoordinatorLayout; 3、CoordinatorLayout节点要添加命名空间声明xmlns:app="http://schemas.android.com/apk/res-auto"; CoordinatorLayout继承自ViewGroup,实现效果类似于RelativeLayout,若要指定子视图在整个页面中的位置,有以下几个办法: 1、使用layout_gravity属性,指定子视图在CoordinatorLayout内部的对齐方式。 2、使用app:layout_anchor和app:layout_anchorGravity属性,指定子视图相对于其它子视图的位置。其中app:layout_anchor表示当前以哪个视图做为参照物,app:layout_anchorGravity表示本视图相对于参照物的对齐方式。 3、使用app:layout_behavior属性,指定子视图相对于其它视图的行为,当对方的位置发生变化时,本视图的位置也要随之相应变化。 下面是使用anchor方式定义子视图方位的截图,其中红色方块位于整个页面的右上方:
本文实例为大家分享了flutter实现不规则底部导航栏的具体代码,供大家参考,具体内容如下
当我们全局都需要用到某个设定且随时需要根据需求改变时,那么全局悬浮球是一个最好的选择(可拖动),参考其他大佬的文章,优化封装了一个简易的悬浮球,记录一下0.0。
在前端开发过程中,经常会使用 console.log/info 等方法来输出日志信息,电脑浏览器中可以方便的在控制台中查看 现在移动端的web开发越来越多,而在移动设备中进行开发调试时,console.log 这类的日志信息就不太容易查看了 vConsole 就是用来解决这个问题,可以让我们在移动设备中非常方便的查看console日志信息 vConsole 是由微信的前端研发团队提供,小巧好用 DEMO http://wechatfe.github.io/vconsole/demo.html(建
Android 定义颜色color时有6位或8位值的区别,6位(如:#0470C4)就是RGB,值8位(如:#1E000000)头两位是透明度,后6位是RGB值,00是完全透明,FF是完全不透明,比较适中的透明度值是 1E。
前言 悬浮按钮是我非常喜欢的, 可以把最关键的功能放入到悬浮按钮中. 比如日记app里的新建日记, 阅读类app里的喜欢. 稍微处理一下可以将悬浮按钮扩展成悬浮菜单, 来看下实现吧! github直
PS:在这之前也就是上一篇介绍了MaterialDesign一些滑动删除、标题栏的悬浮效果等,如果没看过第一篇的小火鸡可以看一下,因为这篇是接着上一篇写的,有一些东西上一篇写过了这里就不在重复了(MaterialDesign应用技术一),这篇也是上一篇的升级版,在我们日常写界面的时候,都想简单并且界面美观,这就少不了动画效果,MaterialDesign我们一般用到的动画,里面都有,不用我们自己写,在这个强大的库里,他都能够做什么呢,让我们来简单看一下。 上滑 顶部背景图片缓慢消失,标题悬浮 在标题 上栏加
这里使用的是:com.getbase.floatingactionbutton.FloatingActionsMenu
文章更新: 20170129 初次成文 应用名称:滚动截图 应用包名:me.pkhope.longscreenshot 备注说明:仅支持安卓5.0及以上系统 Hello~懒癌晚期的小苏又跑来更新博客了~ 在之前的文章中呢,小苏已经给大家推荐过一款长截图工具了:PPIICC,最近,小苏又发现一款长截图工具,用起来更加简单高效(小苏你这是和长截图应用肛上了还是咋滴?)于是赶紧跑来推荐给大家~ 在之前推荐给大家的PPIICC这款应用中呢,我们既可以进行截图操作,也可以使用系统自带的截图功能截好图
在之前做的视频监控系统中,根据不同的用户需要,做了好多种视频监控内核,有ffmpeg内核的,有vlc内核的,有mpv内核的,还有海康sdk内核的,为了做成通用的功能,不同内核很方便的切换,比如pro直接改一个DEFINE的变量名,所以需要将各种内核的使用方法做成一样的接口,这样看起来就很整齐,所以后面特意提炼了一个通用的视频控件,该控件没有具体的视频播放控制功能,需要根据不同的内核去调用具体的方法实现,后面还需要增加大华sdk或者其他第三方厂家的协议的时候,直接套用这个通用视频控件即可。
虽然当时构思的时候想法很丰满,但是做出来以后突然觉得功能好鸡肋。左右浮动切换上下篇算是唯一的亮点了。上下按钮用拖动方式体感上还不如直接用侧栏菜单的按钮功能来的方便。尤其是考虑到PC端,手机端,窄屏设备,触屏电脑等设备动作的监测判断。总是牵扯到一大堆的交集。然后就是点击动作在某个屏宽比下会执行两次。 Dorakika的代码我也没吃透,似乎有个长按以后能够拖动悬浮菜单的功能,搞不好我多删了一些代码,长按以后拖动的结束动作一直没法按照期望的来。 这个悬浮按钮不打算实装了,作为学习用吧。bug太多,不修啦。
产品说小程序返回到首页不太方便,想添加返回首页按钮,UI说导航栏能不能设置背景图片,因为那样设计挺好看的。
iPhone出现之后的几年,手机屏幕的尺寸基本都保持在4英寸以下(以对角线计算),非常便于单手操作。然而,随着大屏手机不断涌入市场,到2014年年中,已经有将近三分之一的移动Web浏览量来自这些设备。大屏手机填补了传统触屏手机与平板电脑之间的空白地带,有些大屏手机的屏幕甚至达到7英寸之巨,因此也获得了一个略显蹩脚的绰号——平板手机。
近两年互联网人口红利殆尽,获客成本明显提高,C端整体突飞猛进式的增长基本结束。与此同时,互联网开始赋能传统行业,企业对互联网服务需求逐年提升。今年疫情冲击之下,“新基建”迅速成为坊间热词,B端产品借势迎来了井喷式增长,也让许多设计师小伙伴有了入局B端的机会 。
协调布局CoordinatorLayout能够让内部的子控件互相配合着移动,这跟以往孤立的控件运动截然不同,协调运动的结果,意味着App画面更加流畅、自然,也更符合日常生活中的动作场景。如果你对CoordinatorLayout的用法还不太了解的话,建议先浏览这篇博文熟悉一下《Android开发笔记(一百三十四)协调布局CoordinatorLayout》。 一般我们使用CoordinatorLayout,都是结合悬浮按钮FloatingActionButton、应用栏布局AppBarLayout或者可折叠工具栏布局CollapsingToolbarLayout,但这不表示CoordinatorLayout只能与这少数几个控件一起使用,事实上,只要定义了两个控件之间的互动行为,即使是TextView、ImageView这些普通控件,也能实现自动协调运动的效果。先上个图,说明一下自定义行为所支持的画面:
直接安装这个插件即可,Chrome/Edge适用:Notion中文版
文章更新: 20160918 初次成文 应用名称:PPIICC 应用包名:bos.consoar.imagestitch 备注说明:部分功能需Root权限 我们经常可以在微博或者贴吧中看到一些手机截图,但是与普通的手机截图不同,他们的截图看起来"非常长",我们通常把这种截图叫做"长截图"。 这样的截图第一是免去了观者左右滑动切换图片的麻烦,观者只需要上下滑动图片即可流畅地看完整个截图。第二是省去了发布者发布图片时对图片的排序工作。第三,似乎也是最重要的,长截图看起来很酷炫。 部分机型的
AppBar(title属性,Text组件; action:动作响应;!!!! titleSpacing:标题文字间距; toolbarOpacity:标题透明度;)
这是一个云打印项目,首页查询接口渲染设备,设备是否在线是通过redis进行判断的,当设备在线时可以通过在线的驱动软件打印用户提交的文档,自动处理无需人工干预
前言 github传送门 在之前两期也是说了很多RecyclerView的使用, 这期打算来个实操性质的. 用RecyclerView制作一个文件管理器, 并且可以进行文件的多选, 应该是蛮实用的.
按钮可能是现代图形用户界面中最常见的功能元素。尽管它很受欢迎并且很简单,但这个 UI 对象可能很难设计。
Image 组件有多个命名构造函数 , 可以从 文件 / 内存 / 网络 / Assets 中加载文件 , 分别对应不同的构造函数 ;
长久以来。Android的UI并不算美观,以至于很多IT公司在进行界面设计的时候,为了保证双平台的统一性,强烈要求Android端的界面风格必须与iOS端一致,我认为这里非常不合理的,同一操作系统中各个应用之间的界面统一性要远比一个应用在双平台的界面统一性重要的多,只有这样,才能给使用者带来更好的用户体验。为了解决这个问题,Google公司在2014年IO大会上推出了一套全新的界面设计语言——Material Design(材料设计语言),这次Google在界面设计上确实下足了功夫,一个词,好看。并且在2015年IO大会上推出了一个Design Support库,这个库将Material Design中最具代表性的一些控件和效果进行了封装,使得开发者在不了解Material Design的情况下也可以轻松地将自己的应用Material化。
Onefootball 是一款适合于足球迷的应用,提供全球 100 多项赛事的新闻、数据、比分和直播。原型中选择“喜欢的球队”这个界面中,用到了悬浮按钮,采用的是滚动区来放置需要滚动的球队列表,然后将按钮放在滚动区上面,即可实现。此原型中还有很多重复布局,采用的是Mockplus的格子功能,让重复布局一拖拽就可快速完成。
故事还要从上一篇教程说起,本来嘛,我只是打算写个左右翻页的上下篇UI重写。然后dorakika从我的魔改里得到灵感,写了个悬浮按钮。
2023年5月---前排提示:钻芒博客已更换域名,新博客URL:www.zuanmang.net
对于没有相关基础的人,在正式学习App的UI之前,建议先了解Material Design相关的知识
WineRatingsPlus是一款关于红酒的App应用。它帮助你在用餐、聚会或任何场合选择葡萄酒时,都能方便的得到专家意见。同时,它也能帮助鉴赏家和感兴趣的人对葡萄酒更多的了解和选择。
PS:悬浮拖拽按钮的使用也是非常广的,就比如说上一个网站的时候就会弹出一个对话框,对话框可以随意拖动,那么安卓手机上可以实现吗,答案是可以的,这就用到了自定义view的按压点击等事件,本文的例子比较简单是继承FloatingActionButton,这个控件本身就做的很好了,点击效果,按压出的投影等都是可以调节的,所以继承他就可以省去写很多细节代码。网上也是有很多博友写了有关的文章,讲了原理也是很清楚的,写的都很好,也有很多写的代码基本上差不多,再怎么变MotionEvent方法的DOWN、MOVE、UP等
最近改了个UI,按钮放哪都不合适,看到别人都是用悬浮按钮,于是我自己也搞了一个,随心所欲存放位置,的确要比固定的好看的多,下面的是一个截图,代码放在下面自取
今天主讲的Material Design系列的两个控件都不难,所以一起讲了,分别是FloatingActionButton和Snackbar。这个系列都是主讲的Material Design风格的控件,所以都是控件的一些基本使用,也会扩展讲一些与这个控件相关的东西和效果,如果都会了的同学,可以不看这个系列。当然看一下也没啥,再巩固一下知识点也挺好的。 FloatingActionButton FloatingActionButton从本质讲就是一个ImageView,从FloatingActionButto
GOFLY,一套可私有化部署的免费开源客服系统,基于Golang开发,编译后的二进制文件可直接使用无需搭开发环境,下载zip解压即可,仅依赖MySQL数据库,是一个开箱即用的网页在线客服系统,致力于帮助广大开发者/中小站长快速整合私有客服功能
https://gitee.com/andli/hello-flutter.git
黄色的方框里是我博客的名字,也相当于是一个 logo吧,绿色的部分我计划每小时随机显示一条名言(或者鸡汤?)
app:backgroundTint="@color/blue" //背景颜色 app:elevation="0dp" //默认状态下的阴影大小 app:pressedTranslationZ="0dp" //点击状态下的阴影大小 app:borderWidth="0dp" //边宽,上下兼容,设置0dp app:rippleColor="@color/gray" //点击时的背景颜色 app:layout_anchor //设置锚点,即以哪个控件为参照点设置位置。 app:layout_anchorGravity //设置相对锚点的位置,值有 bottom、center、right、left、top等。 app:fabSize //按钮大小,normal和mini
顾名思义,CollapsingToolbarLayout是一个作用于Toolbar基础之上的布局,由DesignSupport库提供。
这个源码网上早就有了,不过是没有后台的。带后台的小杰已经发过了,不过这个后台做的还不怎么全面。所以我又去折腾了,全当做学习了。现在分享出来! 前台样式 前台没有作多大改变,不过是调整了一下
PageView 组件构造函数 : 构造函数中的可选参数就是 PageView 组件的所有可设置选项 ;
领取专属 10元无门槛券
手把手带您无忧上云