首页
学习
活动
专区
圈层
工具
发布

微信浮窗设计的3个层面

微信 版本6.6.7 本次更新: -可以把浏览的文章缩小为浮窗。 就在昨天,微信6.6.7版本,在公众号文章加入了“浮窗”功能,对于我这种喜欢在公交车上读公众号文章的人简直福音。...01 — 第1个层面:“置顶”方案的优化 点击文章右上角“…”,选择浮窗,可以退回到打开文章前的页面。单看这里好像是对之前“置顶”功能的一个优化。...因为固定浮窗解决了之前必须要回到微信聊天列表最顶部再次点击进入文章的问题。...此处的公告板可以类比浮窗,拖动加删除的交互和微信浮窗异曲同工。 ? 03 — 第3个层面:用心的场景化 如何快速添加文章为浮窗?...一点补充: 估计是为了和白色的背景有所区分,浮窗用了深灰色的描边,这个看起来没有想象中的好看,感觉应该会有优化空间。另外长时间不点开浮窗颜色会由下到上过渡为红色,提示用户是不是该继续读完还是关掉浮窗。

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

    微信很好用却很少人知道的浮窗功能

    有了“浮窗”功能,这些问题都不再是问题了。 文章的浮窗 如果你正在读微信公众号文章、外部分享文章,那么点击右上角的三个点,也就是我们之前操作分享的入口,在弹出的窗口的第二排第一个就是“浮窗”。...文件的浮窗 新版的功能,如果你正在读微信中分享的文件,你也可以将文件设置为浮窗。点击正在阅读文件的右上角三个点,点击弹出窗口中的第二个按钮“浮窗”,即可完成设置。...小程序的浮窗 不仅仅针对文章和文件可以使用浮窗功能,小程序同样可以使用浮窗功能。在使用小程序的界面,点击右上角的三个点(一大两小),在弹出的窗口中点击浮窗,即可把小程序也设置为浮窗。...在没有浮窗功能之前,为了打开多个文件、多篇文章,我们只能跳出微信借助于第三方的浏览器或文件系统,而此功能又将用户留在了微信。...原文链接:https://www.choupangxia.com/2019/07/19/微信很好用却很少人知道的浮窗功能/

    4.9K30

    浏览网页不用手动复制——ima copilot浮窗感知当前内容直接问答

    ima copilot的浮窗感知功能,从根本上改变了这个交互模式。...二、浮窗感知:copilot自动知道你在看什么 ima copilot的浮窗感知功能的工作原理非常直觉:当你使用ima应用内的copilot浮窗时,copilot会便捷地感知你当前正在浏览的内容,无论是网页...多场景统一体验 浮窗感知不限于网页浏览。在ima应用内,无论你是在内置浏览器中查看网页、在知识库中查阅文档、在笔记中回顾记录,还是在阅读上传的文件,copilot都能感知当前内容。...五、浮窗感知背后的One Agent架构 浮窗感知功能的实现,离不开ima copilot的One Agent统一架构。...这种即时性的改变,看似微小,实则深刻——它让AI从你主动去调用的工具,变成了你思考过程中自然存在的协作方。

    53710

    Auto.js中的悬浮窗

    悬浮窗一般用来显示当前脚本运行的状态和信息,是最为重要的人机交互方式。悬浮窗在脚本停止运行时会自动关闭,因此,要保持悬浮窗不被关闭,需要用一个空的setInterval来实现。...由于脚本运行的线程不是UI线程,而所有对控件的修改操作需要在UI线程执行,此时需要用ui.run(function(){})方法来调用。...FloatyWindow对象 悬浮窗对象,可通过ID获取悬浮窗界面上的控件。...关闭悬浮窗; FloatyWindow.close() 如果悬浮窗已经是关闭状态,将不执行任何操作,被关闭后的悬浮窗不能再显示。 2.9. ...关闭悬浮窗; FloatyRawWindow.close() 如果悬浮窗已经是关闭状态,则此函数将不执行任何操作,被关闭后的悬浮窗不能再显示。 3.9.

    8.3K20

    百度分享插件的使用

    bd_share_config = { common : { //此处放置通用设置 }, share : [ //此处放置分享按钮设置 ], slide : [ //此处放置浮窗分享设置...bdSize int 16|24|32 分享按钮的尺寸 bdCustomStyle string 样式文件地址 自定义样式,引入样式文件 浮窗分享设置 浮窗分享设置的值为数组或对象,值为数组时可在页面显示多个分享浮窗...bdPos : "right", bdTop : 100 },{ bdImg : 0, bdPos : "left", bdTop : 100 }] } 浮窗分享设置项解析...: 配置项名称 值类型 格式和取值 描述 bdImg string 0|1|2|3|4|5|6|7|8 分享浮窗图标的颜色。...bdPos string left|right 分享浮窗的位置 bdTop int 分享浮窗与可是区域顶部的距离(px) 图片分享设置 图片分享设置的值为数组或对象,值为数组时可对图片应用不同的设置

    1.3K10

    百度分享插件的使用

    bd_share_config = { common : { //此处放置通用设置 }, share : [ //此处放置分享按钮设置 ], slide : [ //此处放置浮窗分享设置...bdSize int 16|24|32 分享按钮的尺寸 bdCustomStyle string 样式文件地址 自定义样式,引入样式文件 浮窗分享设置 浮窗分享设置的值为数组或对象,值为数组时可在页面显示多个分享浮窗...bdPos : "right", bdTop : 100 },{ bdImg : 0, bdPos : "left", bdTop : 100 }] } 浮窗分享设置项解析...: 配置项名称 值类型 格式和取值 描述 bdImg string 0|1|2|3|4|5|6|7|8 分享浮窗图标的颜色。...bdPos string left|right 分享浮窗的位置 bdTop int 分享浮窗与可是区域顶部的距离(px) 图片分享设置 图片分享设置的值为数组或对象,值为数组时可对图片应用不同的设置

    71120

    大公司都有哪些开源项目之网易

    .桌面应用软件的跨平台解决方案 heX heX 是网易有道搜索部门开发的一个允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案,基于HTML5 + node.js...CPU使用量 2、检测当前时间被测应用占用的内存量,以及占用的总体内存百分比,剩余内存量 3、检测应用从启动开始到当前时间消耗的流量数 4、测试数据写入到CSV文件中,同时存储在手机中 5、可以选择开启浮窗功能...,浮窗中实时显示被测应用占用性能数据信息 6、在浮窗中可以快速启动或者关闭手机的wifi网络 https://github.com/NetEase/Emmagee 4.基于udp的请求复制工具 udpcopy...特性一览: 提供一个当前或指定路径的静态服务器 所有浏览器的实时刷新:编辑css实时更新(update)页面样式,其它文件则重载(reload)页面 提供简单熟悉的mock请求的配置功能,并且配置也是自动更新

    2.1K60

    video.js调用

    一种是在video的html标签之中 一种是使用js来进行初始化 二、记录一波video.js的使用及问题 转自或参考:记录一波video.js的使用及问题 – – SegmentFault 思否 https...3、video.js样式修改 .video-js{ /* 给.video-js设置字体大小以统一各浏览器样式表现,因为video.js采用的是em单位 */ font-size: 14px; } ....video-js button{ outline: none; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3{ /* 视频占满容器高度...vjs-remaining-time{display: none;} .vjs-button > .vjs-icon-placeholder:before{ /* 控制条所有图标,图标字体大小最好使用px单位,如果使用em,各浏览器表现可能会不大一样...iPhone中播放时自动全屏问题(2019.09.23) 在iPhone设备上播放视频时(微信浏览器上也会有这个问题)会自动全屏,这里的全屏并不是常规的手机横屏那种全屏,而是类似于一个modal弹窗的全屏

    36.5K21
    领券