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

Genesis框架从入门到精通(13): 小部件函数

有些人通常会把这些称作“小部件”,但这不准确,可能导致混淆。可以把它们叫做侧边栏或小部件区域。 侧边栏有几个重要部分。侧边栏名称,ID,小部件之前和之后,以及小部件的标题之前和标题之后。...小部件放入侧边栏后,你还可以对其进行各种设置。如果窗口小部件无法找到它应该归属的侧边栏位置,则会被归入到非活动窗口小部件。当ID发生变化时会发生这种情况。后面我将再次讨论这个问题。...如果你想要一个不同的标题或小部件区域,这是非常方便的。默认传递值被解析后,就会用register_sidebar()注册一个新的侧边栏。...唯一的要求是名称和ID。你甚至可以省略ID,但我不推荐这么做。如果你的小部件有ID,那么它会呆在它该呆的地方。否则,如果侧边栏的顺序发生变化,那么你的窗口小部件将移动到其他侧边栏或非活动窗口小部件。...ID应为小写且没有空格。如果你想使用空格,那就在里面放一个“ – ”。这很重要,因为这个ID会被用作html中的ID,因此需要符合html标准。

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

    必读~苹果iOS小组件Widget设计终极完全指南

    小组件尺寸 可用的窗口小部件尺寸(称为小,中,大) 无论小部件的大小如何,它都应始终专注于一件事。在大多数情况下,小部件会根据您应用的主要功能提供信息。...如您所见,“填充”样式中只有一个“点击目标”,而其它的则有多个点击目标。 点击目标 点按目标是在点击时将执行特定操作的区域。小窗口小部件只有一个点击目标。...由于内容有限,我们无法将不同部分深度链接到应用程序的不同部分。中型和大型窗口小部件支持多个点击目标。 由于小尺寸的小组件仅支持一个点击目标,因此所有小窗口小部件均遵循“填充”样式。...接下来我们来设计其它尺寸的小组件。 如果你单纯的把小组件拉大,而不增加其它内容,那么这个小组件没有任何价值。更大的尺寸应该显示更多的内容,这才是有用的小组件。 让我们从中型小部件开始。...可以自定义的小部件 小部件还使用户对小部件显示的内容有一些偏好。例如,您可以在“天气”小部件中编辑位置。用户最终还可以拥有具有不同配置的,同一小部件的两个实例。

    8.9K30

    升级到Zabbix6.0的十大理由,Zabbix6.0培训师已就位!

    备用节点不执行任何数据收集、数据处理或任何其他Zabbix任务活动。备用节点不侦听端口上的连接,并且与Zabbix后端数据库建立的连接数量非常少。高可用性节点在不同小版本之间相互兼容。...这些id是唯一的,可以用于匹配特定的模板实体,如监控项、触发器、图形等。通过使用通用模板id,Zabbix现在可以了解我们试图更新哪个实体、删除哪个实体、它是一个新实体还是我们正在调整一个现有实体。...用户可以创建定时报表,并在特定时间(每天、每周、每月或每年)在邮箱中接收报表。还可以定义报告中提供信息的时间段。 新的地理地图小部件允许您快速部署具有基础设施状态概览的地理地图。...geomap小部件支持过滤器,因此我们只能显示基础设施的特定部分。...用户还可以定义和使用自定义的开发地图程序。该地图将显示您的基础设施,并突出显示任何检测到的问题,并显示问题计数器。

    2.1K31

    一起来刷 Sentry For Go 官方文档之 Enriching Events

    Sentry不建议使用此方法,因为应用程序状态可能非常大,并且很容易超过 Sentry 在单个事件有效负载上的最大200kB。...大多数 SDK 不推荐使用 Extra,而是使用上下文。 识别用户 用户包含一些关键信息,这些信息构成了 Sentry 中的唯一身份。...自定义标签 标签是既可索引又可搜索的 key/value 字符串对。标签具有强大的 UI 功能,例如过滤器和标签分布图。标签还可以帮助您快速访问相关事件,并查看一组事件的标签分布。...了解有关“Issue Details”页面上显示的更多信息, 以及如何过滤面包屑以快速解决问题。...该小部件将使用您的公共 DSN 进行身份验证,然后传入在您的后端生成的事件 ID。 如果您希望使用窗口小部件的替代产品,或者没有 JavaScript 前端,则可以使用用户反馈API。

    1.7K10

    iOS14 致敬 Android 之 Meet Widget

    最后,修饰符指定 Widget 库中显示的名称和描述,并允许用户选择小,中或大版本的 Widget。 请注意此 Widget 上 @main 属性的用法。...以下示例显示了游戏状态 widget 的 provider 如何生成时间线,该时间线由服务器上具有当前游戏状态的单个条目以及重载策略组成,以在15分钟内请求新的时间线: struct GameStatusProvider...当用户从 Widget 库中添加 Widget 时,他们从 Widget 支持的类型中选择特定的系列(小,中或大),Widget 的 content closure 必须能够渲染其支持的每个类型, WidgetKit...因为 Widget 支持所有三个小部件系列,所以它使用 widgetFamily 决定显示哪个特定的 SwiftUI 视图,如下所示: struct GameStatusView : View {...在应用中申明多个 Widgets 例如,如果游戏应用程序具有第二个用于显示角色健康状况的小部件,而第三个用于显示排行榜,则将它们分组在一起,如下所示: @main struct GameWidgets:

    2K20

    Wijmo 更优美的jQuery UI部件集:发现 Wijmo

    $(“p.wow”).hide() 隐藏所有“wow”类型的段落。 $(“#wow”).hide() 隐藏一个ID为“wow”的元素。...通过使用这些选择器,你可以通过属性名称,标签名称,ID标识符,甚至按照内容选择特定的DOM元素或者元素组。...jQuery 属性选择器 如果你想通过属性选择元素,而不是通过DOM对象,你可以使用XPATH表达式来选择具有特定属性的元素。例如: $(“[href]”) 选择具有href属性的所有元素。...每一个Wijmo 部件具有一个选项的默认配置;当然,会有一些情况,你希望覆盖这些定制部件的属性的默认值。...如果你现在通过浏览器打开你的工程,你将发现一个功能完整的日历部件,如下图所示: 但是如果该工程希望制定今天之前以及随后的几个月的日期不显示在日历上,应当如何做呢?显然删除它们不是一个明智选择。

    3.8K90

    图解小程序的特征与架构,及其应用机制

    小程序在原生能力的扩展,通常来自托管的原生应用程序或操作系统,包括支付、文件处理、图像扫描、电话呼叫等。这些功能通过特定的 API 调用。...为了在搜索和执行时定位特定的小程序,小程序必须在平台上具有包名或标识符。 小程序小部件 除了小程序页面,小程序还可以显示为信息片段或小程序小部件。...例如,当用户购买旅行的火车票时,智能助手上的小程序小部件会立即显示火车的最新状态。用户可以点击这个小部件并跳转到小程序的全屏页面以获取更多详细信息。...加载小部件后,它会在宿主环境中显示和渲染。来自主机和小部件的数据以及来自不同小部件的数据被隔离以确保安全性和独立性。 在很多场景下,一个小部件可以打开一个小程序页面进行更复杂的操作。...同时,小程序具有预下载机制,可以提前下载小程序包,也可以单独预下载首页,并在下载过程中并行进行流式解压,尽量减少小程序启动阶段的耗时和均衡 第一次打开时首页性能的损失。

    2.7K10

    【老孟Flutter】Flutter 2 新增的功能

    除了我们的HTML渲染器之外,我们还添加了一个新的基于CanvasKit的渲染器。我们还添加了特定于Web的功能,例如Link小部件,以确保在浏览器中运行的应用感觉像Web应用。...此版本包括一个更新的Scrollbar小部件,该小部件在桌面环境中非常有效 滚动条小部件已更新,以提供桌面上预期的交互功能,包括拖动拇指,单击轨道以上下滚动页面以及在鼠标悬停在鼠标的任何部分上时显示轨道的功能...可用的修复程序列表,如带小灯泡的快速修复程序,可帮助您单击鼠标来更改代码。...举例来说,假设您的应用中包含以下代码行: 使用不推荐使用的参数创建Flutter小部件 由于不赞成使用此构造函数的参数,因此应将其替换为以下内容: 图片发布 创建一个Flutter小部件,其中不推荐使用的参数已替换...,其中包括用于描述特定时间活动的新悬浮卡。

    10.9K20

    Flutte部件目录-布局

    FittedBo 根据身材,将自己的孩子缩放并放置在自身内部。 AspectRatio 试图根据特定长宽比调整子部件大小的部件。...OverflowBox 一个部件对它的子项施加了不同于其父项的约束,可能允许子项溢出父项。 SizedBox 具有指定大小的框。...如果给定孩子,这个小部件强制它的孩子有一个特定的宽度和/或高度(假设这个小部件的父母允许这个值)。 如果宽度或高度为空,则此小部件将自行调整大小以匹配该维度中的子级大小。...SizedOverflowBox 一个具有特定大小的小部件,但将其原始约束传递给其子级,这可能会溢出。 Transform 绘制其子级之前应用转换的小部件。...Stack 如果你想以一种简单的方式重叠几个子部件,这个类很有用,例如有一些文字和图像,用梯度和底部附加的按钮叠加。 IndexedStack 显示一个子部件列表中的单个子部件的堆栈。

    2.1K10

    5个最佳WordPress广告插件

    5个最佳WordPress广告插件  大多数这些插件还将包括广告小部件。您可以使用这些小部件在侧边栏、页面、页脚、页眉和WordPress主题提供的任何其他小部件区域中显示广告。  ...就个人而言,我发现一些界面细节有点不直观。主要特征:自动广告插入-可以获得大量选项。任何广告——插入AdSense和其他广告平台或创建您自己的自定义广告。...帖子内容的顶部/底部在任何段落或标题之后(包括随机化)在特定的HTML元素处侧边栏/小部件使用简码或PHP函数手动放置页脚还有bbPress、BuddyBoss和BuddyPress集成,以便您可以轻松地在社区的特定位置插入广告...它具有自定义广告小部件,可在侧边栏和其他小部件就绪区域显示广告。没有您在此列表中的其他一些插件中找到的许多高级功能。另一个限制是您一次最多只能保存10个广告代码。...边栏小部件上最多支持10个广告代码。最多支持10个广告代码,用于帖子中的特定位置和随机化。地理定位:将广告限制在特定国家。设备定位:将广告限制在特定设备上。

    11.3K20

    如何在 wxPython 中创建多个工具栏

    它具有各种平台的本机外观和感觉,包括Windows,macOS和Linux。...使用 wxPython,您可以使用各种小部件(例如按钮、文本控件,当然还有工具栏)设计具有视觉吸引力且响应迅速的桌面应用程序。...面板用于保存wxPython应用程序中的小部件(控件)。 使用 CreateToolBar() 方法为窗口创建一个工具栏。...工具 3 的“突出显示”标签和“图标突出显示.bmp”图标 它被设计为可审核的工具(切换按钮)。 使用 AddControl() 方法,组合框(下拉列表)作为工具 4 添加到菜单栏中。...MS Word,Excel,Jira,Music Player等具有多个工具栏。每个都有一个下拉列表,其中包含与该特定工具栏相关的选项。 结论 本教程演示了如何在 wxPython 中构建许多工具栏。

    3.5K20

    Wijmo 更优美的jQuery UI部件集:从wijwizard和wijpager开始

    "stylesheet" type="text/css" /> 你要在这个快速开始中做的第一件事情就是创建一个不包含任何Header,具有三个页的基本wijwizard部件。...请将以下脚本放置在和标签中间以初始化该部件: id="scriptInit" type="text/javascript"> $(document).ready...保存你的工程,并在浏览器中打开。它将看起来像下面这样: ? 当部件包含多于一个页面的时候,导航按钮将自动的被添加到部件上。你可以更改,甚至删除控件上显示的导航按钮。...,并刷新浏览器,wijwizard将不再显示导航按钮,如下图所示: ?...这个过程很简单:你所要做的是创建一个具有三个列表项的列表(有序或者无序),之后为每一个项目添加一个header标签以及一些文字。

    3.4K70

    Flutter中构建布局 顶

    这些小部件安排在ListView中,而不是列中,因为在小设备上运行应用程序时,ListView会自动滚动。...子小部件本身可以是行,列或其他复杂小部件。 您可以指定行或列如何在垂直和水平方向上对齐其子项。 您可以拉伸或限制特定的子部件。 您可以指定子窗口小部件如何使用行或列的可用空间。...调整小部件 也许你想要一个小部件占据其兄弟姐妹两倍的空间。 您可以将行或列的子项放置在扩展小部件中,以控制沿着主轴的小部件大小。 扩展小部件具有flex属性,它是一个整数,用于确定小部件的弹性因子。...您还可以使用Window > Scale更改模拟器窗口的大小(不更改逻辑像素的数量)。 常见的布局小部件 Flutter拥有丰富的布局小部件库,但这里有一些最常用的布局部件。...使用ListView显示特定Colors的Material Design面板中的颜色。

    48.6K10

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

    考虑以下简化用户与虚拟对象交互的方法。 ? 在交互式虚拟对象的合理接近范围内响应手势。当人们试图触摸小,细或相距一定距离的物体上的特定点时,人们可能很难做到精确。...细看小部件 您可以创建小,中或大尺寸的小部件。在iPhone,iPad和Mac上,人们可以在窗口小部件库中找到窗口小部件,还可以在其中选择窗口小部件的大小。...在较大的小部件中,您可以显示更多数据-或数据的更详细的可视化效果-但始终专注于小部件的想法至关重要。 例如,小的“天气”小部件仅显示当前温度和天气状况,以及该位置当天的高温和低温值。 ?...避免创建仅启动应用程序而不执行任何操作的小部件。人们喜欢小部件是因为它们提供了对有意义内容的即时访问。如果只是通过小部件打开应用程序而没有提供任何附加值,用户大概率会删掉。...使用这两种方法,导航栏都包含用于退出“快速查看”的按钮,以及用于执行诸如共享和标记之类的操作的特定于预览的按钮。如果您的应用程序包含工具栏,则将在此处而不是在导航栏中显示任何特定于预览的按钮。

    6.3K20

    【译】3D打印:介绍

    长期以来,它一直被下面这些大的领域(big thing)所炒作: 日常使用:重新创建物体,更换破损的部件 医疗用途:创造适合患者的特定支管或假体 武器:在新闻中,3D打印一支可以通过金属探测器的枪,...上面的图像显示了这两种(三种)方法之间的明显差异。与DLP或MSLA方法相比,SLA方法具有更好的质量。 3....ABS更坚固但不可生物降解,在印刷时会产生有毒烟雾,在印刷过程中也需要非常精确的冷却,否则印刷会翘曲,层会分离,破坏印刷品。PETG则两全其美,它比PLA强,不产生有毒烟雾。...它有一些很好的优点: 允许更便宜的小型建筑物建设 施工更快 发展中国家的小面积小型住宅 - 或者 - 在发生自然灾害之后 4. 食物 食品印刷长期以来一直是炒作。...简书ID:@我没有三颗心脏 github:wmyskxz 欢迎关注公众微信号:wmyskxz 分享自己的学习 & 学习资料 & 生活 想要交流的朋友也可以加qq群:3382693

    1.5K30

    『App自动化测试之Appium应用篇』| uiautomator + accessibility_id定位方法完全使用攻略

    1.2 解决方法1.2.1 方法一:使用第三方文件(不建议)使用二次开发好的uiautomatorviewer,本文试过了安卓9.0可以,但是安卓13是不行的;这个可以直接搜索,比如如下这个:图片下载后有三个文件...content-desc内容;元素的content-desc主要是针对的是Android;而iOS上用的是label或name属性;比如安卓上的如下:图片3 accessibility_id定位方式accessibility_id...focused(boolean val)设置搜索条件以匹配具有焦点的小部件fromParent(UiSelector selector)将子UiSelector条件添加到此选择器,用于从父小部件开始搜索...text(String text)设置搜索条件以匹配小部件显示的可见文本(例如,启动应用程序的文本标签)textContains(String text)设置搜索条件以匹配小部件显示的可见文本(例如,启动应用程序的文本标签...)textMatches(String regex)设置搜索条件以匹配小部件显示的可见文本(例如,启动应用程序的文本标签)textStartsWith(String text)Text属性通常是小部件在显示器上的可见文本

    1.6K20

    2022年Flutter真的会一统大前端吗?

    副标题《理性对待Flutter》 作者:坚果 华为云享专家,InfoQ签约作者,阿里云专家博主,51CTO博客首席体验官,开源项目GVA成员之一,专注于大前端技术的分享,包括Flutter,小程序,安卓...由于它具有内置的小部件而不是使用原生平台小部件,因此 Flutter 应用程序的最小大小超过 4MB,明显大于原生 Java(539KB)和 Kotlin(550KB)应用程序。...硬件支持 不建议将 Flutter 用于通过蓝牙连接到硬件设备的应用程序。由于它本身不使用设备的蓝牙,因此会出现一些连接问题和性能问题。 Flutter for Web 它不是html。...Flutter可以做网站吗|Flutter Web劝退指南|从入门到放弃只需要几分钟 平台特定的外观和设计 Material Widgets 和 Cupertino 小部件分别是 Android 和 iOS...为了实现这两个应用程序的原生外观,我们应该检查代码中的平台并渲染特定的小部件,这是编码和应用程序性能最差的部分。

    2.9K20
    领券