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

Material Design — 提示框( Dialogs)

屏幕提示框例外 全屏对话框可能会打开其他对话框,例如选择器,因为它们设计可以容纳额外材料层,而不会显着增加app深度感知与视觉干扰。 ?...不该有明确取消按钮 明确说明 ·在简单提示框中,行高可以变化; ·简单对话框在屏幕垂直和水平都居中显示; ·提示框与屏幕左右边缘距离应该至少为40dp,距离顶部和底部至少为24dp; ·该对话框内容距离提示框边缘为...例如,用户可以聆听多个铃声,但只能在触摸“ok”时进行最终选择。 点击确认对话框中“取消”,或按Android“后退”,取消操作,放弃所有更改并关闭对话框。 ?...要提供明确“取消”与“确定”按钮 ---- 全屏提示框(Full-screen Dialogs) 仅限手机:由于空间有限,全屏幕对话框可能更适合使用在手机,而不是屏幕较大设备。...左:不要用“关闭”这样词作为确认    右:离开时进行提示 导航 全屏幕对话框中使用“X”不同于向返回箭头,箭头能表示视图状态实时被保存。

5K101

如何轻松自定义WordPress登录页面

但是,在为特定客户(特别是公司)构建网站时,如果您可以更改登录屏幕颜色方案以及与网站主题相匹配徽标,那会很好看,? ---- 好,它可以轻松完成。...关于WordPress好处是后端每个部分都可以通过使用php 函数进行自定义。 在今天教程中,将向您展示如何以您希望方式自定义WordPress登录屏幕。...首先,我们将更改徽标,然后更改配色方案和其他一些元素。让我们开始吧。 默认WordPress登录屏幕 ? 我们要建立什么 ? 更改徽标 WordPress使用CSS来显示背景图像。...body.login { background-color: #3d3d3d; font-family: Helvetica; } 现在我们已经更改了登录屏幕背景颜色和字体,让我们在登录表单持有者放置一个漂亮灰色背景...还将字体大小设置为13px,使其看起来像一个平面按钮

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

Windows 10内部23个隐藏技巧

所有这些选项都可以通过标准菜单界面使用,但是您可以通过此文本界面更快地访问它们。 显示桌面按钮 ? ? 该桌面按钮实际可以追溯到Windows 7,但是仍然很方便。桌面的右下角是一个秘密按钮。...没看到?在日期和时间之外,一直查找到底部和右侧。在那里,您会发现一小部分隐形按钮。单击它可以最小化所有打开窗口。 当您将鼠标悬停在此按钮而不是单击时,还可以选择使窗口最小化。...在 “设置”>“个性化”>“任务栏”>“使用窥视”预览桌面中 选择您偏好 。 抖动 ? 该功能实际在Windows 7中首次亮相,但是发现很多人不知道或不使用它(但是他们应该-很酷!)。...您可以使用Windows键以及任何方向箭头按钮来提示类似的行为。 在虚拟桌面之间快速跳转 ? 您想在PC执行多任务?...这些主题更改“开始”菜单,任务栏,操作中心,“文件资源管理器”,“设置”菜单以及与这些调色板更改兼容任何其他程序颜色。

4.1K30

巧妙再构想Slax发行版成功突破便携式Linux局限性(Reviews)

可以将工具栏或面板栏放置在屏幕任何边缘。 默认位置在底部。 image.png Slax桌面可以调整打开窗口大小,在虚拟工作区之间移动应用程序以及系统配置进行最小程度变更。...面板左端菜单按钮在整个屏幕显示类似GNOME图标。打开应用程序窗口停靠在工具栏。右端显示关闭按钮,数字时钟和声音控制图标。 Fluxbox不提供桌面图标小程序。...还能够通过从插入笔记本电脑USB进行引导来运行Slax,该笔记本电脑可以双启动进入Windows 10和其他三个Linux操作系统。...现在,您有了一个图形界面来处理所有正在进行软件需求。当你点击菜单按钮时,你会在屏幕看到一个图标,标记为“突触”("Synaptic")。...提示:在Synaptic中执行其他任何操作之前,请确保单击Synaptic窗口工具栏中“重新加载”按钮以更新内容缓存。 其他视角 Slax Linux有两个主要担忧。 一是它行为过程臃肿。

2.8K10

Web 隐藏技术:几中隐藏 Web 中元素方法及优缺点

可访问性opacity: 0影响 一个元素以opacity: 0仍然可以屏幕阅读器访问,并且可以用键盘进行聚焦。 大家都说简历没项目写,就帮大家找了一个项目,还附赠【搭建教程】。...可访问性clip-path影响 元素仅在视觉隐藏, 屏幕阅读器和键盘焦点仍然可以使用它。 事例源码:https://codepen.io/shadeed/pe......使用opacity: 0不会隐藏可访问性树导航。即使导航在视觉是隐藏,它仍然可以通过键盘聚焦,并且可以屏幕阅读器访问。必须将其隐藏以避免混淆用户。...为此,应该使用position和其他属性。有一个常见CSS类,称为sr-only或visual -hidden,它只在视觉隐藏一个元素,并让键盘和屏幕阅读器用户可以访问它。...隐藏按钮 image.png 在Twitter,有一个名为“查看新推文”(See New Tweets)按钮,对于带有aria-hidden内容屏幕阅读器来说是隐藏,只有在有新推文可用时才会显示出来

5K30

Flutter常见开发问题

如果你完全喜欢拖拽,那么 Flutter Studio 是推荐一个很棒资源,它可以帮助你通过拖放生成布局。这是一个印象深刻工具,很想看看它是如何发展。...它是如何做到?在构建应用程序时,它不是只使用特定资源,而是实质需要所有资源。为什么这有帮助?因为如果一个图标从一个更改为另一个,则不必完全重建应用程序。...setState() 本质是一种告诉应用程序使用新值刷新和重建屏幕方法。 什么是有状态和无状态小部件? TL;DR:允许您刷新屏幕小部件是有状态小部件。没有状态小部件是无状态。...更详细地说,一个内容可以改变动态小部件应该是一个有状态小部件。无状态小部件只能在更改参数时更改内容,因此需要在小部件层次结构中位置点上方完成。...函数是 Dart 中第一类对象,可以作为参数传递给其他函数。使用 Android (<Java 8) 等接口回调对于简单回调有太多样板代码。

6.7K20

Flutter常见开发问题

但是 Flutter 中按钮不是将标题作为字符串,而是另一个小部件。这意味着**在按钮内你可以有文本、图像、图标和几乎任何你可以想象东西,**而不会打破布局限制。...它是如何做到?在构建应用程序时,它不是只使用特定资源,而是实质需要所有资源。为什么这有帮助?因为如果一个图标从一个更改为另一个,则不必完全重建应用程序。...setState() 本质是一种告诉应用程序使用新值刷新和重建屏幕方法。 什么是有状态和无状态小部件? TL;DR:允许您刷新屏幕小部件是有状态小部件。没有状态小部件是无状态。...更详细地说,一个内容可以改变动态小部件应该是一个有状态小部件。无状态小部件只能在更改参数时更改内容,因此需要在小部件层次结构中位置点上方完成。...函数是 Dart 中第一类对象,可以作为参数传递给其他函数。使用 Android (<Java 8) 等接口回调对于简单回调有太多样板代码。

6.8K30

Chrome开发者工具11个高级使用技巧

强大屏幕截图 捕获屏幕内容是一个非常常见功能需求,当然非常确定在你当前计算机上已经有了非常方便截图工具了。但是,你可以完成以下任务?...然后,我们可以就获得当前页面的完整屏幕截图了。 ? 上面的原始图像实际非常清晰,只是在这里上传了压缩图像以节省你流量。...实际,我们可以直接在“网络”面板中进行调试。 ? 打开“网络”面板 单击 XHR 按钮 选择要重新发送 XHR 请求 重放 XHR 请求 下面是一个 gif 示例,方便你理解: ? 4....在“元素”面板 DOM 元素进行拖放 有时我们想调整页面上某些 DOM 元素位置以测试 UI。在“元素”面板中,你可以拖放任何 HTML 元素来更改其在页面中显示位置: ?...上面的展示中,在“元素”面板中将某个 div 位置拖动到其他位置,它在网页展示位置就会同步更改。 9.

2.1K60

用getDisplayMedia实现在Chrome中共享屏幕

要求扩展会增加共享过程摩擦,但是由于内联安装,可以最大限度地减少这种摩擦: 用户点击一个按钮开始屏幕共享 Web应用程序检测到Chrome并确定未安装所需扩展 Web应用程序触发内联安装API,获取成功回调...进入该白名单过程涉及向Mozilla询问并显示您网站有服务条款和隐私政策。你也可以通过扩展来修改这个白名单。在Firefox 52中删除了这个白名单需求,允许任何安全来源使用屏幕共享。...甚至没有谈论Google Hangouts/Meet,完全避免了其他人必须通过使用内置扩展来应对用户体验。 预计Chrome Webstore团队会对此进行一些推广。...使用这种建立信任关系进行内联安装可以说比从Chrome网上应用店安装更安全。我们还必须要求WebStore开发人员支持不止一次地拆除由数百名用户安装我们扩展程序非法复制副本。...在MediaStreamTrack使用applyConstraints返回getUserMedia工作,并且可能会继续为getDisplayMedia执行此操作: 有关更多详情,请参阅规格问题。

4.3K30

【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作

,例如以下示例中,点击这个文本,将会在其属性面板中看见一个锁链按钮: 此锁链就表示当前对应属性值可以其他进行绑定。...首先,咱们可以点击文本变量组件,创建一个存储文本变量: 接着,点击文本变量,可以在其属性中设置当前文本变量值,当然这个文本变量也可以绑定于其他值: 接着,咱们点击文本,点击其数据绑定按钮...(在此处行重命名为“内主”方便进行辨认): 接着在内主行中创建一个行,命名为标题,并且设置高度为包裹、背景色为透明,这个行将会用作标题制作: 接着,在这个标题之中添加一个文本,...循环组件属性中有一个数据来源,点击箭头,选择对应 数组值 作为其数据来源: 依次3个for循环创建进行操作,随后在文本之中点击数据绑定按钮: 此时发现这些文本绑定值中有一个当前数据值...我们先判断该页面哪一个区域需要自适应,咱们可以得知,就是3个内容列,当页面变化为小屏幕时只需要更改其父容器宽度为100%即可完成自适应。

1.4K20

Human Interface Guidelines —— Popovers

Popover Popover是一个短暂视图,当您点击某个控件或某个区域时,它会出现在屏幕其他内容上方。 通常,Popover包含指向其出现位置箭头。...Popover分为非模态或模态: ·通过点击屏幕另一部分或 popover按钮可以解除非模态popover 。  ·点击弹出窗口上取消或其他按钮即可解除模态popover。...Popovers最合适在大屏幕使用,它可以包含多元素,包括navigation bars,toolbars,tab bars,tables,collections, images,maps和custom...当popover出现时,通常不能与其他视图进行交互,直到popover被关闭。 使用popover显示与屏幕内容相关选项或信息。...·只能使用关闭按钮进行确认和指导 “退出”与“完成”均为关闭按钮,如果能够清晰进行指示(如离开时是否保存保存更改),那就使用关闭按钮。一般来说,popover在不被需要时会自动关闭。

1.3K110

简单学习下 JavaScript 录屏API

学习如何使用这个简单易用API进行屏幕共享、屏幕录制等操作。尽管需要对JavaScript有一定了解,但我相信你已经具备了这方面的知识。...我们只是在按钮添加了一个事件监听器,以便启动和停止录制,并相应地更改文本。...如果您想要使用 mp4 或其他格式,您将需要使用 API 进行转换或自行处理。 结束 在本文中,我们介绍了使用 JavaScript 进行屏幕录制简单方法。...通过使用浏览器提供媒体记录器 API,我们可以轻松地捕捉用户屏幕内容并创建录屏文件。无论是进行教学演示、演讲稿录制还是创建应用程序演示视频,屏幕录制都是一个非常有用工具。...您可以根据需要选择不同输出文件类型,并根据自己需求进行扩展和定制。希望本文您理解和使用 JavaScript 录屏 API 有所帮助。

18430

WordPress 6.1 正式版已发布,最全新功能图文介绍

这将允许用户为更多块设置填充和边距,并设计和布局进行更精细控制。它还将帮助用户在调整块填充和边距时可视化更改。 改进边框选项 使用 WordPress 6.1,用户可以为更多块添加边框。...使用封面将允许用户在他们想要任何地方显示特色图像。 注意:根据您主题,如果未正确使用此选项,您特色图片可能会在屏幕出现两次。...编辑器设计增强 WordPress 6.1 还将对编辑器屏幕设计进行一些更改。这些更改将改善块编辑器屏幕用户体验。...第二个新选项是“显示按钮文本标签”,它显示文本而不是按钮图标。...其他内核改进 经典主题现在可以使用模板部分(详情) 流畅排版允许主题开发人员动态调整字体大小。(详情) 文章类型现在可以有自己启动模式(详情)。

4.6K30

C# WPF MVVM开发框架Caliburn.Micro Screens, Conductors 和 Composition⑦

–此接口继承标准INotifyPropertyChanged,并使用其他行为进行扩展。...实际通常从Screen继承已执行项目,但这使您可以灵活地使用自己基类,或者仅在每个类基础实现所关心生命周期事件接口。...它还将添加一个默认ContentTemplate,用于在ActiveItemViewModel/View进行组合。...码头有按钮,每个正在进行IWorkspace都有一个按钮。单击特定按钮可使Shell激活该特定工作区。...在这个示例中,需要一个对话框管理器,它可以是应用程序特定部分模态,而不会影响其他部分。正常情况下,默认导体可以工作,但我发现需要微调关机顺序,所以我实现了自己

2.5K20

开机黑屏或空白屏幕

如果你使用是台式电脑,请按 Ctrl + Alt + Delete,选择一个帐户,并尝试登录。 如果你无法登录,请选择屏幕右下角中“电源” 按钮以重启设备。...有时,驱动程序中某个更改可能会导致将视频发送到其他显示适配卡或输出。 如果你已安装自己显示适配卡并将其连接到显示器,请尝试将显示器连接到母板内置视频。...按下电源按钮 10 秒钟以关闭设备电源,然后按电源按钮再次打开设备。重复该过程三次以触发自动修复工具。 在“选择一个选项”屏幕,依次选择“疑难解答”>“高级选项”>“启动设置”>“重启”。...按下电源按钮 10 秒钟以关闭设备电源,然后按电源按钮再次打开设备。重复该过程三次以触发自动修复工具。 在“选择一个选项”屏幕,依次选择“疑难解答”>“高级选项”>“启动设置”>“重启”。...在此情况下,你只需要等待,无需进行其他任何操作。 但是,如果更新后这些点在屏幕停留太久,则可能说明显卡或驱动程序不兼容或不匹配。此时,请按顺序尝试以下操作。

7.2K21

从零开始Android:常见UI设计模式

在此模式中,您将采用列表和详细信息模式,并在同一屏幕多次使用它。 区别在于列表项可以水平滚动而不是垂直滚动。...2.导航和动作 虽然您刚刚了解了可以在应用程序主屏幕使用几种用户界面模式,但您可能仍需要一种导航至应用程序内其他部分方法。...这种设计模式在Android应用程序中经常使用,以提供一种方法来更改应用程序中部分或执行不必绑定到任何屏幕全局操作。...在Google Keep应用程序中可以找到一个示例,该应用程序使您可以更改便笺颜色,向该便笺中添加其他人以及溢出菜单中存在许多其他操作。...Android尺寸 尽管上面讨论某些模式可用于其他形状因素,但它们大多与设计电话或平板电脑应用程序有关。 最近,谷歌已开始在各种其他类型设备(包括电视和智能手表)使用Android。

2.6K20

小技巧:让 Siri 为你阅读电子邮件、文章和其他文本

Siri 一直是每个 Apple 用户完美助手,使用它能够轻松地执行许多任务。但是您知道可以使用 Siri 在 iPhone、iPad 或 Mac 阅读电子邮件、文章和其他文本?...启用“朗读选择”将 在所选文本顶部显示“ 朗读”按钮。 朗读屏幕:启用此选项可使 Siri 朗读屏幕所有内容。您可以用两根手指从上到下滑动来收听整个屏幕。...语音控制器:在语音屏幕切换将为您提供语音控制器选项。启用后,会弹出一个方形黑色图标。它可以快速访问“朗读屏幕”和“触摸说话”。您可以进一步自定义长按和双击操作。...您可以让 Siri 在键入内容时读出字符、单词、自动更正或预测。 声音:选择不同声音和语言进行叙述。 语速:您还可以使用调整叙事速度 语速 滑块。...但是,您可以通过按要使用键来更改快捷方式。例如,按 Option (⌥ ) 和 D 键将键盘快捷键设置为 Option (⌥ )+D。

1.7K10

最新iOS设计规范四|3大界面要素:视图(Views)

集合布局是可以随时更改。但需要注意是,如果你是在用户进行查看集合或者正在与之进行交互时来更改动态布局的话,请确保更改是有意义且是易于跟踪。...通常浮层上会有个指向其出现位置箭头。浮层分为非模态和模态。非模态浮层可以通过点击屏幕上浮层以外部分或浮层按钮来取消/关闭。而模态浮层则是通过点击浮层取消或其他按钮来关闭/取消。...浮层适合大屏幕可以包含各种元素,包括导航栏、工具栏、标签栏、表格、集合、图像、地图和自定义视图。当浮层出现时,其他视图交互行为会被禁止,直到浮层被取消/关闭。...如果可以进行多次选择,则浮层还是要保持打开状态,直到用户有意识地进行关闭。 自动关闭非模式弹出窗口时,请务必保存当前任务。通过点击屏幕非浮层区域部分,很容易误点而关闭非模态弹出窗口。...用户经常会在滚动时使用非常大幅度动作,如此便会非常难以避免在同一屏幕相邻滚动视图进行交互操作。

8.3K31

SAP屏幕设计器专题:编写控件代码(三)

一篇博文只是画了一个屏幕一个外壳而已,真正要实现我们需要功能还需要写相应代码。    ...第三个,系统工具栏,输入如下名称: 还需要点击进去进行设置,都一样,这里我们点击“SAVE”,其他照做: 于是,这个系统工具栏算是弄好了。记得保存并激活。回到程序画面。...双击下面的“USER_COMMAND_0100”,跟STATUS_0100一样: 输入如下代码: WHEN后面的内容都是控件名称!!! 还记得我们屏幕那个按钮“功能代码”?...我们在程序中怎么获得屏幕控件值呢?起始很好办,只要我们在程序中新建一个变量,类型和长度以及名称都跟屏幕控件对应属性一致就可以了。 比如屏幕那个文本框名称是:TXT。...本文主要是讲解基本控件使用。接下去一片博文要讲述下拉框使用

71610

最新iOS设计规范九|10大系统能力(System Capabilities)

专门使用这些图像来标识可以使用ARKit在AR中查看产品或其他对象。切勿更改徽章,更改其颜色,将其用于其他目的,或将其与未使用ARKit创建AR体验结合使用。 ? 将AR徽章优先于仅字形徽章。...自定义屏幕截图启动界面更改和功能是重复,不必要,并且可能造成混淆。如果适合您应用,可以其他用户或其他设备截屏时提醒用户。...例如,通知可以发信号通知消息何时到达,事件将要发生,新数据可用或某些状态已更改。人们会在使用设备时在屏幕顶部锁定屏幕和通知中心中看到通知。 通知可以是本地或远程。本地通知始发并在同一设备上传递。...详细信息视图可以包含照片,视频和其他内容,并且可以屏幕动态更新。 提供直观,有益行动。通知详细信息视图最多可以包含四个操作按钮。这些按钮应用于执行省时常规任务,从而无需打开应用程序。...用户熟悉此按钮,并使用它在其他应用程序中进行打印。如果您应用程序没有工具栏或导航栏,请设计一个自定义打印按钮。 仅在可以打印时启用打印。

4.2K20
领券