首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    微信浮窗设计的3个层面

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

    1.3K11

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

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

    3.5K30

    Android 可拖动悬浮窗实现

    当时同事给的建议用 ViewDragHelper 来实现(原谅没玩过这个东西,网上看了下教程挺牛逼的,算了,还是选择用手势监听做吧),首先先给大伙看下最终的项目实现效果(模拟器上可能会卡顿,实际的运行效果还是很流畅的...当然,最后我也不会把公司项目代码分享给大家伙,这里就给大家讲解下实现的思路。...FloatWindow 去实现。...在实现逻辑之前,因为整体都在悬浮窗上实现,需要定义悬浮窗内容的一些必要属性,因为 indicatorView 和 rootView 的属性差不多,所以只列出 indicatorView 的属性列表,具体的可以看...通过如上代码可以发现,contentView 的 layout 属性变化都是通过动画来实现的,这边我采用属性动画,来不断改变滑动的距离来实现悬浮窗显示和隐藏的效果,也就是就是上面代码中的 rightInSmoothToLeft

    2.1K21

    Android 悬浮窗功能的实现

    另一个是360卫士的悬浮球,实现此功能的方式比较多,这里以视频通话悬浮窗中的需求为例。...编码实现使用Kotlin。Java版本留言邮箱即可。...退出通话页面悬浮窗消失。 业务场景技术分析 在编码之前,我们必须将流程整理好,这样更有利于编码的实现。实现一个功能如果需要10分钟,思考的时间是7分钟,编码占用的时间只是三分钟。...结合上述技术问题分析,我们倒叙一一通过编码实现 悬浮窗实现方案 实现效果 ? 准备工作 首先我们新建一个项目,项目中有两个Activity,我们在第二个Activity编写通话模拟页面。...如何将acitivity置于后台 其实很简单,我们调用一个方法即可 moveTaskToBack(true); 这个方法的含义就是将当前的任务战置于后台,so,为什么我要在第二个Activity中实现的原因之一

    6.3K10

    百度分享代码–一键分享Baidu Share BEGIN

    data-tag属性为分享按钮标识,用于实现同一页面中多分享按钮不同配置,详见设置部分。 data-cmd属性为分享目标标识,取值请参见:分享媒体id对应表。...bdSize int 16|24|32 分享按钮的尺寸 bdCustomStyle string 样式文件地址 自定义样式,引入样式文件 4.3 浮窗分享设置 浮窗分享设置的值为数组或对象,值为数组时可在页面显示多个分享浮窗...浮窗分享设置 window....: 配置项名称 值类型 格式和取值 描述 bdImg string 0|1|2|3|4|5|6|7|8 分享浮窗图标的颜色。...bdPos string left|right 分享浮窗的位置 bdTop int 分享浮窗与可是区域顶部的距离(px) 4.4 图片分享设置 图片分享设置的值为数组或对象,值为数组时可对图片应用不同的设置

    1.6K10

    百度分享插件的使用

    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) 图片分享设置 图片分享设置的值为数组或对象,值为数组时可对图片应用不同的设置

    27820

    百度分享插件的使用

    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) 图片分享设置 图片分享设置的值为数组或对象,值为数组时可对图片应用不同的设置

    83610

    「设计模式 JavaScript 描述」单例模式

    试想一下,当我 们单击登录按钮的时候,页面中会出现一个登录浮窗,而这个登录浮窗是唯一的,无论单击多少 次登录按钮,这个浮窗都只会被创建一次,那么这个登录浮窗就适合用单例模式来创建。 1....假设我们是 WebQQ 的开发人员,当点击左边导航里 QQ 头像时,会弹出一个登录浮窗,很明显这个浮窗在页面里总是唯一的,不可能出现同时存在 两个登录窗口的情况。...第一种解决方案是在页面加载完成的时候便创建好这个 div 浮窗,这个浮窗一开始肯定是隐藏状态的,当用户点击登录按钮的时候,它才开始显示: 浮窗: 浮窗上的关闭按钮时(此处未实现)把这个浮 窗从页面中删除掉,但这样频繁地创建和删除节点明显是不合理的,也是不必要的。

    83720

    访客接入-唯一客服系统文档中心

    url中可以传递的参数介绍 visitor_id: 自有会员 visitor_name: 自有会员名称 avator: 自有会员头像 lang: 多语言 cn 中文 , en英文,tw繁体 弹窗模式 将JS...'head')[0];let s = b.createElement('script'); s.type = 'text/javascript';s.src = c+"/static/js.../kefu-front.js";s.onload = s.onreadystatechange = function () { if (!...英文 KEFU_SHOW_TYPES: 展示样式,0:不展示,1:普通右下角,2:圆形icon KEFU_AUTO_OPEN: true 自动展开,false 不自动 自定义弹窗图标按钮 如果对现在两种浮窗按钮不满意...设置KEFU_SHOW_TYPES:0 ,把两种浮窗按钮都隐藏 可以自己写一个浮窗按钮,然后增加点击事件,同样可以以弹窗形式展示出聊天窗口 例如: <a href="javascript:KEFU.showPanel

    44920

    微信大更新!支持多任务操作,还有超好用的 10 大新功能

    懒人目录 微信浮窗升级 公众号界面新变化 朋友圈大更新 视频动态功能增强 还有 3 个小优化 ? 微信浮窗升级 浮窗的升级是微信 7.0.5 for iOS 的重要更新内容。...需要注意的是,在微信中播放音乐时,会自动生成浮窗,将不会再在微信首页显示,但音乐浮窗并不会占用真正的浮窗名额。同时,当浮窗内任务数达到 5 个时,浮窗也会根据任务颜色变成一朵「梅花」。 ?...之前的浮窗仅支持放入一篇文章或网页,因此 A 君在使用中往往会遇到这样的问题: 一篇文章看了一半放到浮窗中,过了一会又看了另一篇文章想放到浮窗中,但是却放不进去了 A 君经常用公众号小程序回复大家的留言...,有时候突然来个微信消息想回复一下,只能把小程序关了,不能放到浮窗中暂存 现在浮窗升级后,使用效率可就大大提升了,在各种场景你都能利用多任务浮窗让微信用着更方便。...有了多任务浮窗,你可以 1 秒钟解决这个问题。 比如说,你可以在微信收藏中建立一个笔记,一直放在浮窗中,在今天内看到任何觉得有价值的信息都可以放到这个笔记中,然后在晚上再做汇总整理。 ?

    1.3K40
    领券