首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Material Design —卡片(Cards)

何时使用 显示以下内容使用布局: ·作为一个集合,包含多种数据类型,如图像,视频和文本 ·不需要直接比较(用户不直接比较图像或文本) ·支持高度可变长度的内容,例如评论 ·包含可交互式内容,例如+1...内容层次 使用内的层次结构来引导用户注意最重要的信息。 例如,将主要内容放置在的顶部,或使用排版来强调最重要的内容。 图像可以强化卡片中的其他内容。...但是,它们在内的大小和位置取决于图像是主要内容还是用于补充卡片上的其他内容。 背景图像 文字放置在纯色背景上,文字清晰度最高,且文字对比度足够高。 放置在图像背景上的文本应该保留文本的易读性。...超过最大卡片高度的卡片内容会被省略,内部不会滚动,但可以扩展卡片。 一旦展开,卡片可能会超过视图的最大高度。 在这种情况下,卡片将随卡片集合一起滚动。 ? ?...pc端卡片可展开和内部滚动 卡片聚焦 遍历卡片上的焦点,在移动到下一张卡片之前访问所有可聚焦元素。

4.3K100

【16】万恶的引导设计:配表篇

场景代入 继续以《率土之滨》游戏为例,假设策划提出要做一个技能学习引导,需求大概是这样的: 玩家点击某一张牌进入到牌信息页,若牌等级达到10级,引导玩家点击已解锁的技能槽,进入技能选择页后,...基于理论篇的讲解,将引导拆分如下: 触发点:进入牌信息页 触发条件:牌等级达到10级 步骤1:弹出引导对话:“主公,您的武将已满足技能学习的条件,请学习技能提高武将的实力。”...文本 用来配置对话中出现的文本内容。 操作 填写除对话以外的其他操作,比如点击技能槽,点击确定按钮。...用数字来枚举类型,如:1表示对话,2表示点击 不同的操作也用数字来索引: 1:点击空技能槽 2:点击技能列表中可学习的技能 3:点击技能学习确定按钮 因为工具的需要,没有内容的单元格用0填充 调整后的表结构就变成了这样...触发条件 触发点满足,开始判断触发条件,若触发条件满足要求,则触发对应的引导

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

Stable Diffusion WebUI详细使用指南

在反向提示词部分,可以输入你不想在图片上看到的内容。 宽度和高度:输出图像的尺寸。使用v1模型,您应该将至少一边设置为512像素。...例如,将宽度设置为512,高度设置为768,以获得一个2:3的纵向图像。 批处理大小:每次生成的图像数量。在测试提示,您至少想生成几个图像,因为每个图像都会有所不同。最后,点击生成按钮。...宽度和高度:输出图像的尺寸。对于v1模型,您应该至少将一侧设置为512像素。例如,将宽度设置为512,高度设置为768,以获得一个2:3的竖向图像。...发送到修复: 将选定的图像发送到img2img选项中的修复选项。 发送到额外功能: 将选定的图像发送到额外功能选项。 Img2img img2img的作用就是从一张图片来创建另外一张图片。...从图像中获取Promot Interogate CLIP 按钮会对您上传到 img2img 选项的图像进行猜测,并生成提示。您想生成一个不知道提示词的图像,这将非常有用。

42120

Stable Diffusion WebUI详细使用指南

在反向提示词部分,可以输入你不想在图片上看到的内容。 宽度和高度:输出图像的尺寸。使用v1模型,您应该将至少一边设置为512像素。...例如,将宽度设置为512,高度设置为768,以获得一个2:3的纵向图像。 批处理大小:每次生成的图像数量。在测试提示,您至少想生成几个图像,因为每个图像都会有所不同。最后,点击生成按钮。...宽度和高度:输出图像的尺寸。对于v1模型,您应该至少将一侧设置为512像素。例如,将宽度设置为512,高度设置为768,以获得一个2:3的竖向图像。...发送到修复: 将选定的图像发送到img2img选项中的修复选项。 发送到额外功能: 将选定的图像发送到额外功能选项。 Img2img img2img的作用就是从一张图片来创建另外一张图片。...### 从图像中获取Promot Interogate CLIP 按钮会对您上传到 img2img 选项的图像进行猜测,并生成提示。您想生成一个不知道提示词的图像,这将非常有用。

35310

iOS 性能优化

视频控制器还未读取完成,即屏幕内容刚显示一半时,GPU 将新的一帧内容提交到帧缓冲区并把两个缓冲区进行交换后,视频控制器就会把新的一帧数据的下半段显示到屏幕上,造成画面撕裂现象,如下图: ?...这样能解决画面撕裂现象,也增加了画面流畅度,但需要消费更多的计算资源,也会带来部分延迟。... CPU 和 GPU 计算量比较大,一旦它们的完成时间错过了下一次 C-Sync 的到来(通常是 1000/6=16.67ms),这样就会出现显示屏还是之前帧的内容,这就是界面顿的原因。 ?...视图层次调整,UIView、CALayer 之间会出现很多方法调用与通知,所以在优化性能,应该尽量避免调整视图层次、添加和移除视图。...这样,TableView 在请求各个高度函数不会消耗任何多余计算量;把 CellLayout 设置到 Cell 内部,Cell 内部也不用再计算布局了。

2.8K20

iOS性能优化系列篇之“列表流畅度优化”

空间换时间 为什么要预加载: * 滑动CPU占用过高,16.67ms内无法完成内容提交—>导致顿 * 滑动CPU占用率高,但空闲时CPU占用率底—>CPU占用分布特点 * 利用CPU空闲时间预加载...,降低滑动CPU占用峰值—>解决顿 通过预加载我们希望达到的CPU理想占用效果如下: [1240] 预加载内容: 静态资源预加载 * 如何预加载:创建列表前找时机加载。...可在子线程中进行的任务 * 图片解码 * 文本渲染,UILabel和UITextview都是在主线程渲染的,显示大量文本,CPU的压力会非常大。...其实不仅仅是cell的高度可以缓存,如果cell里面有大量的文字图片等复杂元素,cell的subView的布局也可以在第一次计算好,用Model的key来缓存。避免频繁多次的调整布局属性。...\*\*图片过大\*\*,超过 GPU 的\*\*最大纹理尺寸\*\*,图片需要先由 CPU 进行预处理,这对 CPU 和 GPU 都会带来额外的资源消耗。

2.4K30

最新iOS设计规范二|7大应用架构

如果您必须在应用程序中包括这些项目,请以平衡的方式集成它们,而不会破坏用户体验。(实际是大多数应用都在登录页面显示协议和免责声明,并要求用户进行勾选) 您的应用重启,恢复以前的状态。...二、新手引导(Onboarding) APP启动后,您就可以欢迎新用户并与回访的新用户重新建立联系。快速,有趣且具有教育意义的新手引导可以帮助用户从APP中获得最大收益,而不会遇到麻烦。...提供新手引导帮助人们享受您的应用程序,而不仅仅是设置它。用户很高兴有机会了解更多有关您的应用程序的信息,但他们也希望它能够正常工作。所以避免在新手引导中出现设置或权限许可信息。 快速进入。...后台也要尽可能使用预加载,例如在播放动画或用户正在操作导航栏的选项,后台预先加载出来即将播放和显示的内容。 用引导或娱乐的方式来掩盖加载的时间。...拆分视图提供与选项栏相同的快速导航,同时更好地利用了大屏幕。 您具有内容类型相同的多个页面,请使用页面控件。页面控件清楚地传达了可用页面的数量以及当前处于活动状态的页面。

2.6K20

桌游推荐

游戏有一定的拼放规则,目标是把蜂后围住即获得胜利。...坦岛 ? 坦岛 坦岛是一个深受玩家赞誉的思考策略游戏,1995年出版即荣获德国年度最佳游戏、及德国玩家票选最佳游戏第一名。 摸手类(哈哈) 德国心脏病 ?...每名玩家打出他的牌,如果谁看到台面上有5个相同的水果,就马上按铃。如果是正确的,收回桌面上所有的牌,把他们背面向上放入自己的牌库。如果错了,给每名玩家一张牌。如果用完了所有的牌,就出局了。...只言片语 《只言片语》以语言描述、画面猜想为游戏内容引导玩家全面开动想象力。游戏气氛轻松有趣,能够给聚会带来许多欢笑。 当然也比较重策略:不能画的太贴切,也不能画的不贴切。 妙笔神猜 ?...妙笔神猜 玩妙筆神猜時每個人畫一個謎題,同時也猜別人所畫的謎底,遊戲時間不足以讓你畫一幅傑作,你最好能用簡單的筆觸畫個簡圖來表達你的謎題,這樣你就有更多時間來猜測其它玩家的謎底。

62620

【游戏概率】游戏中的常见概率设计分析,游戏概率常用算法整理

游戏中常见的4种概率设计 常规做法,直接配置概率,程序直接判定 在1的基础上,加个保底次数,连续不发生的次数高于保底,强制发生 设置基础概率,事件不发生概率翻倍 设置数组,将事件发生概率变成数组元素...---- 三、抽保底算法 牌游戏开始流行后,抽这种模式就越来越受到大众欢迎。抽就成了免费游戏的主要收入来源。简单直接,而且隐秘。简单是因为,只要点击一次,就会从牌库中,随机获得一张牌。...这种方案在于你需要预先给对应保底的卡牌进行定价,比如价值1000 RMB,那么玩家抽次数达到一定值N(这里假设每次十连抽价格为188 RMB,N约为60,注意:牌定价≈N*抽价格 就可以),如果依旧没有获得保底牌...,则必然会获得一张,一旦玩家获得保底牌后,N重置为0,重新开始计数。...我认为是基于两方面,一方面是因为幸存者偏差,很多玩家更多将注意力放在抽到牌的玩家,而对于没有抽到玩家没有关注(全服通告也只会告知玩家谁抽到好,而不会告知多少玩家没有抽到)。

4.6K40

一张贺年卡里,能有多少尖端AI技术?

这张由智谱AI生成的贺年,不仅不花什么功夫,还包含了一段年味十足的祝福语,和一张精美的图片,如果有心,还能附上一首贺年的诗词。一眼看上去平平无奇,但实际上,却是尖端AIGC技术的集中体现。...先说说每年最让人头疼的祝福语:在这张祝福上,仅凭寥寥几句引导语,由清华大学KEG实验室和智谱AI研发的开放问答机器人小呆(XDAI)就能够完成一段相当高质量的祝福,甚至还能实现押韵。...这也是XDAI最强大的能力,它不仅能借此完成颇具年味的文字生成,还能通过设计不同的Prompt,达成对XDAI“人设”、甚至“性格”的调整,来设计一个愤怒版、抑郁版、暖心版等不同版本的“小呆”。...一张小小的贺年,背后是一个开源大模型的支持,和三种AIGC的尖端技术。在未来,AIGC技术可能也会给一年一度的“拜年文学大赛”画上句点。...更多内容,点击下方关注: 未经「AI科技评论」授权,严禁以任何方式在网页、论坛、社区进行转载! 公众号转载请先在「AI科技评论」后台留言取得授权,转载需标注来源并插入本公众号名片。

41620

有了陆奇的百度2017年怎么走?从这个活动一窥端倪

从引入AR来看,拓展App用户或者绑已不是支付宝眼下的重点,让更多用户习惯于“扫一扫”这个动作与微信支付抗衡,同时帮助商家品牌曝光是2017年支付宝春节红包活动的核心目标。...除夕夜,用户将在信息流中刷到好友的红包消息,手机百度在引导用户形成刷信息流的习惯。...“春玩”活动中,拜年短视频吸引用户生产、传播与消费短视频,2017年,手机百度信息流和搜索结果中会不会更多短视频?我想答案是肯定的。 关键词3:社会化。...移动互联网时代,用户被动推荐内容将成为跟主动搜索同样重要。百度已经意识到这一点,强化信息流。搜索引擎过去的使命是加速信息流通(谷歌)或者让人们平等地获得信息(百度),信息流不也是在履行类似的使命吗?...金融相对于O2O更轻,且技术还有许多机会,这是百度的一张好牌,小米2017年重点之一便是金融,我想百度没有理由不加强金融业务。

643100

「FVIP会员日」来了!

会员福利,还有更多公仔、定制充电宝奖品福利,嗨起来~ 1....“超低折扣” 活动期间,「FVIP月」、「FVIP季」、「FVIP半年」、「FVIP年」将全面降价,7折优惠价等你抢,等你来“薅”~ *点击底部【阅读原文】立即加入FVIP,获更多福利 想想就很让人心动...“买就送” 活动期间首次购买「FVIP年」的用户,即可获得「FVIP季」;首次购买「FVIP月」即可多得7天会员体验。...或在官方微博转发并评论活动文章,微博抽奖小助手随机抽取送出3张「FVIP月」& 闪电象公仔,快快加入吧~ 给出优质建议并被采纳的用户,请根据私信引导关注「FreeBuf产品在线接怼」专辑接受产品小姐姐的赞赏...*「FVIP会员日」固定为每月的第四周周三至周五(如遇重要节假日可能适当调整),期待大家的参与。

1.1K10

iOS顿优化

屏幕显示的过程:CPU计算显示内容,例如视图创建、布局计算、图片解码、文本绘制等;接着CPU将计算好的内容提交到GPU进行合成、渲染。...只要能使CPU的计算和GPU的渲染能在规定时间内完成,就不会出现顿。所以目标是减少CPU和GPU的资源消耗。...优化顿: CPU: 减少计算,减少耗时操作 提前计算好布局,列表页高度在请求完成数据后,就计算好高度,显示直接使用。...(YYText) 图片解码:使用UIImage或者CGImageSource创建图片时,图片数据并不会立即解码。...顿监控起一个子线程定时检查主线程的状态,主线程的状态运行超过一定的阈值,则认为主线程顿,从而标记为一个顿。

3.3K11

「FVIP会员日」来了!下周三等你来“薅”

相信热爱安全的你,不会错过这班车~ 在安全的道路上摸爬滚打 FreeBuf愿做你贴心的小棉袄 当然,军大衣也不是不可以 拒绝下次一定,从我做起!...会员福利,还有更多公仔、定制充电宝奖品福利,嗨起来~ 1....“买就送” 活动期间首次购买「FVIP年」的用户,即可获得「FVIP季」;首次购买「FVIP月」即可多得7天会员体验。...或在官方微博转发并评论活动文章,微博抽奖小助手随机抽取送出3张「FVIP月」& 闪电象公仔,快快加入吧~ 给出优质建议并被采纳的用户,请根据私信引导关注「FreeBuf产品在线接怼」专辑接受产品小姐姐的赞赏...*「FVIP会员日」固定为每月的第四周周三至周五(如遇重要节假日可能适当调整),期待大家的参与。

60510

xwiki功能-附件

一个常用的实例,例如上传图像附件,在页面内容中显示。 上传文件 有3种方式上传文件: 使用页面顶部菜单 你可以通过"More actions"菜单上传附件: ?...点击,它会引导你到位于页面底部的附件选项: ? 使用页面底部附件选项 查看你希望上传文件的页面,然后点击页面底部“附件”选项。 ? 请注意,上传,文件选择器允许你尽可能多选择文件。...使用WYSIWYG编辑器 使用WYSIWYG编辑器编辑页面,可以在工具栏点击“Link > Attached File...”。....”或“Image > Attached Image”按钮,如下图所示: 链接到外部附件或者图片 如果你的文件是在一个远程服务器上,你希望从你的wiki链接到它,只需使用URL链接作为你的wiki链接内容...更多 有关XWiki的附件是如何工作的,以及如何配置/调整附件存储,你可以查阅管理员附件指南。

1.3K20

iOS 9人机界面指南(三):iOS 技术 (上)

举个例子,人们在Safari中浏览网页,他们可以使用你的分享扩展来发送一张图片或一篇文章到你的社交网站上。...或者使用Photos(照片)应用时,人们可能会使用你的图片编辑扩展来为一张图片加上一个滤镜效果。...使用通知中心的默认边距和背景,你的今天部件就会给用户以统一的体验。为获得最佳的结果,你应该重点关注你的内容而不是背景或者其他的,尤其应该避免绘制一片纯色背景。...注意: 在动作视图控制器中,iOS只会显示支持当前内容类型的动作扩展。例如,当用户当前内容是视频,iOS就不会显示支持文本的动作扩展。 尽可能在分享扩展中使用系统提供的UI。...例如,如果你的应用是一款游戏或媒体观看应用,你需要确保你的用户从应用切换走时,不会丢失任何内容或事件。人们切换回游戏或媒体播放器,他们希望能继续之前的体验,就好像他们从未离开过应用。

1.7K60

宝, 来学习一下CSS中的宽高比,让 h5 开发更想你的夜!

当此盒式高度按比例调整为其宽度,我们将有一个致宽尺寸的框。 考虑下图。 盒子被按比例调整大小,其宽度和高度之间的比例是一致的。...通过拥有一致的高宽比,我们可以获得以下好处 整个网站的图像将在不同的视口大小上保持一致。 我们也可以有响应式的视频元素。...一个元素有一个垂直百分比的padding,它将基于它的父级宽度。请看下图。 标题有padding-top: 50%,该值是根据其父元素的宽度来计算的。...这些缩略图的宽度和高度应该是相等的。 由于某些原因,运营上传了一张与其他图片大小不一致的图片。注意到中间那张高度与其他高度不一样。 你可能会想,这还不容易解决?...这个解决方案在多种视口尺寸下都不会好看。 注意到在中等尺寸下,固定高度的图片从左边和右边被裁剪得太厉害,而在手机上,它们又太宽。所有这些都是由于使用了固定高度的原因。

1.5K30

【DeepMind 公开课-深度强化学习教程笔记04】不基于模型的预测

点击上方“专知”关注获取更多AI知识!...本讲内容同样分为三个小部分,分别是蒙特洛强化学习、时序差分强化学习和介于两者之间的λ时序差分强化学习。相信读者在阅读本讲内容后会对这三类学习算法有一定的理解。...庄家出示的牌(A - 10),庄家会显示一张牌面给玩家 我有“useable” ace吗?(是或否)A既可以1点也可以11点。...如果使用蒙特洛学习,路上发生的这一险情可能引发的负向奖励不会被考虑进去,不会影响总的预测耗时;但是在TD学习,碰到这样的险情,这个人会立即更新这个状态的价值,随后会发现这比之前的状态要糟糕,会立即考虑决策降低速度赢得时间...对于蒙特洛学习过程,驾驶员在路面上碰到各种情况,他不会更新对于回家的预估时间,等他回到家得到了真实回家耗时后,他会重新估计在返家的路上着每一个主要节点状态到家的时间,在下一次返家的时候用新估计的时间来帮助决策

1.1K110

5不起眼的PPT小技巧,帮你省下一半的时间

不会做怎么办?文本框教你做高端海报,一个文本框,一张美图轻松帮你搞定。...第一步:首先需要插入文本框,然后写入一行‘一’; 第二步:在选择文字,字体选择‘宋体’并加粗,点击‘格式’选项,文字效果→转换→选择波形一; 第三步:这时就要调整宽度和高度,插入图片,先选中图片,再选中的文本框...,点击‘格式’选项→合并形状,选择相交,最后输入文字作修饰,就搞定啦。...四、批量设置背景 PPT页数比较多的时候,需要更换背景颜色,或者是更改格式,如果全部手动的话,工作量多到你怀疑人生。...’选项框,文字效果→转换→选择正梯形; 第三步:修改文字宽度和高度到自己满意的程度,就搞定了。

75320

Excel小技巧25:Excel工作表打印技巧

打印包含有较多数据的工作表 工作表中含有较多数据,可能由于列数太多会打印到几张纸中,其实,我们可以适当调整比例,在一张纸中打印所有列。当然,前提条件是打印出来的字体不能过小。...这样,在打印,会将所有列放置在一张纸上,无论工作表中有多少行。 也可以在“页面设置”对话框中改变打印比例。...在该对话框的“页面”选项中,清除“缩放”中的“页高”前面的数值,使其为空,这样使工作表所有列都打印在一张纸上,而无论工作表有多少行。 ?...有时候,在“页面设置”对话框中,“顶端标题行”不可用,其中的内容呈现灰色,如下图5所示。这是为什么呢?这是由于你在打印预览打开了“页面设置”对话框。 ?...打印工作表网格线 默认情况下,虽然可以看到工作表中的网格线,但是在打印预览或者打印工作表不会显示工作表网格线。

1.8K10
领券